fix boxShadow type to array

Author: You-J

packages/designto-token/support-flags/token-wrap/index.ts

@@ -1,3 +1,4 @@
+import { BoxShadowManifest } from "@reflect-ui/core";
 ///
 ///
 
@@ -50,7 +51,7 @@ export function tokenize_flagged_wrap(
       // crossAxisAlignment: frame.crossAxisAlignment,
       // mainAxisAlignment: frame.mainAxisAlignment,
       // verticalDirection: VerticalDirection.down,
-      boxShadow: validated.wrap_root.primaryShadow,
+      boxShadow: validated.wrap_root.shadows as BoxShadowManifest[],
       padding: validated.wrap_root.padding,
       // background: _background,
       borderRadius: validated.wrap_root.cornerRadius,

packages/designto-token/token-container/index.ts

@@ -4,13 +4,15 @@ import { tokenizeBackground } from "../token-background";
 import { BoxShape } from "@reflect-ui/core/lib/box-shape";
 import { keyFromNode } from "../key";
 import { tokenizeBorder } from "../token-border";
+import { BoxShadowManifest } from "@reflect-ui/core";
+
 function fromRectangle(rect: nodes.ReflectRectangleNode): core.Container {
   const container = new core.Container({
     key: keyFromNode(rect),
     width: rect.width,
     height: rect.height,
     borderRadius: rect.cornerRadius,
-    boxShadow: rect.primaryShadow,
+    boxShadow: rect.shadows as BoxShadowManifest[],
     border: tokenizeBorder.fromNode(rect),
     background: tokenizeBackground.fromFills(rect.fills),
   });
@@ -26,7 +28,7 @@ function fromEllipse(ellipse: nodes.ReflectEllipseNode): core.Container {
     key: keyFromNode(ellipse),
     width: ellipse.width,
     height: ellipse.height,
-    boxShadow: ellipse.primaryShadow,
+    boxShadow: ellipse.shadows as BoxShadowManifest[],
     border: tokenizeBorder.fromNode(ellipse),
     borderRadius: { all: Math.max(ellipse.width, ellipse.height) / 2 },
     background: tokenizeBackground.fromFills(ellipse.fills),

packages/designto-token/token-layout/index.ts

@@ -116,7 +116,7 @@ function flex_or_stack_from_frame(
     crossAxisAlignment: frame.crossAxisAlignment,
     mainAxisAlignment: frame.mainAxisAlignment,
     verticalDirection: VerticalDirection.down,
-    boxShadow: frame.primaryShadow,
+    boxShadow: frame.shadows as BoxShadowManifest[],
     padding: frame.padding,
     background: _background,
     children: wchildren,
@@ -168,7 +168,7 @@ function flex_or_stack_from_frame(
     children: stack_children,
     width: frame.width,
     height: frame.height,
-    boxShadow: frame.primaryShadow,
+    boxShadow: frame.shadows as BoxShadowManifest[],
     borderRadius: frame.cornerRadius,
     border: _border,
     padding: frame.padding,
@@ -418,7 +418,7 @@ function fromGroup(
     children: stack_children,
     width: group.width,
     height: group.height,
-    boxShadow: group.primaryShadow,
+    boxShadow: group.shadows as BoxShadowManifest[],
     padding: group.padding,
     background: undefined, // group does not have fills.
   });