@webstudio-is/sdk-components-animation 0.218.0 → 0.220.0

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

@@ -1,5 +1,10 @@
 const e = {
-  className: { required: !1, control: "text", type: "string" },
+  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,5 +1,10 @@
 const e = {
-  className: { required: !1, control: "text", type: "string" },
+  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/animate-children.ws.js

@@ -14,8 +14,8 @@ const a = {
       i.StaggerAnimation,
       i.VideoAnimation
     ]
-  }
-}, e = {
+  },
+  initialProps: ["action"],
   props: {
     action: {
       required: !1,
@@ -23,10 +23,8 @@ const a = {
       type: "animationAction",
       description: "Animation Action"
     }
-  },
-  initialProps: ["action"]
+  }
 };
 export {
-  a as meta,
-  e as propsMeta
+  a as meta
 };

package/lib/animate-text.ws.js

@@ -11,14 +11,10 @@ const a = {
     category: "none",
     children: ["instance"]
   },
-  presetStyle: {
-    div: t
-  }
-}, s = {
-  props: i,
-  initialProps: ["slidingWindow", "easing", "splitBy"]
+  presetStyle: { div: t },
+  initialProps: ["slidingWindow", "easing", "splitBy"],
+  props: i
 };
 export {
-  a as meta,
-  s as propsMeta
+  a as meta
 };

package/lib/stagger-animation.ws.js

@@ -1,6 +1,6 @@
 import { StaggerAnimationIcon as i } from "@webstudio-is/icons/svg";
-import { div as o } from "@webstudio-is/sdk/normalize.css";
-import { props as n } from "./__generated__/stagger-animation.props.js";
+import { div as n } from "@webstudio-is/sdk/normalize.css";
+import { props as o } from "./__generated__/stagger-animation.props.js";
 const r = {
   category: "animations",
   description: "Stagger animation allows you to animate children elements with a sliding window.",
@@ -11,14 +11,10 @@ const r = {
     category: "none",
     children: ["instance"]
   },
-  presetStyle: {
-    div: o
-  }
-}, s = {
-  props: n,
-  initialProps: ["slidingWindow", "easing"]
+  presetStyle: { div: n },
+  initialProps: ["slidingWindow", "easing"],
+  props: o
 };
 export {
-  r as meta,
-  s as propsMeta
+  r as meta
 };

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/types/animate-children.ws.d.ts

@@ -1,3 +1,2 @@
-import type { WsComponentMeta, WsComponentPropsMeta } from "@webstudio-is/sdk";
+import type { WsComponentMeta } from "@webstudio-is/sdk";
 export declare const meta: WsComponentMeta;
-export declare const propsMeta: WsComponentPropsMeta;

package/lib/types/animate-text.ws.d.ts

@@ -1,3 +1,2 @@
-import type { WsComponentMeta, WsComponentPropsMeta } from "@webstudio-is/sdk";
+import type { WsComponentMeta } from "@webstudio-is/sdk";
 export declare const meta: WsComponentMeta;
-export declare const propsMeta: WsComponentPropsMeta;

package/lib/types/stagger-animation.ws.d.ts

@@ -1,3 +1,2 @@
-import type { WsComponentMeta, WsComponentPropsMeta } from "@webstudio-is/sdk";
+import type { WsComponentMeta } from "@webstudio-is/sdk";
 export declare const meta: WsComponentMeta;
-export declare const propsMeta: WsComponentPropsMeta;

package/lib/types/video-animation.ws.d.ts

@@ -1,3 +1,2 @@
-import type { WsComponentMeta, WsComponentPropsMeta } from "@webstudio-is/sdk";
+import type { WsComponentMeta } from "@webstudio-is/sdk";
 export declare const meta: WsComponentMeta;
-export declare const propsMeta: WsComponentPropsMeta;

package/lib/video-animation.ws.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webstudio-is/sdk-components-animation",
-  "version": "0.218.0",
+  "version": "0.220.0",
   "description": "Webstudio components for animation",
   "author": "Webstudio <github@webstudio.is>",
   "homepage": "https://webstudio.is",
@@ -24,11 +24,6 @@
       "types": "./lib/types/metas.d.ts",
       "import": "./lib/metas.js"
     },
-    "./props": {
-      "webstudio": "./src/props.ts",
-      "types": "./lib/types/props.d.ts",
-      "import": "./lib/props.js"
-    },
     "./hooks": {
       "webstudio": "./src/hooks.ts",
       "types": "./lib/types/hooks.d.ts",
@@ -49,10 +44,10 @@
     "nanostores": "^0.11.3",
     "react-error-boundary": "^5.0.0",
     "shallow-equal": "^3.1.0",
-    "@webstudio-is/css-engine": "0.218.0",
-    "@webstudio-is/icons": "0.218.0",
-    "@webstudio-is/react-sdk": "0.218.0",
-    "@webstudio-is/sdk": "0.218.0"
+    "@webstudio-is/icons": "0.220.0",
+    "@webstudio-is/css-engine": "0.220.0",
+    "@webstudio-is/react-sdk": "0.220.0",
+    "@webstudio-is/sdk": "0.220.0"
   },
   "devDependencies": {
     "@types/react": "^18.2.70",
@@ -63,14 +58,14 @@
     "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/design-system": "0.0.0",
     "@webstudio-is/css-data": "0.0.0",
+    "@webstudio-is/design-system": "0.0.0",
     "@webstudio-is/generate-arg-types": "0.0.0",
     "@webstudio-is/sdk-cli": "^0.94.0",
-    "@webstudio-is/sdk-components-react": "0.218.0",
-    "@webstudio-is/template": "0.218.0",
+    "@webstudio-is/sdk-components-react": "0.220.0",
+    "@webstudio-is/template": "0.220.0",
     "@webstudio-is/tsconfig": "1.0.7"
   },
   "scripts": {

package/lib/props.js

@@ -1,10 +0,0 @@
-import { propsMeta as r } from "./animate-children.ws.js";
-import { propsMeta as a } from "./animate-text.ws.js";
-import { propsMeta as i } from "./stagger-animation.ws.js";
-import { propsMeta as s } from "./video-animation.ws.js";
-export {
-  r as AnimateChildren,
-  a as AnimateText,
-  i as StaggerAnimation,
-  s as VideoAnimation
-};

package/lib/types/props.d.ts

@@ -1,4 +0,0 @@
-export { propsMeta as AnimateChildren } from "./animate-children.ws";
-export { propsMeta as AnimateText } from "./animate-text.ws";
-export { propsMeta as StaggerAnimation } from "./stagger-animation.ws";
-export { propsMeta as VideoAnimation } from "./video-animation.ws";