Allow calc

webstudio-is · Feb 18, 2025 · 33db65c · 33db65c
1 parent b00f452
commit 33db65c
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 7 deletions.
diff --git a/...r/app/builder/features/settings-panel/props-section/animation/animation-panel-content.tsx b/...r/app/builder/features/settings-panel/props-section/animation/animation-panel-content.tsx
@@ -269,9 +269,10 @@ export const AnimationPanelContent = ({ onChange, value, type }: Props) => {
           }}
         />
       </Grid>
-      <Grid gap={1} align={"center"} css={{ gridTemplateColumns: "1fr 1fr" }}>
+      <Grid gap={1} align={"center"} css={{ gridTemplateColumns: "2fr 1fr" }}>
         <Label htmlFor={fieldIds.rangeStartName}>Range Start</Label>
         <Label htmlFor={fieldIds.rangeStartValue}>Value</Label>
+
         <Select
           id={fieldIds.rangeStartName}
           options={timelineRangeNames}
@@ -333,6 +334,7 @@ export const AnimationPanelContent = ({ onChange, value, type }: Props) => {
             });
           }}
         />
+
         <Label htmlFor={fieldIds.rangeEndName}>Range End</Label>
         <Label htmlFor={fieldIds.rangeEndValue}>Value</Label>
         <Select

diff --git a/packages/sdk-components-animation/private-src b/packages/sdk-components-animation/private-src
diff --git a/packages/sdk/src/schema/animation-schema.ts b/packages/sdk/src/schema/animation-schema.ts
@@ -59,11 +59,17 @@ export const RANGE_UNITS = [
 
 export const rangeUnitSchema = literalUnion(RANGE_UNITS);
 
-export const rangeUnitValueSchema = z.object({
-  type: z.literal("unit"),
-  value: z.number(),
-  unit: rangeUnitSchema,
-});
+export const rangeUnitValueSchema = z.union([
+  z.object({
+    type: z.literal("unit"),
+    value: z.number(),
+    unit: rangeUnitSchema,
+  }),
+  z.object({
+    type: z.literal("unparsed"),
+    value: z.string(),
+  }),
+]);
 
 // @todo: Fix Keyframe Styles
 export const keyframeStylesSchema = z.record(StyleValue);