@seed-design/figma 1.1.13 → 1.1.14

package/src/codegen/targets/react/value-resolver.ts

@@ -1,6 +1,7 @@
 import type { ValueResolver } from "@/codegen/core";
 import { camelCasePreserveUnderscoreBetweenNumbers } from "@/utils/common";
 import { toCssPixel, toCssRgba } from "@/utils/css";
+import type { RGBA } from "@figma/rest-api-spec";
 import { camelCase } from "change-case";
 
 export type ReactValueResolver = ValueResolver<
@@ -31,6 +32,10 @@ export const defaultTextStyleNameFormatter = ({ slug }: { slug: string[] }) => {
   return camelCase(slug[slug.length - 1]!, { mergeAmbiguousCharacters: true });
 };
 
+export const defaultEffectStyleNameFormatter = ({ slug }: { slug: string[] }) => {
+  return camelCase(slug[slug.length - 1]!, { mergeAmbiguousCharacters: true });
+};
+
 export const defaultFillStyleResolver = ({ slug }: { slug: string[] }) => {
   const [, ...rest] = slug;
 
@@ -59,9 +64,30 @@ export const defaultFillStyleResolver = ({ slug }: { slug: string[] }) => {
   };
 };
 
+function formatBoxShadow({
+  type,
+  color,
+  offset,
+  radius,
+  spread,
+}: {
+  type: "DROP_SHADOW" | "INNER_SHADOW";
+  color: RGBA;
+  offset: { x: number; y: number };
+  radius: number;
+  spread?: number;
+}): string {
+  const inset = type === "INNER_SHADOW" ? "inset " : "";
+  const colorStr = toCssRgba(color);
+  const spreadStr = spread ? ` ${spread}px` : "";
+
+  return `${inset}${offset.x}px ${offset.y}px ${radius}px${spreadStr} ${colorStr}`;
+}
+
 export const defaultRawValueFormatters = {
   color: (value: RGBA) => toCssRgba(value),
   dimension: (value: number) => toCssPixel(value),
   fontDimension: (value: number) => toCssPixel(value),
   fontWeight: (value: number) => value,
+  boxShadow: formatBoxShadow,
 };

package/src/entities/data/__generated__/component-sets/index.d.ts

@@ -1,24 +1,3 @@
-export declare const templateBannerDetach: {
-  "name": "templateBannerDetach",
-  "key": "b9670e4d68d2b1057f28916728a845dc9c160c0f",
-  "componentPropertyDefinitions": {
-    "Layout": {
-      "type": "VARIANT",
-      "variantOptions": [
-        "Title + Description",
-        "Description + Title"
-      ]
-    },
-    "Rounded": {
-      "type": "VARIANT",
-      "variantOptions": [
-        "True",
-        "False"
-      ]
-    }
-  }
-};
-
 export declare const templateButtonGroup: {
   "name": "templateButtonGroup",
   "key": "29109a34197f2eb5d390b1d9ebba270979a7b302",
@@ -106,70 +85,18 @@ export declare const templateCustomPickerField: {
   }
 };
 
