@webstudio-is/react-sdk 0.69.0 → 0.71.0

package/lib/components/radio-button.ws.js

@@ -1,40 +0,0 @@
-import { RadioCheckedIcon } from "@webstudio-is/icons/svg";
-import {
-  defaultStates
-} from "./component-meta";
-import { input } from "../css/normalize";
-import { props } from "./__generated__/radio-button.props";
-const presetStyle = {
-  input: [
-    ...input,
-    {
-      property: "marginRight",
-      value: { type: "unit", unit: "em", value: 0.5 }
-    }
-  ]
-};
-const meta = {
-  type: "control",
-  label: "Radio Input",
-  icon: RadioCheckedIcon,
-  presetStyle,
-  order: 5,
-  states: [
-    ...defaultStates,
-    { selector: ":checked", label: "Checked" },
-    { selector: ":required", label: "Required" },
-    { selector: ":optional", label: "Optional" },
-    { selector: ":disabled", label: "Disabled" },
-    { selector: ":enabled", label: "Enabled" },
-    { selector: ":read-only", label: "Read Only" },
-    { selector: ":read-write", label: "Read Write" }
-  ]
-};
-const propsMeta = {
-  props,
-  initialProps: ["name"]
-};
-export {
-  meta,
-  propsMeta
-};

package/lib/components/rich-text-link.js

@@ -1,8 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
-import { Link } from "./link";
-const RichTextLink = forwardRef((props, ref) => /* @__PURE__ */ jsx(Link, { ...props, ref }));
-RichTextLink.displayName = "RichTextLink";
-export {
-  RichTextLink
-};

package/lib/components/rich-text-link.ws.js

@@ -1,19 +0,0 @@
-import { props } from "./__generated__/rich-text-link.props";
-import { meta as linkMeta, propsMeta as linkPropsMeta } from "./link.ws";
-const { category, ...linkMetaRest } = linkMeta;
-const meta = {
-  ...linkMetaRest,
-  type: "rich-text-child",
-  template: []
-};
-const propsMeta = {
-  initialProps: linkPropsMeta.initialProps,
-  props: {
-    ...props,
-    href: linkPropsMeta.props.href
-  }
-};
-export {
-  meta,
-  propsMeta
-};

package/lib/components/separator.js

@@ -1,15 +0,0 @@
-import {
-  forwardRef,
-  createElement
-} from "react";
-const defaultTag = "hr";
-const Separator = forwardRef(
-  (props, ref) => {
-    return createElement(defaultTag, { ...props, ref });
-  }
-);
-Separator.displayName = "Separator";
-export {
-  Separator,
-  defaultTag
-};

package/lib/components/separator.ws.js

@@ -1,52 +0,0 @@
-import { DashIcon } from "@webstudio-is/icons/svg";
-import {
-  defaultStates
-} from "./component-meta";
-import { props } from "./__generated__/separator.props";
-import { hr } from "../css/normalize";
-const presetStyle = {
-  hr: [
-    ...hr,
-    {
-      property: "height",
-      value: { type: "keyword", value: "1px" }
-    },
-    {
-      property: "backgroundColor",
-      value: { type: "keyword", value: "gray" }
-    },
-    {
-      property: "borderTopStyle",
-      value: { type: "keyword", value: "none" }
-    },
-    {
-      property: "borderRightStyle",
-      value: { type: "keyword", value: "none" }
-    },
-    {
-      property: "borderLeftStyle",
-      value: { type: "keyword", value: "none" }
-    },
-    {
-      property: "borderBottomStyle",
-      value: { type: "keyword", value: "none" }
-    }
-  ]
-};
-const meta = {
-  category: "general",
-  type: "embed",
-  label: "Separator",
-  icon: DashIcon,
-  states: defaultStates,
-  presetStyle,
-  order: 5
-};
-const propsMeta = {
-  props,
-  initialProps: []
-};
-export {
-  meta,
-  propsMeta
-};

package/lib/components/slot.js

@@ -1,16 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
-const Slot = forwardRef((props, ref) => {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      ...props,
-      ref,
-      style: { display: props.children ? "contents" : "block" }
-    }
-  );
-});
-Slot.displayName = "Slot";
-export {
-  Slot
-};

package/lib/components/slot.ws.js

