@webstudio-is/sdk-components-animation 0.217.0 → 0.219.0

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

@@ -1,4 +1,10 @@
 const e = {
+  className: {
+    required: !1,
+    control: "text",
+    type: "string",
+    description: "Classes to which the element belongs"
+  },
   easing: {
     description: "Easing function applied within the sliding window.",
     required: !1,

package/lib/__generated__/stagger-animation.props.js

@@ -1,4 +1,10 @@
 const e = {
+  className: {
+    required: !1,
+    control: "text",
+    type: "string",
+    description: "Classes to which the element belongs"
+  },
   easing: {
     description: "Easing function applied within the sliding window.",
     required: !1,

package/lib/animate-children.js

@@ -1,21 +1,21 @@
 import { jsx as r } from "react/jsx-runtime";
-import { animationCanPlayOnCanvasAttribute as o } from "@webstudio-is/react-sdk";
 import { forwardRef as m } from "react";
+import { animationCanPlayOnCanvasProperty as o } from "@webstudio-is/sdk/runtime";
 const c = m(
-  ({ debug: n = !1, action: t, ...e }, s) => /* @__PURE__ */ r("div", { ref: s, style: { display: "contents" }, ...e })
+  ({ debug: t = !1, action: n, ...i }, s) => /* @__PURE__ */ r("div", { ref: s, style: { display: "contents" }, ...i })
 ), a = "AnimateChildren";
 c.displayName = a;
-const i = "@webstudio-is/sdk-components-animation", h = {
-  onNavigatorUnselect: (n, t) => {
-    t.instancePath.length > 0 && t.instancePath[0].component === `${i}:${a}` && n.setMemoryProp(
-      t.instancePath[0],
+const e = "@webstudio-is/sdk-components-animation", h = {
+  onNavigatorUnselect: (t, n) => {
+    n.instancePath.length > 0 && n.instancePath[0].component === `${e}:${a}` && t.setMemoryProp(
+      n.instancePath[0],
       o,
       void 0
     );
   },
-  onNavigatorSelect: (n, t) => {
-    t.instancePath.length > 0 && t.instancePath[0].component === `${i}:${a}` && n.setMemoryProp(
-      t.instancePath[0],
+  onNavigatorSelect: (t, n) => {
+    n.instancePath.length > 0 && n.instancePath[0].component === `${e}:${a}` && t.setMemoryProp(
+      n.instancePath[0],
       o,
       !0
     );

package/lib/types/animate-children.d.ts

@@ -1,4 +1,4 @@
-import { type Hook } from "@webstudio-is/react-sdk";
+import type { Hook } from "@webstudio-is/react-sdk";
 import type { AnimationAction } from "@webstudio-is/sdk";
 type ScrollProps = {
     debug?: boolean;

package/lib/video-animation.ws.js

@@ -1,17 +1,21 @@
 import { PlayIcon as o } from "@webstudio-is/icons/svg";
-import { props as n } from "./__generated__/video-animation.props.js";
-const i = {
+import { props as t } from "./__generated__/video-animation.props.js";
+import { div as e } from "@webstudio-is/sdk/normalize.css";
+const p = {
   icon: o,
   label: "Video Animation",
   contentModel: {
     category: "none",
     children: ["instance"]
+  },
+  presetStyle: {
+    div: e
   }
-}, r = {
-  props: n,
+}, m = {
+  props: t,
   initialProps: ["timeline"]
 };
 export {
-  i as meta,
-  r as propsMeta
+  p as meta,
+  m as propsMeta
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webstudio-is/sdk-components-animation",
-  "version": "0.217.0",
+  "version": "0.219.0",
   "description": "Webstudio components for animation",
   "author": "Webstudio <github@webstudio.is>",
   "homepage": "https://webstudio.is",
@@ -49,10 +49,10 @@
     "nanostores": "^0.11.3",
     "react-error-boundary": "^5.0.0",
     "shallow-equal": "^3.1.0",
-    "@webstudio-is/css-engine": "0.217.0",
-    "@webstudio-is/icons": "0.217.0",
-    "@webstudio-is/react-sdk": "0.217.0",
-    "@webstudio-is/sdk": "0.217.0"
+    "@webstudio-is/css-engine": "0.219.0",
+    "@webstudio-is/icons": "0.219.0",
+    "@webstudio-is/sdk": "0.219.0",
+    "@webstudio-is/react-sdk": "0.219.0"
   },
   "devDependencies": {
     "@types/react": "^18.2.70",
@@ -63,15 +63,15 @@
     "react": "18.3.0-canary-14898b6a9-20240318",
     "react-dom": "18.3.0-canary-14898b6a9-20240318",
     "type-fest": "^4.37.0",
-    "vitest": "^3.0.8",
+    "vitest": "^3.1.2",
     "zod": "^3.24.2",
     "@webstudio-is/css-data": "0.0.0",
-    "@webstudio-is/sdk-cli": "^0.94.0",
     "@webstudio-is/design-system": "0.0.0",
     "@webstudio-is/generate-arg-types": "0.0.0",
-    "@webstudio-is/sdk-components-react": "0.217.0",
-    "@webstudio-is/template": "0.217.0",
-    "@webstudio-is/tsconfig": "1.0.7"
+    "@webstudio-is/sdk-cli": "^0.94.0",
+    "@webstudio-is/sdk-components-react": "0.219.0",
+    "@webstudio-is/tsconfig": "1.0.7",
+    "@webstudio-is/template": "0.219.0"
   },
   "scripts": {
     "build": "vite build --config ../../vite.sdk-components.config.ts",