@webstudio-is/sdk-components-react 0.90.0 → 0.92.0

package/lib/__generated__/blockquote.props.js

@@ -1,4 +1,5 @@
-const props = {
+"use strict";
+export const props = {
   about: { required: false, control: "text", type: "string" },
   accessKey: {
     required: false,
@@ -511,6 +512,3 @@ const props = {
   },
   vocab: { required: false, control: "text", type: "string" }
 };
-export {
-  props
-};

package/lib/__generated__/body.props.js

@@ -1,4 +1,5 @@
-const props = {
+"use strict";
+export const props = {
   about: { required: false, control: "text", type: "string" },
   accessKey: {
     required: false,
@@ -505,6 +506,3 @@ const props = {
   },
   vocab: { required: false, control: "text", type: "string" }
 };
-export {
-  props
-};

package/lib/__generated__/bold.props.js

@@ -1,4 +1,5 @@
-const props = {
+"use strict";
+export const props = {
   about: { required: false, control: "text", type: "string" },
   accessKey: {
     required: false,
@@ -505,6 +506,3 @@ const props = {
   },
   vocab: { required: false, control: "text", type: "string" }
 };
-export {
-  props
-};

package/lib/__generated__/box.props.js

@@ -1,4 +1,5 @@
-const props = {
+"use strict";
+export const props = {
   about: { required: false, control: "text", type: "string" },
   accessKey: {
     required: false,
@@ -524,6 +525,3 @@ const props = {
   },
   vocab: { required: false, control: "text", type: "string" }
 };
-export {
-  props
-};

package/lib/__generated__/button.props.js

@@ -1,4 +1,5 @@
-const props = {
+"use strict";
+export const props = {
   about: { required: false, control: "text", type: "string" },
   accessKey: {
     required: false,
@@ -561,6 +562,3 @@ const props = {
   },
   vocab: { required: false, control: "text", type: "string" }
 };
-export {
-  props
-};

package/lib/__generated__/checkbox.props.js

@@ -1,4 +1,5 @@
-const props = {
+"use strict";
+export const props = {
   about: { required: false, control: "text", type: "string" },
   accept: {
     required: false,
@@ -663,6 +664,3 @@ const props = {
     description: "Defines the image\u2019s width in pixels."
   }
 };
-export {
-  props
-};

package/lib/__generated__/code-text.props.js

@@ -1,4 +1,5 @@
-const props = {
+"use strict";
+export const props = {
   about: { required: false, control: "text", type: "string" },
   accessKey: {
     required: false,
@@ -505,6 +506,3 @@ const props = {
   },
   vocab: { required: false, control: "text", type: "string" }
 };
-export {
-  props
-};

package/lib/__generated__/form.props.js

@@ -1,4 +1,5 @@
-const props = {
+"use strict";
+export const props = {
   about: { required: false, control: "text", type: "string" },
   acceptCharset: {
     required: false,
@@ -553,6 +554,3 @@ const props = {
   },
   vocab: { required: false, control: "text", type: "string" }
 };
-export {
-  props
-};

package/lib/__generated__/fragment.props.js

@@ -1,4 +1,2 @@
-const props = {};
-export {
-  props
-};
+"use strict";
+export const props = {};

package/lib/__generated__/heading.props.js

@@ -1,4 +1,5 @@
-const props = {
+"use strict";
+export const props = {
   about: { required: false, control: "text", type: "string" },
   accessKey: {
     required: false,
@@ -513,6 +514,3 @@ const props = {
   },
   vocab: { required: false, control: "text", type: "string" }
 };
-export {
-  props
-};

package/lib/__generated__/html-embed.props.js

@@ -1,4 +1,5 @@
-const props = {
+"use strict";
+export const props = {
   code: { required: true, control: "text", type: "string" },
   executeScriptOnCanvas: {
     required: true,
@@ -6,6 +7,3 @@ const props = {
     type: "boolean"
   }
 };
-export {
-  props
-};

package/lib/__generated__/image.props.js

@@ -1,4 +1,5 @@
-const props = {
+"use strict";
+export const props = {
   about: { required: false, control: "text", type: "string" },
   accessKey: {
     required: false,
@@ -578,6 +579,3 @@ const props = {
     description: "Defines the image\u2019s width in pixels."
   }
 };
-export {
-  props
-};

package/lib/__generated__/input.props.js

@@ -1,4 +1,5 @@
-const props = {
+"use strict";
+export const props = {
   about: { required: false, control: "text", type: "string" },
   accept: {
     required: false,
@@ -670,6 +671,3 @@ const props = {
     description: "Defines the image\u2019s width in pixels."
   }
 };
-export {
-  props
-};

package/lib/__generated__/italic.props.js

@@ -1,4 +1,5 @@
-const props = {
+"use strict";
+export const props = {
   about: { required: false, control: "text", type: "string" },
   accessKey: {
     required: false,
@@ -505,6 +506,3 @@ const props = {
   },
   vocab: { required: false, control: "text", type: "string" }
 };
-export {
-  props
-};

package/lib/__generated__/label.props.js

@@ -1,4 +1,5 @@
-const props = {
+"use strict";
+export const props = {
   about: { required: false, control: "text", type: "string" },
   accessKey: {
     required: false,
@@ -517,6 +518,3 @@ const props = {
   },
   vocab: { required: false, control: "text", type: "string" }
 };
-export {
-  props
-};

package/lib/__generated__/link.props.js

@@ -1,4 +1,5 @@
-const props = {
+"use strict";
+export const props = {
   about: { required: false, control: "text", type: "string" },
   accessKey: {
     required: false,
@@ -559,6 +560,3 @@ const props = {
   },
   vocab: { required: false, control: "text", type: "string" }
 };
-export {
-  props
-};

package/lib/__generated__/list-item.props.js

@@ -1,4 +1,5 @@
-const props = {
+"use strict";
+export const props = {
   about: { required: false, control: "text", type: "string" },
   accessKey: {
     required: false,
@@ -505,6 +506,3 @@ const props = {
   },
   vocab: { required: false, control: "text", type: "string" }
 };
-export {
-  props
-};

package/lib/__generated__/list.props.js

@@ -1,4 +1,5 @@
-const props = {
+"use strict";
+export const props = {
   about: { required: false, control: "text", type: "string" },
   accessKey: {
     required: false,
@@ -531,6 +532,3 @@ const props = {
   },
   vocab: { required: false, control: "text", type: "string" }
 };
-export {
-  props
-};

package/lib/__generated__/paragraph.props.js

@@ -1,4 +1,5 @@
-const props = {
+"use strict";
+export const props = {
   about: { required: false, control: "text", type: "string" },
   accessKey: {
     required: false,
@@ -505,6 +506,3 @@ const props = {
   },
   vocab: { required: false, control: "text", type: "string" }
 };
-export {
-  props
-};

package/lib/__generated__/radio-button.props.js

@@ -1,4 +1,5 @@
-const props = {
+"use strict";
+export const props = {
   about: { required: false, control: "text", type: "string" },
   accept: {
     required: false,
@@ -663,6 +664,3 @@ const props = {
     description: "Defines the image\u2019s width in pixels."
   }
 };
-export {
-  props
-};

package/lib/__generated__/rich-text-link.props.js

@@ -1,4 +1,5 @@
-const props = {
+"use strict";
+export const props = {
   about: { required: false, control: "text", type: "string" },
   accessKey: {
     required: false,
@@ -559,6 +560,3 @@ const props = {
   },
   vocab: { required: false, control: "text", type: "string" }
 };
-export {
-  props
-};

package/lib/__generated__/separator.props.js

@@ -1,4 +1,5 @@
-const props = {
+"use strict";
+export const props = {
   about: { required: false, control: "text", type: "string" },
   accessKey: {
     required: false,
@@ -505,6 +506,3 @@ const props = {
   },
   vocab: { required: false, control: "text", type: "string" }
 };
-export {
-  props
-};

package/lib/__generated__/slot.props.js

@@ -1,4 +1,2 @@
-const props = {};
-export {
-  props
-};
+"use strict";
+export const props = {};

package/lib/__generated__/span.props.js

@@ -1,4 +1,5 @@
-const props = {
+"use strict";
+export const props = {
   about: { required: false, control: "text", type: "string" },
   accessKey: {
     required: false,
@@ -505,6 +506,3 @@ const props = {
   },
   vocab: { required: false, control: "text", type: "string" }
 };
-export {
-  props
-};

package/lib/__generated__/subscript.props.js

@@ -1,4 +1,5 @@
-const props = {
+"use strict";
+export const props = {
   about: { required: false, control: "text", type: "string" },
   accessKey: {
     required: false,
@@ -505,6 +506,3 @@ const props = {
   },
   vocab: { required: false, control: "text", type: "string" }
 };
-export {
-  props
-};

package/lib/__generated__/superscript.props.js

@@ -1,4 +1,5 @@
-const props = {
+"use strict";
+export const props = {
   about: { required: false, control: "text", type: "string" },
   accessKey: {
     required: false,
@@ -505,6 +506,3 @@ const props = {
   },
   vocab: { required: false, control: "text", type: "string" }
 };
-export {
-  props
-};

package/lib/__generated__/text.props.js

@@ -1,4 +1,5 @@
-const props = {
+"use strict";
+export const props = {
   about: { required: false, control: "text", type: "string" },
   accessKey: {
     required: false,
@@ -513,6 +514,3 @@ const props = {
   },
   vocab: { required: false, control: "text", type: "string" }
 };
-export {
-  props
-};

package/lib/__generated__/textarea.props.js

@@ -1,4 +1,5 @@
-const props = {
+"use strict";
+export const props = {
   about: { required: false, control: "text", type: "string" },
   accessKey: {
     required: false,
@@ -572,6 +573,3 @@ const props = {
     description: "Indicates whether the text should be wrapped."
   }
 };
-export {
-  props
-};

package/lib/__generated__/vimeo-play-button.props.js

@@ -1,4 +1,5 @@
-const props = {
+"use strict";
+export const props = {
   about: { required: false, control: "text", type: "string" },
   accessKey: {
     required: false,
@@ -560,6 +561,3 @@ const props = {
   },
   vocab: { required: false, control: "text", type: "string" }
 };
-export {
-  props
-};

package/lib/__generated__/vimeo-preview-image.props.js

@@ -1,4 +1,5 @@
-const props = {
+"use strict";
+export const props = {
   about: { required: false, control: "text", type: "string" },
   accessKey: {
     required: false,
@@ -577,6 +578,3 @@ const props = {
     description: "Defines the image\u2019s width in pixels."
   }
 };
-export {
-  props
-};

package/lib/__generated__/vimeo-spinner.props.js

@@ -1,4 +1,5 @@
-const props = {
+"use strict";
+export const props = {
   about: { required: false, control: "text", type: "string" },
   accessKey: {
     required: false,
@@ -505,6 +506,3 @@ const props = {
   },
   vocab: { required: false, control: "text", type: "string" }
 };
-export {
-  props
-};

package/lib/__generated__/vimeo.props.js

@@ -1,4 +1,5 @@
-const props = {
+"use strict";
+export const props = {
   about: { required: false, control: "text", type: "string" },
   accessKey: {
     required: false,
@@ -662,6 +663,3 @@ const props = {
   },
   vocab: { required: false, control: "text", type: "string" }
 };
-export {
-  props
-};

package/lib/blockquote.js

@@ -1,15 +1,12 @@
+"use strict";
 import {
   forwardRef,
   createElement
 } from "react";
-const defaultTag = "blockquote";
-const Blockquote = forwardRef(
+export const defaultTag = "blockquote";
+export const Blockquote = forwardRef(
   (props, ref) => {
     return createElement(defaultTag, { ...props, ref });
   }
 );
 Blockquote.displayName = "Blockquote";
-export {
-  Blockquote,
-  defaultTag
-};

package/lib/blockquote.stories.js

@@ -0,0 +1,11 @@
+"use strict";
+import { Blockquote as BlockquotePrimitive } from "./blockquote";
+export default {
+  title: "Components/Blockquote",
+  component: BlockquotePrimitive
+};
+export const Blockquote = {
+  args: {
+    children: "Blockquote"
+  }
+};

package/lib/blockquote.ws.js

@@ -1,3 +1,4 @@
+"use strict";
 import { BlockquoteIcon } from "@webstudio-is/icons/svg";
 import {
   defaultStates
@@ -51,7 +52,7 @@ const presetStyle = {
     }
   ]
 };
-const meta = {
+export const meta = {
   category: "text",
   type: "container",
   label: "Blockquote",
@@ -68,11 +69,7 @@ const meta = {
   ],
   order: 3
 };
-const propsMeta = {
+export const propsMeta = {
   props,
   initialProps: ["id", "cite"]
 };
-export {
-  meta,
-  propsMeta
-};

package/lib/body.js

@@ -1,9 +1,6 @@
+"use strict";
 import { jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
-const defaultTag = "body";
-const Body = forwardRef((props, ref) => /* @__PURE__ */ jsx("body", { ...props, ref }));
+export const defaultTag = "body";
+export const Body = forwardRef((props, ref) => /* @__PURE__ */ jsx("body", { ...props, ref }));
 Body.displayName = "Body";
-export {
-  Body,
-  defaultTag
-};

package/lib/body.stories.js

@@ -0,0 +1,11 @@
+"use strict";
+import { Body as BodyPrimitive } from "./body";
+export default {
+  title: "Components/Body",
+  component: BodyPrimitive
+};
+export const Body = {
+  args: {
+    children: "Body"
+  }
+};

package/lib/body.ws.js

@@ -1,3 +1,4 @@
+"use strict";
 import { BodyIcon } from "@webstudio-is/icons/svg";
 import {
   defaultStates
@@ -17,18 +18,14 @@ const presetStyle = {
     }
   ]
 };
-const meta = {
+export const meta = {
   type: "container",
   label: "Body",
   icon: BodyIcon,
   states: defaultStates,
   presetStyle
 };
-const propsMeta = {
+export const propsMeta = {
   props,
   initialProps: ["id"]
 };
-export {
-  meta,
-  propsMeta
-};

package/lib/bold.js

@@ -1,9 +1,6 @@
+"use strict";
 import { jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
-const defaultTag = "b";
-const Bold = forwardRef((props, ref) => /* @__PURE__ */ jsx("b", { ...props, ref }));
+export const defaultTag = "b";
+export const Bold = forwardRef((props, ref) => /* @__PURE__ */ jsx("b", { ...props, ref }));
 Bold.displayName = "Bold";
-export {
-  Bold,
-  defaultTag
-};

package/lib/bold.stories.js

@@ -0,0 +1,11 @@
+"use strict";
+import { Bold as BoldPrimitive } from "./bold";
+export default {
+  title: "Components/Bold",
+  component: BoldPrimitive
+};
+export const Bold = {
+  args: {
+    children: "some bold text"
+  }
+};

package/lib/bold.ws.js

@@ -1,3 +1,4 @@
+"use strict";
 import { BoldIcon } from "@webstudio-is/icons/svg";
 import {
   defaultStates
@@ -7,18 +8,14 @@ import { props } from "./__generated__/bold.props";
 const presetStyle = {
   b
 };
-const meta = {
+export const meta = {
   type: "rich-text-child",
   label: "Bold Text",
   icon: BoldIcon,
   states: defaultStates,
   presetStyle
 };
-const propsMeta = {
+export const propsMeta = {
   props,
   initialProps: ["id"]
 };
-export {
-  meta,
-  propsMeta
-};

package/lib/box.js

@@ -1,15 +1,12 @@
+"use strict";
 import {
   createElement,
   forwardRef
 } from "react";
-const defaultTag = "div";
-const Box = forwardRef(
+export const defaultTag = "div";
+export const Box = forwardRef(
   ({ tag = defaultTag, ...props }, ref) => {
     return createElement(tag, { ...props, ref });
   }
 );
 Box.displayName = "Box";
-export {
-  Box,
-  defaultTag
-};

package/lib/box.stories.js

@@ -0,0 +1,11 @@
+"use strict";
+import { Box as BoxPrimitive } from "./box";
+export default {
+  title: "Components/Box",
+  component: BoxPrimitive
+};
+export const Box = {
+  args: {
+    children: "Box"
+  }
+};