@@ -1,16 +0,0 @@
-import { SlotComponentIcon } from "@webstudio-is/icons/svg";
-const meta = {
-  category: "general",
-  type: "container",
-  label: "Slot",
-  icon: SlotComponentIcon,
-  stylable: false,
-  order: 6
-};
-const propsMeta = {
-  props: {}
-};
-export {
-  meta,
-  propsMeta
-};

package/lib/components/span.js

@@ -1,9 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
-const defaultTag = "span";
-const Span = forwardRef((props, ref) => /* @__PURE__ */ jsx("span", { ...props, ref }));
-Span.displayName = "Span";
-export {
-  Span,
-  defaultTag
-};

package/lib/components/span.ws.js

@@ -1,23 +0,0 @@
-import { PaintBrushIcon } from "@webstudio-is/icons/svg";
-import { span } from "../css/normalize";
-import {
-  defaultStates
-} from "./component-meta";
-import { props } from "./__generated__/span.props";
-const presetStyle = {
-  span
-};
-const meta = {
-  type: "rich-text-child",
-  label: "Styled Text",
-  icon: PaintBrushIcon,
-  states: defaultStates,
-  presetStyle
-};
-const propsMeta = {
-  props
-};
-export {
-  meta,
-  propsMeta
-};

package/lib/components/subscript.js

@@ -1,9 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
-const defaultTag = "sub";
-const Subscript = forwardRef((props, ref) => /* @__PURE__ */ jsx("sub", { ...props, ref }));
-Subscript.displayName = "Subscript";
-export {
-  Subscript,
-  defaultTag
-};

package/lib/components/subscript.ws.js

@@ -1,23 +0,0 @@
-import { SubscriptIcon } from "@webstudio-is/icons/svg";
-import { sub } from "../css/normalize";
-import {
-  defaultStates
-} from "./component-meta";
-import { props } from "./__generated__/subscript.props";
-const presetStyle = {
-  sub
-};
-const meta = {
-  type: "rich-text-child",
-  label: "Subscript Text",
-  icon: SubscriptIcon,
-  states: defaultStates,
-  presetStyle
-};
-const propsMeta = {
-  props
-};
-export {
-  meta,
-  propsMeta
-};

package/lib/components/success-message.js

@@ -1,9 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
-const defaultTag = "div";
-const SuccessMessage = forwardRef((props, ref) => /* @__PURE__ */ jsx("div", { ...props, ref }));
-SuccessMessage.displayName = "SuccessMessage";
-export {
-  SuccessMessage,
-  defaultTag
-};

package/lib/components/success-message.ws.js

@@ -1,20 +0,0 @@
-import { BoxIcon } from "@webstudio-is/icons/svg";
-import { props } from "./__generated__/success-message.props";
-import { div } from "../css/normalize";
-const presetStyle = {
-  div
-};
-const meta = {
-  type: "container",
-  label: "Success Message",
-  icon: BoxIcon,
-  presetStyle
-};
-const propsMeta = {
-  props,
-  initialProps: []
-};
-export {
-  meta,
-  propsMeta
-};

package/lib/components/superscript.js

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

package/lib/components/superscript.ws.js

@@ -1,23 +0,0 @@
-import { SuperscriptIcon } from "@webstudio-is/icons/svg";
-import { sup } from "../css/normalize";
-import {
-  defaultStates
-} from "./component-meta";
-import { props } from "./__generated__/superscript.props";
-const presetStyle = {
-  sup
-};
-const meta = {
-  type: "rich-text-child",
-  label: "Superscript Text",
-  icon: SuperscriptIcon,
-  states: defaultStates,
-  presetStyle
-};
-const propsMeta = {
-  props
-};
-export {
-  meta,
-  propsMeta
-};

package/lib/components/text-block.js

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

package/lib/components/text-block.ws.js

@@ -1,39 +0,0 @@
-import { TextBlockIcon } from "@webstudio-is/icons/svg";
-import {
-  defaultStates
-} from "./component-meta";
-import { props } from "./__generated__/text-block.props";
-import { div } from "../css/normalize";
-const presetStyle = {
-  div: [
-    ...div,
-    {
-      property: "minHeight",
-      value: { type: "unit", unit: "em", value: 1 }
-    }
-  ]
-};
-const meta = {
-  category: "text",
-  type: "rich-text",
-  label: "Text Block",
-  icon: TextBlockIcon,
-  states: defaultStates,
-  presetStyle,
-  template: [
-    {
-      type: "instance",
-      component: "TextBlock",
-      children: [{ type: "text", value: "Block of text you can edit" }]
-    }
-  ],
-  order: 0
-};
-const propsMeta = {
-  props,
-  initialProps: ["tag"]
-};
-export {
-  meta,
-  propsMeta
-};

