@webstudio-is/sdk-components-react 0.83.0 → 0.85.0

package/lib/cjs/components.js

@@ -25,13 +25,6 @@ __export(components_exports, {
   Button: () => import_button.Button,
   Checkbox: () => import_checkbox.Checkbox,
   CodeText: () => import_code_text.CodeText,
-  Dialog: () => import_radix_dialog.Dialog,
-  DialogClose: () => import_radix_dialog.DialogClose,
-  DialogContent: () => import_radix_dialog.DialogContent,
-  DialogDescription: () => import_radix_dialog.DialogDescription,
-  DialogOverlay: () => import_radix_dialog.DialogOverlay,
-  DialogTitle: () => import_radix_dialog.DialogTitle,
-  DialogTrigger: () => import_radix_dialog.DialogTrigger,
   Form: () => import_form.Form,
   Fragment: () => import_fragment.Fragment,
   Heading: () => import_heading.Heading,
@@ -44,9 +37,6 @@ __export(components_exports, {
   List: () => import_list.List,
   ListItem: () => import_list_item.ListItem,
   Paragraph: () => import_paragraph.Paragraph,
-  Popover: () => import_radix_popover.Popover,
-  PopoverContent: () => import_radix_popover.PopoverContent,
-  PopoverTrigger: () => import_radix_popover.PopoverTrigger,
   RadioButton: () => import_radio_button.RadioButton,
   RichTextLink: () => import_rich_text_link.RichTextLink,
   Separator: () => import_separator.Separator,
@@ -56,9 +46,6 @@ __export(components_exports, {
   Superscript: () => import_superscript.Superscript,
   Text: () => import_text.Text,
   Textarea: () => import_textarea.Textarea,
-  Tooltip: () => import_radix_tooltip.Tooltip,
-  TooltipContent: () => import_radix_tooltip.TooltipContent,
-  TooltipTrigger: () => import_radix_tooltip.TooltipTrigger,
   Vimeo: () => import_vimeo.Vimeo,
   VimeoPlayButton: () => import_vimeo_play_button.VimeoPlayButton,
   VimeoPreviewImage: () => import_vimeo_preview_image.VimeoPreviewImage,
@@ -97,6 +84,3 @@ var import_vimeo = require("./vimeo");
 var import_vimeo_preview_image = require("./vimeo-preview-image");
 var import_vimeo_play_button = require("./vimeo-play-button");
 var import_vimeo_spinner = require("./vimeo-spinner");
-var import_radix_tooltip = require("./radix-tooltip");
-var import_radix_popover = require("./radix-popover");
-var import_radix_dialog = require("./radix-dialog");

package/lib/cjs/form.ws.js

@@ -79,5 +79,5 @@ const meta = {
 };
 const propsMeta = {
   props: import_form.props,
-  initialProps: ["id"]
+  initialProps: ["id", "action"]
 };

package/lib/cjs/list.ws.js

@@ -69,5 +69,5 @@ const meta = {
 };
 const propsMeta = {
   props: import_list.props,
-  initialProps: ["id", "ordered", "type", "start", "reversed"]
+  initialProps: ["id", "ordered", "start", "reversed"]
 };

package/lib/cjs/metas.js

@@ -25,13 +25,6 @@ __export(metas_exports, {
   Button: () => import_button.meta,
   Checkbox: () => import_checkbox.meta,
   CodeText: () => import_code_text.meta,
-  Dialog: () => import_radix_dialog.metaDialog,
-  DialogClose: () => import_radix_dialog.metaDialogClose,
-  DialogContent: () => import_radix_dialog.metaDialogContent,
-  DialogDescription: () => import_radix_dialog.metaDialogDescription,
-  DialogOverlay: () => import_radix_dialog.metaDialogOverlay,
-  DialogTitle: () => import_radix_dialog.metaDialogTitle,
-  DialogTrigger: () => import_radix_dialog.metaDialogTrigger,
   Form: () => import_form.meta,
   Fragment: () => import_fragment.meta,
   Heading: () => import_heading.meta,
@@ -44,9 +37,6 @@ __export(metas_exports, {
   List: () => import_list.meta,
   ListItem: () => import_list_item.meta,
   Paragraph: () => import_paragraph.meta,
-  Popover: () => import_radix_popover.metaPopover,
-  PopoverContent: () => import_radix_popover.metaPopoverContent,
-  PopoverTrigger: () => import_radix_popover.metaPopoverTrigger,
   RadioButton: () => import_radio_button.meta,
   RichTextLink: () => import_rich_text_link.meta,
   Separator: () => import_separator.meta,
@@ -56,9 +46,6 @@ __export(metas_exports, {
   Superscript: () => import_superscript.meta,
   Text: () => import_text.meta,
   Textarea: () => import_textarea.meta,
-  Tooltip: () => import_radix_tooltip.metaTooltip,
-  TooltipContent: () => import_radix_tooltip.metaTooltipContent,
-  TooltipTrigger: () => import_radix_tooltip.metaTooltipTrigger,
   Vimeo: () => import_vimeo.meta,
   VimeoPlayButton: () => import_vimeo_play_button.meta,
   VimeoPreviewImage: () => import_vimeo_preview_image.meta,
@@ -97,6 +84,3 @@ var import_vimeo = require("./vimeo.ws");
 var import_vimeo_preview_image = require("./vimeo-preview-image.ws");
 var import_vimeo_play_button = require("./vimeo-play-button.ws");
 var import_vimeo_spinner = require("./vimeo-spinner.ws");
-var import_radix_tooltip = require("./radix-tooltip.ws");
-var import_radix_popover = require("./radix-popover.ws");
-var import_radix_dialog = require("./radix-dialog.ws");

package/lib/cjs/props.js

@@ -25,13 +25,6 @@ __export(props_exports, {
   Button: () => import_button.propsMeta,
   Checkbox: () => import_checkbox.propsMeta,
   CodeText: () => import_code_text.propsMeta,
-  Dialog: () => import_radix_dialog.propsMetaDialog,
-  DialogClose: () => import_radix_dialog.propsMetaDialogClose,
-  DialogContent: () => import_radix_dialog.propsMetaDialogContent,
-  DialogDescription: () => import_radix_dialog.propsMetaDialogDescription,
-  DialogOverlay: () => import_radix_dialog.propsMetaDialogOverlay,
-  DialogTitle: () => import_radix_dialog.propsMetaDialogTitle,
-  DialogTrigger: () => import_radix_dialog.propsMetaDialogTrigger,
   Form: () => import_form.propsMeta,
   Fragment: () => import_fragment.propsMeta,
   Heading: () => import_heading.propsMeta,
@@ -44,9 +37,6 @@ __export(props_exports, {
   List: () => import_list.propsMeta,
   ListItem: () => import_list_item.propsMeta,
   Paragraph: () => import_paragraph.propsMeta,
-  Popover: () => import_radix_popover.propsMetaPopover,
-  PopoverContent: () => import_radix_popover.propsMetaPopoverContent,
-  PopoverTrigger: () => import_radix_popover.propsMetaPopoverTrigger,
   RadioButton: () => import_radio_button.propsMeta,
   RichTextLink: () => import_rich_text_link.propsMeta,
   Separator: () => import_separator.propsMeta,
@@ -56,9 +46,6 @@ __export(props_exports, {
   Superscript: () => import_superscript.propsMeta,
   Text: () => import_text.propsMeta,
   Textarea: () => import_textarea.propsMeta,
-  Tooltip: () => import_radix_tooltip.propsMetaTooltip,
-  TooltipContent: () => import_radix_tooltip.propsMetaTooltipContent,
-  TooltipTrigger: () => import_radix_tooltip.propsMetaTooltipTrigger,
   Vimeo: () => import_vimeo.propsMeta,
   VimeoPlayButton: () => import_vimeo_play_button.propsMeta,
   VimeoPreviewImage: () => import_vimeo_preview_image.propsMeta,
@@ -97,6 +84,3 @@ var import_vimeo = require("./vimeo.ws");
 var import_vimeo_preview_image = require("./vimeo-preview-image.ws");
 var import_vimeo_play_button = require("./vimeo-play-button.ws");
 var import_vimeo_spinner = require("./vimeo-spinner.ws");
-var import_radix_tooltip = require("./radix-tooltip.ws");
-var import_radix_popover = require("./radix-popover.ws");
-var import_radix_dialog = require("./radix-dialog.ws");

package/lib/components.js

@@ -30,17 +30,6 @@ import { Vimeo } from "./vimeo";
 import { VimeoPreviewImage } from "./vimeo-preview-image";
 import { VimeoPlayButton } from "./vimeo-play-button";
 import { VimeoSpinner } from "./vimeo-spinner";
-import { Tooltip, TooltipContent, TooltipTrigger } from "./radix-tooltip";
-import { Popover, PopoverContent, PopoverTrigger } from "./radix-popover";
-import {
-  Dialog,
-  DialogContent,
-  DialogTrigger,
-  DialogOverlay,
-  DialogClose,
-  DialogDescription,
-  DialogTitle
-} from "./radix-dialog";
 export {
   Blockquote,
   Body,
@@ -49,13 +38,6 @@ export {
   Button,
   Checkbox,
   CodeText,
-  Dialog,
-  DialogClose,
-  DialogContent,
-  DialogDescription,
-  DialogOverlay,
-  DialogTitle,
-  DialogTrigger,
   Form,
   Fragment,
   Heading,
@@ -68,9 +50,6 @@ export {
   List,
   ListItem,
   Paragraph,
-  Popover,
-  PopoverContent,
-  PopoverTrigger,
   RadioButton,
   RichTextLink,
   Separator,
@@ -80,9 +59,6 @@ export {
   Superscript,
   Text,
   Textarea,
-  Tooltip,
-  TooltipContent,
-  TooltipTrigger,
   Vimeo,
   VimeoPlayButton,
   VimeoPreviewImage,

package/lib/form.ws.js

@@ -57,7 +57,7 @@ const meta = {
 };
 const propsMeta = {
   props,
-  initialProps: ["id"]
+  initialProps: ["id", "action"]
 };
 export {
   meta,

package/lib/list.ws.js

@@ -47,7 +47,7 @@ const meta = {
 };
 const propsMeta = {
   props,
-  initialProps: ["id", "ordered", "type", "start", "reversed"]
+  initialProps: ["id", "ordered", "start", "reversed"]
 };
 export {
   meta,

package/lib/metas.js

@@ -30,25 +30,6 @@ import { meta as meta29 } from "./vimeo.ws";
 import { meta as meta30 } from "./vimeo-preview-image.ws";
 import { meta as meta31 } from "./vimeo-play-button.ws";
 import { meta as meta32 } from "./vimeo-spinner.ws";
-import {
-  metaTooltip,
-  metaTooltipContent,
-  metaTooltipTrigger
-} from "./radix-tooltip.ws";
-import {
-  metaPopover,
-  metaPopoverContent,
-  metaPopoverTrigger
-} from "./radix-popover.ws";
-import {
-  metaDialog,
-  metaDialogContent,
-  metaDialogTrigger,
-  metaDialogOverlay,
-  metaDialogClose,
-  metaDialogDescription,
-  metaDialogTitle
-} from "./radix-dialog.ws";
 export {
   meta20 as Blockquote,
   meta4 as Body,
@@ -57,13 +38,6 @@ export {
   meta16 as Button,
   meta28 as Checkbox,
   meta24 as CodeText,
-  metaDialog as Dialog,
-  metaDialogClose as DialogClose,
-  metaDialogContent as DialogContent,
-  metaDialogDescription as DialogDescription,
-  metaDialogOverlay as DialogOverlay,
-  metaDialogTitle as DialogTitle,
-  metaDialogTrigger as DialogTrigger,
   meta18 as Form,
   meta2 as Fragment,
   meta7 as Heading,
@@ -76,9 +50,6 @@ export {
   meta21 as List,
   meta22 as ListItem,
   meta8 as Paragraph,
-  metaPopover as Popover,
-  metaPopoverContent as PopoverContent,
-  metaPopoverTrigger as PopoverTrigger,
   meta27 as RadioButton,
   meta10 as RichTextLink,
   meta23 as Separator,
@@ -88,9 +59,6 @@ export {
   meta14 as Superscript,
   meta6 as Text,
   meta26 as Textarea,
-  metaTooltip as Tooltip,
-  metaTooltipContent as TooltipContent,
-  metaTooltipTrigger as TooltipTrigger,
   meta29 as Vimeo,
   meta31 as VimeoPlayButton,
   meta30 as VimeoPreviewImage,

package/lib/props.js

@@ -30,25 +30,6 @@ import { propsMeta as propsMeta29 } from "./vimeo.ws";
 import { propsMeta as propsMeta30 } from "./vimeo-preview-image.ws";
 import { propsMeta as propsMeta31 } from "./vimeo-play-button.ws";
 import { propsMeta as propsMeta32 } from "./vimeo-spinner.ws";
-import {
-  propsMetaTooltip,
-  propsMetaTooltipContent,
-  propsMetaTooltipTrigger
-} from "./radix-tooltip.ws";
-import {
-  propsMetaPopover,
-  propsMetaPopoverContent,
-  propsMetaPopoverTrigger
-} from "./radix-popover.ws";
-import {
-  propsMetaDialog,
-  propsMetaDialogContent,
-  propsMetaDialogTrigger,
-  propsMetaDialogOverlay,
-  propsMetaDialogClose,
-  propsMetaDialogDescription,
-  propsMetaDialogTitle
-} from "./radix-dialog.ws";
 export {
   propsMeta20 as Blockquote,
   propsMeta4 as Body,
@@ -57,13 +38,6 @@ export {
   propsMeta16 as Button,
   propsMeta28 as Checkbox,
   propsMeta24 as CodeText,
-  propsMetaDialog as Dialog,
-  propsMetaDialogClose as DialogClose,
-  propsMetaDialogContent as DialogContent,
-  propsMetaDialogDescription as DialogDescription,
-  propsMetaDialogOverlay as DialogOverlay,
-  propsMetaDialogTitle as DialogTitle,
-  propsMetaDialogTrigger as DialogTrigger,
   propsMeta18 as Form,
   propsMeta2 as Fragment,
   propsMeta7 as Heading,
@@ -76,9 +50,6 @@ export {
   propsMeta21 as List,
   propsMeta22 as ListItem,
   propsMeta8 as Paragraph,
-  propsMetaPopover as Popover,
-  propsMetaPopoverContent as PopoverContent,
-  propsMetaPopoverTrigger as PopoverTrigger,
   propsMeta27 as RadioButton,
   propsMeta10 as RichTextLink,
   propsMeta23 as Separator,
@@ -88,9 +59,6 @@ export {
   propsMeta14 as Superscript,
   propsMeta6 as Text,
   propsMeta26 as Textarea,
-  propsMetaTooltip as Tooltip,
-  propsMetaTooltipContent as TooltipContent,
-  propsMetaTooltipTrigger as TooltipTrigger,
   propsMeta29 as Vimeo,
   propsMeta31 as VimeoPlayButton,
   propsMeta30 as VimeoPreviewImage,

package/lib/types/components.d.ts

@@ -30,6 +30,3 @@ export { Vimeo } from "./vimeo";
 export { VimeoPreviewImage } from "./vimeo-preview-image";
 export { VimeoPlayButton } from "./vimeo-play-button";
 export { VimeoSpinner } from "./vimeo-spinner";
-export { Tooltip, TooltipContent, TooltipTrigger } from "./radix-tooltip";
-export { Popover, PopoverContent, PopoverTrigger } from "./radix-popover";
-export { Dialog, DialogContent, DialogTrigger, DialogOverlay, DialogClose, DialogDescription, DialogTitle, } from "./radix-dialog";

package/lib/types/metas.d.ts

@@ -30,6 +30,3 @@ export { meta as Vimeo } from "./vimeo.ws";
 export { meta as VimeoPreviewImage } from "./vimeo-preview-image.ws";
 export { meta as VimeoPlayButton } from "./vimeo-play-button.ws";
 export { meta as VimeoSpinner } from "./vimeo-spinner.ws";
-export { metaTooltip as Tooltip, metaTooltipContent as TooltipContent, metaTooltipTrigger as TooltipTrigger, } from "./radix-tooltip.ws";
-export { metaPopover as Popover, metaPopoverContent as PopoverContent, metaPopoverTrigger as PopoverTrigger, } from "./radix-popover.ws";
-export { metaDialog as Dialog, metaDialogContent as DialogContent, metaDialogTrigger as DialogTrigger, metaDialogOverlay as DialogOverlay, metaDialogClose as DialogClose, metaDialogDescription as DialogDescription, metaDialogTitle as DialogTitle, } from "./radix-dialog.ws";

package/lib/types/props.d.ts

@@ -30,6 +30,3 @@ export { propsMeta as Vimeo } from "./vimeo.ws";
 export { propsMeta as VimeoPreviewImage } from "./vimeo-preview-image.ws";
 export { propsMeta as VimeoPlayButton } from "./vimeo-play-button.ws";
 export { propsMeta as VimeoSpinner } from "./vimeo-spinner.ws";
-export { propsMetaTooltip as Tooltip, propsMetaTooltipContent as TooltipContent, propsMetaTooltipTrigger as TooltipTrigger, } from "./radix-tooltip.ws";
-export { propsMetaPopover as Popover, propsMetaPopoverContent as PopoverContent, propsMetaPopoverTrigger as PopoverTrigger, } from "./radix-popover.ws";
-export { propsMetaDialog as Dialog, propsMetaDialogContent as DialogContent, propsMetaDialogTrigger as DialogTrigger, propsMetaDialogOverlay as DialogOverlay, propsMetaDialogClose as DialogClose, propsMetaDialogDescription as DialogDescription, propsMetaDialogTitle as DialogTitle, } from "./radix-dialog.ws";

package/lib/types/vimeo-preview-image.d.ts

@@ -275,12 +275,12 @@ export declare const VimeoPreviewImage: import("react").ForwardRefExoticComponen
     alt?: string | undefined;
     src?: string | undefined;
     crossOrigin?: "" | "anonymous" | "use-credentials" | undefined;
-    sizes?: string | undefined;
-    srcSet?: string | undefined;
-    useMap?: string | undefined;
     referrerPolicy?: import("react").HTMLAttributeReferrerPolicy | undefined;
     quality?: number | undefined;
+    sizes?: string | undefined;
     decoding?: "auto" | "async" | "sync" | undefined;
     loading?: "eager" | "lazy" | undefined;
+    srcSet?: string | undefined;
+    useMap?: string | undefined;
     optimize?: boolean | undefined;
 } & import("react").RefAttributes<HTMLImageElement>, "ref"> & import("react").RefAttributes<HTMLImageElement>>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webstudio-is/sdk-components-react",
-  "version": "0.83.0",
+  "version": "0.85.0",
   "description": "Webstudio default library for react",
   "author": "Webstudio <github@webstudio.is>",
   "homepage": "https://webstudio.is",
@@ -37,22 +37,17 @@
     "react-dom": "^18.2.0"
   },
   "dependencies": {
-    "@radix-ui/react-dialog": "^1.0.4",
-    "@radix-ui/react-popover": "^1.0.6",
-    "@radix-ui/react-tooltip": "^1.0.6",
     "@react-aria/utils": "^3.18.0",
     "colord": "^2.9.3",
     "shallow-equal": "^3.1.0",
-    "tailwindcss": "^3.3.3",
-    "@webstudio-is/css-data": "^0.83.0",
-    "@webstudio-is/css-vars": "^0.83.0",
-    "@webstudio-is/generate-arg-types": "^0.83.0",
-    "@webstudio-is/icons": "^0.83.0",
-    "@webstudio-is/image": "^0.83.0",
-    "@webstudio-is/react-sdk": "^0.83.0"
+    "@webstudio-is/css-vars": "^0.85.0",
+    "@webstudio-is/generate-arg-types": "^0.85.0",
+    "@webstudio-is/icons": "^0.85.0",
+    "@webstudio-is/image": "^0.85.0",
+    "@webstudio-is/react-sdk": "^0.85.0"
   },
   "devDependencies": {
-    "@storybook/react": "^7.1.0",
+    "@storybook/react": "^7.2.1",
     "@types/react": "^18.2.16",
     "@types/react-dom": "^18.2.7",
     "react": "^18.2.0",
@@ -60,7 +55,7 @@
     "typescript": "5.1.6",
     "@webstudio-is/scripts": "^0.0.0",
     "@webstudio-is/storybook-config": "^0.0.0",
-    "@webstudio-is/tsconfig": "^1.0.6"
+    "@webstudio-is/tsconfig": "^1.0.7"
   },
   "scripts": {
     "dev": "build-package --watch",

package/src/components.ts

@@ -30,14 +30,3 @@ export { Vimeo } from "./vimeo";
 export { VimeoPreviewImage } from "./vimeo-preview-image";
 export { VimeoPlayButton } from "./vimeo-play-button";
 export { VimeoSpinner } from "./vimeo-spinner";
-export { Tooltip, TooltipContent, TooltipTrigger } from "./radix-tooltip";
-export { Popover, PopoverContent, PopoverTrigger } from "./radix-popover";
-export {
-  Dialog,
-  DialogContent,
-  DialogTrigger,
-  DialogOverlay,
-  DialogClose,
-  DialogDescription,
-  DialogTitle,
-} from "./radix-dialog";

package/src/form.ws.tsx

@@ -64,5 +64,5 @@ export const meta: WsComponentMeta = {
 
 export const propsMeta: WsComponentPropsMeta = {
   props,
-  initialProps: ["id"],
+  initialProps: ["id", "action"],
 };

package/src/list.ws.tsx

@@ -54,5 +54,5 @@ export const meta: WsComponentMeta = {
 
 export const propsMeta: WsComponentPropsMeta = {
   props,
-  initialProps: ["id", "ordered", "type", "start", "reversed"],
+  initialProps: ["id", "ordered", "start", "reversed"],
 };

package/src/metas.ts

@@ -30,24 +30,3 @@ export { meta as Vimeo } from "./vimeo.ws";
 export { meta as VimeoPreviewImage } from "./vimeo-preview-image.ws";
 export { meta as VimeoPlayButton } from "./vimeo-play-button.ws";
 export { meta as VimeoSpinner } from "./vimeo-spinner.ws";
-export {
-  metaTooltip as Tooltip,
-  metaTooltipContent as TooltipContent,
-  metaTooltipTrigger as TooltipTrigger,
-} from "./radix-tooltip.ws";
-
-export {
-  metaPopover as Popover,
-  metaPopoverContent as PopoverContent,
-  metaPopoverTrigger as PopoverTrigger,
-} from "./radix-popover.ws";
-
-export {
-  metaDialog as Dialog,
-  metaDialogContent as DialogContent,
-  metaDialogTrigger as DialogTrigger,
-  metaDialogOverlay as DialogOverlay,
-  metaDialogClose as DialogClose,
-  metaDialogDescription as DialogDescription,
-  metaDialogTitle as DialogTitle,
-} from "./radix-dialog.ws";

package/src/props.ts

@@ -30,22 +30,3 @@ export { propsMeta as Vimeo } from "./vimeo.ws";
 export { propsMeta as VimeoPreviewImage } from "./vimeo-preview-image.ws";
 export { propsMeta as VimeoPlayButton } from "./vimeo-play-button.ws";
 export { propsMeta as VimeoSpinner } from "./vimeo-spinner.ws";
-export {
-  propsMetaTooltip as Tooltip,
-  propsMetaTooltipContent as TooltipContent,
-  propsMetaTooltipTrigger as TooltipTrigger,
-} from "./radix-tooltip.ws";
-export {
-  propsMetaPopover as Popover,
-  propsMetaPopoverContent as PopoverContent,
-  propsMetaPopoverTrigger as PopoverTrigger,
-} from "./radix-popover.ws";
-export {
-  propsMetaDialog as Dialog,
-  propsMetaDialogContent as DialogContent,
-  propsMetaDialogTrigger as DialogTrigger,
-  propsMetaDialogOverlay as DialogOverlay,
-  propsMetaDialogClose as DialogClose,
-  propsMetaDialogDescription as DialogDescription,
-  propsMetaDialogTitle as DialogTitle,
-} from "./radix-dialog.ws";