-export declare const templateResultSection: {
-  "name": "templateResultSection",
-  "key": "fabd52c41c63d921e37e0a1de373e4df2b496f30",
+export declare const templateDisclaimer: {
+  "name": "templateDisclaimer",
+  "key": "e08d2594b76c6c0107e34c0071cab8ef844c8998",
   "componentPropertyDefinitions": {
-    "Title#16237:0": {
-      "type": "TEXT"
-    },
-    "Description#16237:5": {
-      "type": "TEXT"
-    },
-    "Asset Type#45154:9": {
-      "type": "INSTANCE_SWAP",
-      "preferredValues": [
-        {
-          "type": "COMPONENT",
-          "key": "3f2ed06bd34fbaf24d371cefa973e09e2c2572bf"
-        },
-        {
-          "type": "COMPONENT",
-          "key": "bf1ad3ad5c45a2e94fd800f7f6ecbe52ba0667ab"
-        },
-        {
-          "type": "COMPONENT",
-          "key": "d357dcf0fbff80f3bfa70fe4fd5d48a9bddd1b49"
-        },
-        {
-          "type": "COMPONENT",
-          "key": "a53df434b562c1eeb04dab9abd88431989c5fc33"
-        },
-        {
-          "type": "COMPONENT",
-          "key": "5e53811a1e1444deccb5147b6a57196a3be467c9"
-        },
-        {
-          "type": "COMPONENT",
-          "key": "3ff3999d2d2bbed2c7656210793d4f083901f73b"
-        },
-        {
-          "type": "COMPONENT",
-          "key": "56fcf964b7784ca83eaf6c9b1531de6150d23a0d"
-        },
-        {
-          "type": "COMPONENT",
-          "key": "5652618ddd66c844ab977d083d0dc41cb98f98ae"
-        }
-      ]
-    },
-    "Show Asset#45154:14": {
-      "type": "BOOLEAN"
-    },
-    "Show Buttons#53435:0": {
-      "type": "BOOLEAN"
-    },
-    "ㄴShow First Button#53766:0": {
-      "type": "BOOLEAN"
-    },
-    "ㄴShow Second Button#53766:3": {
+    "Show Title#54910:2": {
       "type": "BOOLEAN"
     },
     "Size": {
       "type": "VARIANT",
       "variantOptions": [
-        "Large",
-        "Medium"
+        "t4(14pt)",
+        "t5(16pt)"
       ]
     }
   }
@@ -1212,17 +1139,16 @@ export declare const menuSheet: {
     "Menu Group Count": {
       "type": "VARIANT",
       "variantOptions": [
+        "1",
         "2",
-        "3",
-        "1"
+        "3"
       ]
     },
     "Layout": {
       "type": "VARIANT",
       "variantOptions": [
         "Text Only",
-        "Text with Icon",
-        "Text with Subtext"
+        "Text with Icon"
       ]
     }
   }
@@ -1246,10 +1172,10 @@ export declare const pageBanner: {
       "type": "VARIANT",
       "variantOptions": [
         "Display",
+        "Display (With Action)",
         "Actionable",
         "Dismissible",
-        "With Action",
-        "Custom"
+        "Actionable (Custom)"
       ]
     },
     "Tone": {
@@ -1359,8 +1285,8 @@ export declare const radio: {
   }
 };
 
-export declare const radioMark: {
-  "name": "radioMark",
+export declare const radiomark: {
+  "name": "radiomark",
   "key": "832d696d6e9566610968cd70f128f500ec009d6a",
   "componentPropertyDefinitions": {
     "Size": {
@@ -1476,6 +1402,75 @@ export declare const resizableChild: {
   }
 };
 
+export declare const resultSection: {
+  "name": "resultSection",
+  "key": "fabd52c41c63d921e37e0a1de373e4df2b496f30",
+  "componentPropertyDefinitions": {
+    "Title#16237:0": {
+      "type": "TEXT"
+    },
+    "Description#16237:5": {
+      "type": "TEXT"
+    },
+    "Asset Type#45154:9": {
+      "type": "INSTANCE_SWAP",
+      "preferredValues": [
+        {
+          "type": "COMPONENT",
+          "key": "3f2ed06bd34fbaf24d371cefa973e09e2c2572bf"
+        },
+        {
+          "type": "COMPONENT",
+          "key": "bf1ad3ad5c45a2e94fd800f7f6ecbe52ba0667ab"
+        },
+        {
+          "type": "COMPONENT",
+          "key": "d357dcf0fbff80f3bfa70fe4fd5d48a9bddd1b49"
+        },
+        {
+          "type": "COMPONENT",
+          "key": "a53df434b562c1eeb04dab9abd88431989c5fc33"
+        },
+        {
+          "type": "COMPONENT",
+          "key": "5e53811a1e1444deccb5147b6a57196a3be467c9"
+        },
+        {
+          "type": "COMPONENT",
+          "key": "3ff3999d2d2bbed2c7656210793d4f083901f73b"
+        },
+        {
+          "type": "COMPONENT",
+          "key": "56fcf964b7784ca83eaf6c9b1531de6150d23a0d"
+        },
+        {
+          "type": "COMPONENT",
+          "key": "5652618ddd66c844ab977d083d0dc41cb98f98ae"
+        }
+      ]
+    },
+    "Show Asset#45154:14": {
+      "type": "BOOLEAN"
+    },
+    "Show Buttons#53435:0": {
+      "type": "BOOLEAN"
+    },
+    "ㄴShow First Button#53766:0": {
+      "type": "BOOLEAN"
+    },
+    "ㄴShow Second Button#53766:3": {
+      "type": "BOOLEAN"
+    },
+    "Size": {
+      "type": "VARIANT",
+      "variantOptions": [
+        "Large",
+        "Medium"
+      ]
+    }
+  }
+};
+
 export declare const rootTopNavigationGlobal: {
   "name": "rootTopNavigationGlobal",
   "key": "a694a1da14a5c1d7d5c66bc78218c0c61fb388ab",
@@ -1717,8 +1712,8 @@ export declare const _switch: {
   }
 };
 
-export declare const switchMark: {
-  "name": "switchMark",
+export declare const switchmark: {
+  "name": "switchmark",
   "key": "bc53f269089e02a1d241e2a21ac7631bfa49834e",
   "componentPropertyDefinitions": {
     "Size": {

package/src/entities/data/__generated__/component-sets/index.mjs

@@ -1,24 +1,3 @@
-export const templateBannerDetach = {
-  "name": "templateBannerDetach",
-  "key": "b9670e4d68d2b1057f28916728a845dc9c160c0f",
-  "componentPropertyDefinitions": {
-    "Layout": {
-      "type": "VARIANT",
-      "variantOptions": [
-        "Title + Description",
-        "Description + Title"
-      ]
-    },
-    "Rounded": {
-      "type": "VARIANT",
-      "variantOptions": [
-        "True",
-        "False"
-      ]
-    }
-  }
-};
-
 export const templateButtonGroup = {
   "name": "templateButtonGroup",
   "key": "29109a34197f2eb5d390b1d9ebba270979a7b302",
@@ -106,70 +85,18 @@ export const templateCustomPickerField = {
   }
 };
 
-export const templateResultSection = {
-  "name": "templateResultSection",
-  "key": "fabd52c41c63d921e37e0a1de373e4df2b496f30",
+export const templateDisclaimer = {
+  "name": "templateDisclaimer",
+  "key": "e08d2594b76c6c0107e34c0071cab8ef844c8998",
   "componentPropertyDefinitions": {
-    "Title#16237:0": {
-      "type": "TEXT"
-    },
-    "Description#16237:5": {
-      "type": "TEXT"
-    },
-    "Asset Type#45154:9": {
-      "type": "INSTANCE_SWAP",
-      "preferredValues": [
-        {
-          "type": "COMPONENT",
-          "key": "3f2ed06bd34fbaf24d371cefa973e09e2c2572bf"
-        },
-        {
-          "type": "COMPONENT",
-          "key": "bf1ad3ad5c45a2e94fd800f7f6ecbe52ba0667ab"
-        },
-        {
-          "type": "COMPONENT",
-          "key": "d357dcf0fbff80f3bfa70fe4fd5d48a9bddd1b49"
-        },
-        {
-          "type": "COMPONENT",
-          "key": "a53df434b562c1eeb04dab9abd88431989c5fc33"
-        },
-        {
-          "type": "COMPONENT",
-          "key": "5e53811a1e1444deccb5147b6a57196a3be467c9"
-        },
-        {
-          "type": "COMPONENT",
-          "key": "3ff3999d2d2bbed2c7656210793d4f083901f73b"
-        },
-        {
-          "type": "COMPONENT",
-          "key": "56fcf964b7784ca83eaf6c9b1531de6150d23a0d"
-        },
-        {
-          "type": "COMPONENT",
-          "key": "5652618ddd66c844ab977d083d0dc41cb98f98ae"
-        }
-      ]
-    },
-    "Show Asset#45154:14": {
-      "type": "BOOLEAN"
-    },
-    "Show Buttons#53435:0": {
-      "type": "BOOLEAN"
-    },
-    "ㄴShow First Button#53766:0": {
-      "type": "BOOLEAN"
-    },
-    "ㄴShow Second Button#53766:3": {
+    "Show Title#54910:2": {
       "type": "BOOLEAN"
     },
     "Size": {
       "type": "VARIANT",
       "variantOptions": [
-        "Large",
-        "Medium"
+        "t4(14pt)",
+        "t5(16pt)"
       ]
     }
   }
@@ -1212,17 +1139,16 @@ export const menuSheet = {
     "Menu Group Count": {
       "type": "VARIANT",
       "variantOptions": [
+        "1",
         "2",
-        "3",
-        "1"
+        "3"
       ]
     },
     "Layout": {
       "type": "VARIANT",
       "variantOptions": [
         "Text Only",
-        "Text with Icon",
-        "Text with Subtext"
+        "Text with Icon"
       ]
     }
   }
@@ -1246,10 +1172,10 @@ export const pageBanner = {
       "type": "VARIANT",
       "variantOptions": [
         "Display",
+        "Display (With Action)",
         "Actionable",
         "Dismissible",
-        "With Action",
-        "Custom"
+        "Actionable (Custom)"
       ]
     },
     "Tone": {
@@ -1359,8 +1285,8 @@ export const radio = {
   }
 };
 
-export const radioMark = {
-  "name": "radioMark",
+export const radiomark = {
+  "name": "radiomark",
   "key": "832d696d6e9566610968cd70f128f500ec009d6a",
   "componentPropertyDefinitions": {
     "Size": {
@@ -1476,6 +1402,75 @@ export const resizableChild = {
   }
 };
 
+export const resultSection = {
+  "name": "resultSection",
+  "key": "fabd52c41c63d921e37e0a1de373e4df2b496f30",
+  "componentPropertyDefinitions": {
+    "Title#16237:0": {
+      "type": "TEXT"
+    },
+    "Description#16237:5": {
+      "type": "TEXT"
+    },
+    "Asset Type#45154:9": {
+      "type": "INSTANCE_SWAP",
+      "preferredValues": [
+        {
+          "type": "COMPONENT",
+          "key": "3f2ed06bd34fbaf24d371cefa973e09e2c2572bf"
+        },
+        {
+          "type": "COMPONENT",
+          "key": "bf1ad3ad5c45a2e94fd800f7f6ecbe52ba0667ab"
+        },
+        {
+          "type": "COMPONENT",
+          "key": "d357dcf0fbff80f3bfa70fe4fd5d48a9bddd1b49"
+        },
+        {
+          "type": "COMPONENT",
+          "key": "a53df434b562c1eeb04dab9abd88431989c5fc33"
+        },
+        {
+          "type": "COMPONENT",
+          "key": "5e53811a1e1444deccb5147b6a57196a3be467c9"
+        },
+        {
+          "type": "COMPONENT",
+          "key": "3ff3999d2d2bbed2c7656210793d4f083901f73b"
+        },
+        {
+          "type": "COMPONENT",
+          "key": "56fcf964b7784ca83eaf6c9b1531de6150d23a0d"
+        },
+        {
+          "type": "COMPONENT",
+          "key": "5652618ddd66c844ab977d083d0dc41cb98f98ae"
+        }
+      ]
+    },
+    "Show Asset#45154:14": {
+      "type": "BOOLEAN"
+    },
+    "Show Buttons#53435:0": {
+      "type": "BOOLEAN"
+    },
+    "ㄴShow First Button#53766:0": {
+      "type": "BOOLEAN"
+    },
+    "ㄴShow Second Button#53766:3": {
+      "type": "BOOLEAN"
+    },
+    "Size": {
+      "type": "VARIANT",
+      "variantOptions": [
+        "Large",
+        "Medium"
+      ]
+    }
+  }
+};
+
 export const rootTopNavigationGlobal = {
   "name": "rootTopNavigationGlobal",
   "key": "a694a1da14a5c1d7d5c66bc78218c0c61fb388ab",
@@ -1717,8 +1712,8 @@ export const _switch = {
   }
 };
 
-export const switchMark = {
-  "name": "switchMark",
+export const switchmark = {
+  "name": "switchmark",
   "key": "bc53f269089e02a1d241e2a21ac7631bfa49834e",
   "componentPropertyDefinitions": {
     "Size": {

package/src/entities/data/__generated__/components/index.d.ts

@@ -27,10 +27,10 @@ export declare const templateResultPage: {
   "name": "templateResultPage",
   "key": "88ff5d153a95a2532925b191960d3401d5fd94a6",
   "componentPropertyDefinitions": {
-    "Show Top Navigation#28427:3": {
+    "Show Top Navigation#56814:4": {
       "type": "BOOLEAN"
     },
-    "Show Bottom Action Bar#44990:7": {
+    "Show Bottom Action Bar#56814:6": {
       "type": "BOOLEAN"
     }
   }

package/src/entities/data/__generated__/components/index.mjs

@@ -27,10 +27,10 @@ export const templateResultPage = {
   "name": "templateResultPage",
   "key": "88ff5d153a95a2532925b191960d3401d5fd94a6",
   "componentPropertyDefinitions": {
-    "Show Top Navigation#28427:3": {
+    "Show Top Navigation#56814:4": {
       "type": "BOOLEAN"
     },
-    "Show Bottom Action Bar#44990:7": {
+    "Show Bottom Action Bar#56814:6": {
       "type": "BOOLEAN"
     }
   }

package/src/entities/data/__generated__/icons/index.mjs

@@ -1639,6 +1639,16 @@ export const FIGMA_ICONS = {
     "type": "monochrome",
     "weight": "Line"
   },
+  "27885dd88c45e55e1ce6790b6517b663fbc89286": {
+    "name": "icon_keyhole_shield",
+    "type": "monochrome",
+    "weight": "Fill"
+  },
+  "2111483a75d693815d578415279d077e66412da1": {
+    "name": "icon_keyhole_shield",
+    "type": "monochrome",
+    "weight": "Line"
+  },
   "fe92b27029511a3fa4745e4d49cba81ee303cf48": {
     "name": "icon_laptop",
     "type": "monochrome",
@@ -3379,6 +3389,10 @@ export const FIGMA_ICONS = {
     "name": "icon_tshirt_bubble2",
     "type": "multicolor"
   },
+  "ab66ee11be5539d340a87f1e9ca021fef1db3ef8": {
+    "name": "icon_vest_horizstripe",
+    "type": "multicolor"
+  },
   "7ddb6f0f63708485a75cb21a25fae01671a34562": {
     "name": "icon_warninglight",
     "type": "multicolor"