package/lib/components/textarea.js

@@ -1,9 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
-const defaultTag = "textarea";
-const Textarea = forwardRef(({ children: _children, ...props }, ref) => /* @__PURE__ */ jsx("textarea", { ...props, ref }));
-Textarea.displayName = "Textarea";
-export {
-  Textarea,
-  defaultTag
-};

package/lib/components/textarea.ws.js

@@ -1,41 +0,0 @@
-import { FormTextAreaIcon } from "@webstudio-is/icons/svg";
-import { textarea } from "../css/normalize";
-import {
-  defaultStates
-} from "./component-meta";
-import { props } from "./__generated__/textarea.props";
-const presetStyle = {
-  textarea: [
-    ...textarea,
-    // resize doesn't work well while on canvas
-    { property: "resize", value: { type: "keyword", value: "none" } }
-  ]
-};
-const meta = {
-  category: "forms",
-  type: "control",
-  label: "Text Area",
-  icon: FormTextAreaIcon,
-  presetStyle,
-  order: 4,
-  states: [
-    ...defaultStates,
-    { selector: "::placeholder", label: "Placeholder" },
-    { selector: ":valid", label: "Valid" },
-    { selector: ":invalid", label: "Invalid" },
-    { selector: ":required", label: "Required" },
-    { selector: ":optional", label: "Optional" },
-    { selector: ":disabled", label: "Disabled" },
-    { selector: ":enabled", label: "Enabled" },
-    { selector: ":read-only", label: "Read Only" },
-    { selector: ":read-write", label: "Read Write" }
-  ]
-};
-const propsMeta = {
-  props,
-  initialProps: ["name", "placeholder", "required", "autoFocus"]
-};
-export {
-  meta,
-  propsMeta
-};

package/lib/types/components/__generated__/blockquote.props.d.ts

@@ -1,2 +0,0 @@
-import type { PropMeta } from "@webstudio-is/generate-arg-types";
-export declare const props: Record<string, PropMeta>;

package/lib/types/components/__generated__/body.props.d.ts

@@ -1,2 +0,0 @@
-import type { PropMeta } from "@webstudio-is/generate-arg-types";
-export declare const props: Record<string, PropMeta>;

package/lib/types/components/__generated__/bold.props.d.ts

@@ -1,2 +0,0 @@
-import type { PropMeta } from "@webstudio-is/generate-arg-types";
-export declare const props: Record<string, PropMeta>;

package/lib/types/components/__generated__/box.props.d.ts

@@ -1,2 +0,0 @@
-import type { PropMeta } from "@webstudio-is/generate-arg-types";
-export declare const props: Record<string, PropMeta>;

package/lib/types/components/__generated__/button.props.d.ts

@@ -1,2 +0,0 @@
-import type { PropMeta } from "@webstudio-is/generate-arg-types";
-export declare const props: Record<string, PropMeta>;

package/lib/types/components/__generated__/checkbox-field.props.d.ts

@@ -1,2 +0,0 @@
-import type { PropMeta } from "@webstudio-is/generate-arg-types";
-export declare const props: Record<string, PropMeta>;

package/lib/types/components/__generated__/checkbox.props.d.ts

@@ -1,2 +0,0 @@
-import type { PropMeta } from "@webstudio-is/generate-arg-types";
-export declare const props: Record<string, PropMeta>;

package/lib/types/components/__generated__/code-text.props.d.ts

@@ -1,2 +0,0 @@
-import type { PropMeta } from "@webstudio-is/generate-arg-types";
-export declare const props: Record<string, PropMeta>;

package/lib/types/components/__generated__/error-message.props.d.ts

@@ -1,2 +0,0 @@
-import type { PropMeta } from "@webstudio-is/generate-arg-types";
-export declare const props: Record<string, PropMeta>;

package/lib/types/components/__generated__/form.props.d.ts

@@ -1,2 +0,0 @@
-import type { PropMeta } from "@webstudio-is/generate-arg-types";
-export declare const props: Record<string, PropMeta>;

package/lib/types/components/__generated__/fragment.props.d.ts

@@ -1,2 +0,0 @@
-import type { PropMeta } from "@webstudio-is/generate-arg-types";
-export declare const props: Record<string, PropMeta>;

package/lib/types/components/__generated__/heading.props.d.ts

