Box shadow implemented

packages/app-design-forest/src/cssTree.ts

@@ -6,6 +6,7 @@ export type CSSTreeOptions = {
   spacingOptions: boolean;
   sizeOptions: boolean;
   borderOptions: boolean;
+  boxShadowOptions: boolean;
   outlineOptions: boolean;
   backgroundOptions: boolean;
   miscellaneousOptions: boolean;

packages/component-style-layer/src/TabBody.tsx

@@ -23,6 +23,7 @@ import "./TabBody.css";
 import { getAliasList } from "./utils";
 import { CssSummary } from "./components/cssSummary/CssSummary";
 import { Tree } from "@atrilabs/forest";
+import { BoxShadow } from "./components/box-shadow/BoxShadow";
 
 export type TabBodyProps = {
   alias: string;
@@ -196,6 +197,19 @@ export const TabBody: React.FC<TabBodyProps> = (props) => {
           colorValueArraySetter={props.colorValueArraySetter}
         />
       ) : null}
+      {props.treeOptions && props.treeOptions.boxShadowOptions ? (
+        <BoxShadow
+          styles={props.styles}
+          patchCb={props.patchCb}
+          openAssetManager={props.openAssetManager}
+          openPalette={props.openPalette}
+          openPaletteWithoutEffect={props.openPaletteWithoutEffect}
+          compId={props.compId}
+          colorValue={props.colorValue}
+          setColorValue={props.setColorValue}
+          colorValueArraySetter={props.colorValueArraySetter}
+        />
+      ) : null}
       {props.treeOptions && props.treeOptions.outlineOptions ? (
         <Outline
           styles={props.styles}