experimental: Allow styling staggering and text animations

Author: istarkov

packages/sdk-components-animation/private-src

@@ -2,6 +2,7 @@ import { TextAnimationIcon } from "@webstudio-is/icons/svg";
 import type { WsComponentMeta, WsComponentPropsMeta } from "@webstudio-is/sdk";
 import { animation } from "./shared/meta";
 import { props } from "./__generated__/animate-text.props";
+import { div } from "@webstudio-is/sdk/normalize.css";
 
 export const meta: WsComponentMeta = {
   category: "animations",
@@ -18,6 +19,9 @@ export const meta: WsComponentMeta = {
       text: false,
     },
   ],
+  presetStyle: {
+    div,
+  },
 };
 
 export const propsMeta: WsComponentPropsMeta = {

packages/sdk-components-animation/src/animate-text.ws.ts

@@ -2,6 +2,7 @@ import { StaggerAnimationIcon } from "@webstudio-is/icons/svg";
 import type { WsComponentMeta, WsComponentPropsMeta } from "@webstudio-is/sdk";
 import { animation } from "./shared/meta";
 import { props } from "./__generated__/stagger-animation.props";
+import { div } from "@webstudio-is/sdk/normalize.css";
 
 export const meta: WsComponentMeta = {
   category: "animations",
@@ -18,6 +19,9 @@ export const meta: WsComponentMeta = {
       text: false,
     },
   ],
+  presetStyle: {
+    div,
+  },
 };
 
 export const propsMeta: WsComponentPropsMeta = {