webstudio 0.217.0 → 0.218.0

package/lib/cli.js

@@ -4687,13 +4687,13 @@ var h3 = div;
 var h4 = div;
 var h5 = div;
 var h6 = div;
-var i$8 = div;
+var i$7 = div;
 var img = div;
 var a$9 = div;
 var li = div;
 var ul = div;
 var ol = div;
-var p$9 = div;
+var p$a = div;
 var span = div;
 var body = [
   { property: "margin-top", value: { type: "unit", unit: "number", value: 0 } },
@@ -5066,13 +5066,13 @@ const d$6 = {
     h6
   }
 };
-const p$8 = {
-  p: p$9
+const p$9 = {
+  p: p$a
 }, c$5 = {
   placeholder: "Paragraph",
   icon: TextAlignLeftIcon,
   states: defaultStates,
-  presetStyle: p$8
+  presetStyle: p$9
 };
 const a$7 = {
   a: [
@@ -5099,7 +5099,7 @@ const a$7 = {
     }
   ]
 };
-const p$7 = n$6;
+const p$8 = n$6;
 const e$1 = {
   span
 }, n$5 = {
@@ -5116,9 +5116,9 @@ const s$5 = {
   states: defaultStates,
   presetStyle: s$5
 };
-const i$7 = {
+const i$6 = {
   i: [
-    ...i$8,
+    ...i$7,
     {
       property: "font-style",
       value: { type: "keyword", value: "italic" }
@@ -5128,7 +5128,7 @@ const i$7 = {
   label: "Italic Text",
   icon: TextItalicIcon,
   states: defaultStates,
-  presetStyle: i$7
+  presetStyle: i$6
 };
 const s$4 = {
   sup
@@ -5138,13 +5138,13 @@ const s$4 = {
   states: defaultStates,
   presetStyle: s$4
 };
-const p$6 = {
+const p$7 = {
   sub
 }, c$3 = {
   label: "Subscript Text",
   icon: SubscriptIcon,
   states: defaultStates,
-  presetStyle: p$6
+  presetStyle: p$7
 };
 const l$4 = {
   button
@@ -5288,7 +5288,7 @@ const r$9 = {
       value: { type: "rgb", r: 226, g: 226, b: 226, alpha: 1 }
     }
   ]
-}, i$6 = {
+}, i$5 = {
   placeholder: "Blockquote",
   icon: BlockquoteIcon,
   states: defaultStates,
@@ -5338,7 +5338,7 @@ const a$4 = {
     li
   }
 };
-const p$5 = {
+const p$6 = {
   hr: [
     ...hr,
     {
@@ -5371,10 +5371,10 @@ const p$5 = {
   description: "Used to visually divide sections of content, helping to improve readability and organization within a webpage.",
   icon: MinusIcon,
   states: defaultStates,
-  presetStyle: p$5,
+  presetStyle: p$6,
   order: 3
 };
-const p$4 = {
+const p$5 = {
   code: [
     ...code,
     {
@@ -5402,7 +5402,7 @@ const p$4 = {
       value: { type: "rgb", r: 238, g: 238, b: 238, alpha: 1 }
     }
   ]
-}, i$5 = {
+}, i$4 = {
   category: "general",
   description: "Use this component when you want to display code as text on the page.",
   icon: BracesIcon,
@@ -5411,7 +5411,7 @@ const p$4 = {
     children: []
   },
   states: defaultStates,
-  presetStyle: p$4,
+  presetStyle: p$5,
   order: 5
 };
 const r$8 = {
@@ -5419,7 +5419,7 @@ const r$8 = {
     ...label,
     { property: "display", value: { type: "keyword", value: "block" } }
   ]
-}, i$4 = {
+}, i$3 = {
   label: "Input Label",
   icon: LabelIcon,
   states: defaultStates,
@@ -5518,7 +5518,7 @@ const m$2 = {
     div
   }
 };
-const p$3 = {
+const p$4 = {
   icon: YoutubeIcon,
   states: defaultStates,
   contentModel: {
@@ -5530,7 +5530,7 @@ const p$3 = {
     div
   }
 };
-const p$2 = {
+const p$3 = {
   ...l$3,
   category: "hidden",
   label: "Preview Image",
@@ -5565,7 +5565,7 @@ const s$1 = {
     div
   }
 };
-const i$3 = {
+const i$2 = {
   category: "xml",
   order: 6,
   icon: XmlIcon,
@@ -5644,14 +5644,14 @@ const r$4 = {
     children: ["HeadLink", "HeadMeta", "HeadTitle"]
   }
 };
-const p$1 = {
+const p$2 = {
   icon: ResourceIcon,
   contentModel: {
     category: "none",
     children: []
   }
 };
-const p = {
+const p$1 = {
   icon: WindowInfoIcon,
   contentModel: {
     category: "none",
@@ -5665,7 +5665,7 @@ const r$3 = {
     children: ["text"]
   }
 };
-const i$2 = {
+const i$1 = {
   icon: VideoIcon,
   contentModel: {
     category: "instance",
@@ -5682,17 +5682,17 @@ const i$2 = {
 };
 const baseComponentMetas = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  Blockquote: i$6,
+  Blockquote: i$5,
   Body: n$8,
   Bold: l$5,
   Box: v$3,
   Button: m$3,
   Checkbox: d$4,
-  CodeText: i$5,
+  CodeText: i$4,
   Form: c$1,
   Fragment: o$2,
-  HeadLink: p$1,
-  HeadMeta: p,
+  HeadLink: p$2,
+  HeadMeta: p$1,
   HeadSlot: r$4,
   HeadTitle: r$3,
   Heading: d$6,
@@ -5700,7 +5700,7 @@ const baseComponentMetas = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.
   Image: l$3,
   Input: c$2,
   Italic: m$4,
-  Label: i$4,
+  Label: i$3,
   Link: n$6,
   List: d$5,
   ListItem: a$4,
@@ -5709,7 +5709,7 @@ const baseComponentMetas = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.
   Paragraph: c$5,
   RadioButton: s$2,
   RemixForm: n$4,
-  RichTextLink: p$7,
+  RichTextLink: p$8,
   Select: c,
   Separator: n$3,
   Slot: e$3,
@@ -5719,14 +5719,14 @@ const baseComponentMetas = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.
   Text: n$7,
   Textarea: n$2,
   Time: s,
-  Video: i$2,
+  Video: i$1,
   Vimeo: m$2,
   VimeoPlayButton: m$1,
-  VimeoPreviewImage: p$2,
+  VimeoPreviewImage: p$3,
   VimeoSpinner: s$1,
-  XmlNode: i$3,
+  XmlNode: i$2,
   XmlTime: a$2,
-  YouTube: p$3
+  YouTube: p$4
 }, Symbol.toStringTag, { value: "Module" }));
 const n$1 = (t) => new Proxy(
   {},
@@ -5782,12 +5782,15 @@ const r$1 = {
     div
   }
 };
-const i$1 = {
+const p = {
   icon: PlayIcon,
   label: "Video Animation",
   contentModel: {
     category: "none",
     children: ["instance"]
+  },
+  presetStyle: {
+    div
   }
 };
 const animationComponentMetas = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
@@ -5795,7 +5798,7 @@ const animationComponentMetas = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Ob
   AnimateChildren: a$1,
   AnimateText: a,
   StaggerAnimation: r$1,
-  VideoAnimation: i$1
+  VideoAnimation: p
 }, Symbol.toStringTag, { value: "Module" }));
 const remixComponentMetas = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
@@ -5803,7 +5806,7 @@ const remixComponentMetas = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object
   Form: c$1,
   Link: n$6,
   RemixForm: n$4,
-  RichTextLink: p$7
+  RichTextLink: p$8
 }, Symbol.toStringTag, { value: "Module" }));
 const r = (t) => new Proxy(
   {},
@@ -5922,7 +5925,7 @@ const O = {
     children: ["instance", "rich-text"]
   },
   presetStyle: {
-    p: p$9
+    p: p$a
   }
 }, R = {
   icon: ButtonElementIcon,
@@ -6530,7 +6533,7 @@ const reactRouterComponentMetas = /* @__PURE__ */ Object.freeze(/* @__PURE__ */
   Form: c$1,
   Link: n$6,
   RemixForm: n$4,
-  RichTextLink: p$7
+  RichTextLink: p$8
 }, Symbol.toStringTag, { value: "Module" }));
 const createFramework$1 = async () => {
   const routeTemplatesDir = join("app", "route-templates");
@@ -7357,7 +7360,7 @@ const getDeploymentInstructions = (deployTarget) => {
   }
 };
 const name = "webstudio";
-const version = "0.217.0";
+const version = "0.218.0";
 const description = "Webstudio CLI";
 const author = "Webstudio <github@webstudio.is>";
 const homepage = "https://webstudio.is";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "webstudio",
-  "version": "0.217.0",
+  "version": "0.218.0",
   "description": "Webstudio CLI",
   "author": "Webstudio <github@webstudio.is>",
   "homepage": "https://webstudio.is",
@@ -68,17 +68,17 @@
     "vite": "^5.4.11",
     "vitest": "^3.0.8",
     "wrangler": "^3.63.2",
-    "@webstudio-is/css-engine": "0.217.0",
-    "@webstudio-is/http-client": "0.217.0",
-    "@webstudio-is/image": "0.217.0",
-    "@webstudio-is/sdk": "0.217.0",
-    "@webstudio-is/sdk-components-animation": "0.217.0",
-    "@webstudio-is/sdk-components-react-radix": "0.217.0",
-    "@webstudio-is/sdk-components-react-remix": "0.217.0",
-    "@webstudio-is/react-sdk": "0.217.0",
-    "@webstudio-is/sdk-components-react-router": "0.217.0",
-    "@webstudio-is/tsconfig": "1.0.7",
-    "@webstudio-is/sdk-components-react": "0.217.0"
+    "@webstudio-is/css-engine": "0.218.0",
+    "@webstudio-is/http-client": "0.218.0",
+    "@webstudio-is/image": "0.218.0",
+    "@webstudio-is/react-sdk": "0.218.0",
+    "@webstudio-is/sdk": "0.218.0",
+    "@webstudio-is/sdk-components-animation": "0.218.0",
+    "@webstudio-is/sdk-components-react": "0.218.0",
+    "@webstudio-is/sdk-components-react-radix": "0.218.0",
+    "@webstudio-is/sdk-components-react-remix": "0.218.0",
+    "@webstudio-is/sdk-components-react-router": "0.218.0",
+    "@webstudio-is/tsconfig": "1.0.7"
   },
   "scripts": {
     "typecheck": "tsc",

package/templates/defaults/package.json

@@ -11,13 +11,13 @@
     "@remix-run/node": "2.16.4",
     "@remix-run/react": "2.16.4",
     "@remix-run/server-runtime": "2.16.4",
-    "@webstudio-is/image": "0.217.0",
-    "@webstudio-is/react-sdk": "0.217.0",
-    "@webstudio-is/sdk": "0.217.0",
-    "@webstudio-is/sdk-components-react": "0.217.0",
-    "@webstudio-is/sdk-components-animation": "0.217.0",
-    "@webstudio-is/sdk-components-react-radix": "0.217.0",
-    "@webstudio-is/sdk-components-react-remix": "0.217.0",
+    "@webstudio-is/image": "0.218.0",
+    "@webstudio-is/react-sdk": "0.218.0",
+    "@webstudio-is/sdk": "0.218.0",
+    "@webstudio-is/sdk-components-react": "0.218.0",
+    "@webstudio-is/sdk-components-animation": "0.218.0",
+    "@webstudio-is/sdk-components-react-radix": "0.218.0",
+    "@webstudio-is/sdk-components-react-remix": "0.218.0",
     "isbot": "^5.1.25",
     "react": "18.3.0-canary-14898b6a9-20240318",
     "react-dom": "18.3.0-canary-14898b6a9-20240318"

package/templates/react-router/package.json

@@ -10,13 +10,13 @@
   "dependencies": {
     "@react-router/dev": "^7.5.0",
     "@react-router/fs-routes": "^7.5.0",
-    "@webstudio-is/image": "0.217.0",
-    "@webstudio-is/react-sdk": "0.217.0",
-    "@webstudio-is/sdk": "0.217.0",
-    "@webstudio-is/sdk-components-animation": "0.217.0",
-    "@webstudio-is/sdk-components-react-radix": "0.217.0",
-    "@webstudio-is/sdk-components-react-router": "0.217.0",
-    "@webstudio-is/sdk-components-react": "0.217.0",
+    "@webstudio-is/image": "0.218.0",
+    "@webstudio-is/react-sdk": "0.218.0",
+    "@webstudio-is/sdk": "0.218.0",
+    "@webstudio-is/sdk-components-animation": "0.218.0",
+    "@webstudio-is/sdk-components-react-radix": "0.218.0",
+    "@webstudio-is/sdk-components-react-router": "0.218.0",
+    "@webstudio-is/sdk-components-react": "0.218.0",
     "isbot": "^5.1.25",
     "react": "18.3.0-canary-14898b6a9-20240318",
     "react-dom": "18.3.0-canary-14898b6a9-20240318",

package/templates/ssg/package.json

@@ -8,12 +8,12 @@
     "typecheck": "tsc"
   },
   "dependencies": {
-    "@webstudio-is/image": "0.217.0",
-    "@webstudio-is/react-sdk": "0.217.0",
-    "@webstudio-is/sdk": "0.217.0",
-    "@webstudio-is/sdk-components-react": "0.217.0",
-    "@webstudio-is/sdk-components-animation": "0.217.0",
-    "@webstudio-is/sdk-components-react-radix": "0.217.0",
+    "@webstudio-is/image": "0.218.0",
+    "@webstudio-is/react-sdk": "0.218.0",
+    "@webstudio-is/sdk": "0.218.0",
+    "@webstudio-is/sdk-components-react": "0.218.0",
+    "@webstudio-is/sdk-components-animation": "0.218.0",
+    "@webstudio-is/sdk-components-react-radix": "0.218.0",
     "react": "18.3.0-canary-14898b6a9-20240318",
     "react-dom": "18.3.0-canary-14898b6a9-20240318",
     "vike": "^0.4.228"