@@ -1,2 +0,0 @@
-import type { PropMeta } from "@webstudio-is/generate-arg-types";
-export declare const props: Record<string, PropMeta>;

package/lib/types/components/__generated__/html-embed.props.d.ts

@@ -1,2 +0,0 @@
-import type { PropMeta } from "@webstudio-is/generate-arg-types";
-export declare const props: Record<string, PropMeta>;

package/lib/types/components/__generated__/image.props.d.ts

@@ -1,2 +0,0 @@
-import type { PropMeta } from "@webstudio-is/generate-arg-types";
-export declare const props: Record<string, PropMeta>;

package/lib/types/components/__generated__/input.props.d.ts

@@ -1,2 +0,0 @@
-import type { PropMeta } from "@webstudio-is/generate-arg-types";
-export declare const props: Record<string, PropMeta>;

package/lib/types/components/__generated__/italic.props.d.ts

@@ -1,2 +0,0 @@
-import type { PropMeta } from "@webstudio-is/generate-arg-types";
-export declare const props: Record<string, PropMeta>;

package/lib/types/components/__generated__/label.props.d.ts

@@ -1,2 +0,0 @@
-import type { PropMeta } from "@webstudio-is/generate-arg-types";
-export declare const props: Record<string, PropMeta>;

package/lib/types/components/__generated__/link-block.props.d.ts

@@ -1,2 +0,0 @@
-import type { PropMeta } from "@webstudio-is/generate-arg-types";
-export declare const props: Record<string, PropMeta>;

package/lib/types/components/__generated__/link.props.d.ts

@@ -1,2 +0,0 @@
-import type { PropMeta } from "@webstudio-is/generate-arg-types";
-export declare const props: Record<string, PropMeta>;

package/lib/types/components/__generated__/list-item.props.d.ts

@@ -1,2 +0,0 @@
-import type { PropMeta } from "@webstudio-is/generate-arg-types";
-export declare const props: Record<string, PropMeta>;

package/lib/types/components/__generated__/list.props.d.ts

@@ -1,2 +0,0 @@
-import type { PropMeta } from "@webstudio-is/generate-arg-types";
-export declare const props: Record<string, PropMeta>;

package/lib/types/components/__generated__/paragraph.props.d.ts

@@ -1,2 +0,0 @@
-import type { PropMeta } from "@webstudio-is/generate-arg-types";
-export declare const props: Record<string, PropMeta>;

package/lib/types/components/__generated__/radio-button-field.props.d.ts

@@ -1,2 +0,0 @@
-import type { PropMeta } from "@webstudio-is/generate-arg-types";
-export declare const props: Record<string, PropMeta>;

package/lib/types/components/__generated__/radio-button.props.d.ts

@@ -1,2 +0,0 @@
-import type { PropMeta } from "@webstudio-is/generate-arg-types";
-export declare const props: Record<string, PropMeta>;

package/lib/types/components/__generated__/rich-text-link.props.d.ts

@@ -1,2 +0,0 @@
-import type { PropMeta } from "@webstudio-is/generate-arg-types";
-export declare const props: Record<string, PropMeta>;

package/lib/types/components/__generated__/separator.props.d.ts

@@ -1,2 +0,0 @@
-import type { PropMeta } from "@webstudio-is/generate-arg-types";
-export declare const props: Record<string, PropMeta>;

package/lib/types/components/__generated__/slot.props.d.ts

@@ -1,2 +0,0 @@
-import type { PropMeta } from "@webstudio-is/generate-arg-types";
-export declare const props: Record<string, PropMeta>;

package/lib/types/components/__generated__/span.props.d.ts

@@ -1,2 +0,0 @@
-import type { PropMeta } from "@webstudio-is/generate-arg-types";
-export declare const props: Record<string, PropMeta>;

package/lib/types/components/__generated__/subscript.props.d.ts

@@ -1,2 +0,0 @@
-import type { PropMeta } from "@webstudio-is/generate-arg-types";
-export declare const props: Record<string, PropMeta>;

package/lib/types/components/__generated__/success-message.props.d.ts

@@ -1,2 +0,0 @@
-import type { PropMeta } from "@webstudio-is/generate-arg-types";
-export declare const props: Record<string, PropMeta>;

package/lib/types/components/__generated__/superscript.props.d.ts

@@ -1,2 +0,0 @@
-import type { PropMeta } from "@webstudio-is/generate-arg-types";
-export declare const props: Record<string, PropMeta>;

