@webstudio-is/sdk-components-animation 0.214.0 → 0.216.0

package/lib/animate-text.ws.js

@@ -1,7 +1,8 @@
 import { TextAnimationIcon as t } from "@webstudio-is/icons/svg";
 import { animation as o } from "./shared/meta.js";
 import { props as i } from "./__generated__/animate-text.props.js";
-const r = {
+import { div as n } from "@webstudio-is/sdk/normalize.css";
+const p = {
   category: "animations",
   type: "container",
   description: "Text animation allows you to split text by char or by word to animate it.",
@@ -14,12 +15,15 @@ const r = {
       relation: "child",
       text: !1
     }
-  ]
-}, m = {
+  ],
+  presetStyle: {
+    div: n
+  }
+}, s = {
   props: i,
   initialProps: ["slidingWindow", "easing", "splitBy"]
 };
 export {
-  r as meta,
-  m as propsMeta
+  p as meta,
+  s as propsMeta
 };

package/lib/stagger-animation.ws.js

@@ -1,7 +1,8 @@
 import { StaggerAnimationIcon as i } from "@webstudio-is/icons/svg";
-import { animation as n } from "./shared/meta.js";
-import { props as t } from "./__generated__/stagger-animation.props.js";
-const r = {
+import { animation as t } from "./shared/meta.js";
+import { props as n } from "./__generated__/stagger-animation.props.js";
+import { div as o } from "@webstudio-is/sdk/normalize.css";
+const s = {
   category: "animations",
   type: "container",
   description: "Stagger animation allows you to animate children elements with a sliding window.",
@@ -9,17 +10,20 @@ const r = {
   order: 6,
   label: "Stagger Animation",
   constraints: [
-    { relation: "parent", component: { $eq: n.AnimateChildren } },
+    { relation: "parent", component: { $eq: t.AnimateChildren } },
     {
       relation: "child",
       text: !1
     }
-  ]
-}, m = {
-  props: t,
+  ],
+  presetStyle: {
+    div: o
+  }
+}, l = {
+  props: n,
   initialProps: ["slidingWindow", "easing"]
 };
 export {
-  r as meta,
-  m as propsMeta
+  s as meta,
+  l as propsMeta
 };

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

@@ -16,7 +16,7 @@ declare const split: {
     'symbol "#"': boolean;
     'symbol "~"': boolean;
 };
-type AnimateChildrenProps = {
+export declare const AnimateText: import("react").ForwardRefExoticComponent<{
     /**
      * Size of the sliding window for the animation:
      * - 0: Typewriter effect (no animation).
@@ -36,6 +36,7 @@ type AnimateChildrenProps = {
      * Defines how the text is split for animation (e.g., by character, space, or symbol).
      */
     splitBy?: keyof typeof split;
-};
-export declare const AnimateText: import("react").ForwardRefExoticComponent<AnimateChildrenProps & import("react").RefAttributes<HTMLDivElement>>;
+} & {
+    className?: string;
+} & import("react").RefAttributes<HTMLDivElement>>;
 export {};

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

@@ -10,7 +10,7 @@ declare const easings: {
     easeInOutCubic: boolean;
     easeInOutQuart: boolean;
 };
-type StaggerAnimationProps = {
+export declare const StaggerAnimation: import("react").ForwardRefExoticComponent<{
     /**
      * Size of the sliding window for the animation:
      * - 0: Typewriter effect (no animation).
@@ -26,6 +26,7 @@ type StaggerAnimationProps = {
      * Text content to animate.
      */
     children: React.ReactNode;
-};
-export declare const StaggerAnimation: import("react").ForwardRefExoticComponent<StaggerAnimationProps & import("react").RefAttributes<HTMLDivElement>>;
+} & {
+    className?: string;
+} & import("react").RefAttributes<HTMLDivElement>>;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webstudio-is/sdk-components-animation",
-  "version": "0.214.0",
+  "version": "0.216.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.214.0",
-    "@webstudio-is/icons": "0.214.0",
-    "@webstudio-is/react-sdk": "0.214.0",
-    "@webstudio-is/sdk": "0.214.0"
+    "@webstudio-is/css-engine": "0.216.0",
+    "@webstudio-is/icons": "0.216.0",
+    "@webstudio-is/sdk": "0.216.0",
+    "@webstudio-is/react-sdk": "0.216.0"
   },
   "devDependencies": {
     "@types/react": "^18.2.70",
@@ -69,9 +69,9 @@
     "@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.214.0",
-    "@webstudio-is/template": "0.214.0",
-    "@webstudio-is/tsconfig": "1.0.7"
+    "@webstudio-is/sdk-components-react": "0.216.0",
+    "@webstudio-is/tsconfig": "1.0.7",
+    "@webstudio-is/template": "0.216.0"
   },
   "scripts": {
     "build": "vite build --config ../../vite.sdk-components.config.ts",