package/lib/types/components/__generated__/text-block.props.d.ts

@@ -1,2 +0,0 @@
-import type { PropMeta } from "@webstudio-is/generate-arg-types";
-export declare const props: Record<string, PropMeta>;

package/lib/types/components/__generated__/textarea.props.d.ts

@@ -1,2 +0,0 @@
-import type { PropMeta } from "@webstudio-is/generate-arg-types";
-export declare const props: Record<string, PropMeta>;

package/lib/types/components/blockquote.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-export declare const defaultTag = "blockquote";
-export declare const Blockquote: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").BlockquoteHTMLAttributes<HTMLQuoteElement>, HTMLQuoteElement>, "ref"> & import("react").RefAttributes<HTMLQuoteElement>>;

package/lib/types/components/blockquote.stories.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-import type { ComponentStory, ComponentMeta } from "@storybook/react";
-declare const _default: ComponentMeta<import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").BlockquoteHTMLAttributes<HTMLQuoteElement>, HTMLQuoteElement>, "ref"> & import("react").RefAttributes<HTMLQuoteElement>>>;
-export default _default;
-export declare const Blockquote: ComponentStory<import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").BlockquoteHTMLAttributes<HTMLQuoteElement>, HTMLQuoteElement>, "ref"> & import("react").RefAttributes<HTMLQuoteElement>>>;

package/lib/types/components/blockquote.ws.d.ts

@@ -1,3 +0,0 @@
-import { type WsComponentMeta, type WsComponentPropsMeta } from "./component-meta";
-export declare const meta: WsComponentMeta;
-export declare const propsMeta: WsComponentPropsMeta;

package/lib/types/components/body.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-export declare const defaultTag = "body";
-export declare const Body: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLBodyElement>, HTMLBodyElement>, "ref"> & import("react").RefAttributes<HTMLBodyElement>>;

package/lib/types/components/body.stories.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-import type { ComponentStory, ComponentMeta } from "@storybook/react";
-import { Body as BodyPrimitive } from "./body";
-declare const _default: ComponentMeta<import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLBodyElement>, HTMLBodyElement>, "ref"> & import("react").RefAttributes<HTMLBodyElement>>>;
-export default _default;
-export declare const Body: ComponentStory<typeof BodyPrimitive>;

package/lib/types/components/body.ws.d.ts

@@ -1,3 +0,0 @@
-import { type WsComponentMeta, type WsComponentPropsMeta } from "./component-meta";
-export declare const meta: WsComponentMeta;
-export declare const propsMeta: WsComponentPropsMeta;

package/lib/types/components/bold.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-export declare const defaultTag = "b";
-export declare const Bold: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & import("react").RefAttributes<HTMLElement>>;

package/lib/types/components/bold.stories.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-import type { ComponentStory, ComponentMeta } from "@storybook/react";
-declare const _default: ComponentMeta<import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & import("react").RefAttributes<HTMLElement>>>;
-export default _default;
-export declare const Bold: ComponentStory<import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & import("react").RefAttributes<HTMLElement>>>;

package/lib/types/components/bold.ws.d.ts

@@ -1,3 +0,0 @@
-import { type WsComponentMeta, type WsComponentPropsMeta } from "./component-meta";
-export declare const meta: WsComponentMeta;
-export declare const propsMeta: WsComponentPropsMeta;

package/lib/types/components/box.d.ts

@@ -1,7 +0,0 @@
-import { type ComponentProps } from "react";
-declare const defaultTag = "div";
-type Props = ComponentProps<typeof defaultTag> & {
-    tag?: "div" | "header" | "footer" | "nav" | "main" | "section" | "article" | "aside" | "address" | "figure";
-};
-export declare const Box: import("react").ForwardRefExoticComponent<Omit<Props, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-export {};

package/lib/types/components/box.stories.d.ts

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-import type { ComponentStory, ComponentMeta } from "@storybook/react";
-declare const _default: ComponentMeta<import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
-    tag?: "address" | "article" | "aside" | "div" | "figure" | "footer" | "header" | "main" | "nav" | "section" | undefined;
-}, "ref"> & import("react").RefAttributes<HTMLDivElement>>>;
-export default _default;
-export declare const Box: ComponentStory<import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
-    tag?: "address" | "article" | "aside" | "div" | "figure" | "footer" | "header" | "main" | "nav" | "section" | undefined;
-}, "ref"> & import("react").RefAttributes<HTMLDivElement>>>;