@seed-design/figma 1.1.0 → 1.1.3

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

@@ -0,0 +1,121 @@
+export const templateAddressPickerField = {
+  "name": "templateAddressPickerField",
+  "key": "a6cb0e888094d95ca0e9862f4775b34407b3611d"
+};
+
+export const templateDatePickerField = {
+  "name": "templateDatePickerField",
+  "key": "9fac6c04140c81cdb2e446979952381f1afc0e1a"
+};
+
+export const templateFilterBar = {
+  "name": "templateFilterBar",
+  "key": "52ffefa44ac247120a69d1787278d1d90b7f370d",
+  "componentPropertyDefinitions": {
+    "Show Clear Button#32562:362": {
+      "type": "BOOLEAN"
+    }
+  }
+};
+
+export const templateInformationList = {
+  "name": "templateInformationList",
+  "key": "a111395555825f77d152f84e047e5e798fb53023"
+};
+
+export const templateSelectField = {
+  "name": "templateSelectField",
+  "key": "a43d16a5c3cbb5fe22ca230d6a28338da21c7562"
+};
+
+export const templateTimePickerField = {
+  "name": "templateTimePickerField",
+  "key": "0ee0729eb92d55acfa557e8fe3f0a21a0e43f117"
+};
+
+export const bottomSheetContentsAgreement = {
+  "name": "bottomSheetContentsAgreement",
+  "key": "8670afb7520ac44dfed003e3e9c7cce359897d0c"
+};
+
+export const bottomSheetContentsFilter = {
+  "name": "bottomSheetContentsFilter",
+  "key": "e3d337e6eddbe9ec025fe69520c1cff0bd697b60"
+};
+
+export const bottomSheetContentsImage = {
+  "name": "bottomSheetContentsImage",
+  "key": "5c5369d9c22115fd240d7b75ac2a334e9163ea57"
+};
+
+export const bottomSheetContentsRange = {
+  "name": "bottomSheetContentsRange",
+  "key": "088624580ee501efed377bb4f42561a387db5699"
+};
+
+export const bottomSheetContentsSorting = {
+  "name": "bottomSheetContentsSorting",
+  "key": "0c6c58d5b7a159e7db1a0c1ccf32916ca8a51164"
+};
+
+export const skeletonPreSetArticle = {
+  "name": "skeletonPreSetArticle",
+  "key": "b2eb24c235dbb3ceea3a13cc018a083e0707fe6b"
+};
+
+export const skeletonPreSetItemCard = {
+  "name": "skeletonPreSetItemCard",
+  "key": "72da2ecdc0f5f17fc0c59eac16ccf82960c70db9"
+};
+
+export const skeletonPreSetItemCarousel = {
+  "name": "skeletonPreSetItemCarousel",
+  "key": "d92b2942bc9e079cb31fa055a1628e497a8cda8c"
+};
+
+export const skeletonPreSetList = {
+  "name": "skeletonPreSetList",
+  "key": "e03cc22ade0cf5db55d0ecea0a51c8424f05410c"
+};
+
+export const skeletonPreSetProfileLarge = {
+  "name": "skeletonPreSetProfileLarge",
+  "key": "36103a3dedc41b788a381dc362e90cb19fa907ce"
+};
+
+export const skeletonPreSetProfileSmall = {
+  "name": "skeletonPreSetProfileSmall",
+  "key": "090506ac39352cfb1bee415a404fd3d306744c27"
+};
+
+export const skeletonPreSetReview = {
+  "name": "skeletonPreSetReview",
+  "key": "faf975727deaeab9e16ddd915e6a1bc48ddb5bca"
+};
+
+export const field = {
+  "name": "field",
+  "key": "115bf75562fd6e434a8e22026f86bbc450902f18",
+  "componentPropertyDefinitions": {
+    "Input#40606:0": {
+      "type": "INSTANCE_SWAP",
+      "preferredValues": []
+    },
+    "Show Header#40606:1": {
+      "type": "BOOLEAN"
+    },
+    "Show Footer#40606:2": {
+      "type": "BOOLEAN"
+    }
+  }
+};
+
+export const icon = {
+  "name": "icon",
+  "key": "598895dbeb853cbfff37bd50ddc65874375fc1b1"
+};
+
+export const iOsSelection = {
+  "name": "iOsSelection",
+  "key": "c348849476b058d7d24fe7588c81b1af1b46befe"
+};

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

@@ -1389,6 +1389,16 @@ export const FIGMA_ICONS = {
     "type": "monochrome",
     "weight": "Line"
   },
+  "8c85104333ba7cc69fc866b41770316a6bd226d9": {
+    "name": "icon_grid_dot5",
+    "type": "monochrome",
+    "weight": "Fill"
+  },
+  "29482f6a02c7c0fe2d714271ca540c197e2c5e9a": {
+    "name": "icon_grid_dot5",
+    "type": "monochrome",
+    "weight": "Line"
+  },
   "94396773c3208ff19b7650bb7f48de6600492c83": {
     "name": "icon_grid_heart",
     "type": "monochrome",
@@ -1779,6 +1789,16 @@ export const FIGMA_ICONS = {
     "type": "monochrome",
     "weight": "Line"
   },
+  "af40e22f4795e41a24778fae19232b7ffe8d0b95": {
+    "name": "icon_midcut_square",
+    "type": "monochrome",
+    "weight": "Fill"
+  },
+  "7c104076f1c7d9bbe9e14f5957012f2c7a5710d7": {
+    "name": "icon_midcut_square",
+    "type": "monochrome",
+    "weight": "Line"
+  },
   "5fa174f09a36f25f6af68e8a7b268e1d9a7f4752": {
     "name": "icon_minus_circle",
     "type": "monochrome",
@@ -3181,6 +3201,10 @@ export const FIGMA_ICONS = {
     "name": "icon_gift",
     "type": "multicolor"
   },
+  "e44bf2ccec8dd6a9b720e15f1660854234aeb9ca": {
+    "name": "icon_grid_dot5",
+    "type": "multicolor"
+  },
   "9d3511905b35064003bf689e7f536f120e1fa5ad": {
     "name": "icon_horizline_viewfinder",
     "type": "multicolor"
@@ -3273,6 +3297,10 @@ export const FIGMA_ICONS = {
     "name": "icon_sneaker_lifted_leftside",
     "type": "multicolor"
   },
+  "e8eb13395b0696f63d148a8c31401b21382f03ef": {
+    "name": "icon_sofa",
+    "type": "multicolor"
+  },
   "7fa76e36cb5397446a8ac3105d882ea685290c1b": {
     "name": "icon_sparkle2",
     "type": "multicolor"

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

@@ -1,60 +1,4 @@
 export const FIGMA_STYLES = [
-  {
-    "styleType": "FILL",
-    "key": "c1cee6b89c357c6a12d020654d73a4490cafdf51",
-    "name": "gradient/fade/layer-default/←(to-left)",
-    "description": "스크롤이 가능하도록 그라디언트로 특정 영역을 덮는 요소로 사용해요.",
-    "remote": false
-  },
-  {
-    "styleType": "FILL",
-    "key": "ff436e73cf9477a1006e6f8a1f9d2c9dbe0e5edd",
-    "name": "gradient/fade/layer-default/→(to-right)",
-    "description": "스크롤이 가능하도록 그라디언트로 특정 영역을 덮는 요소로 사용해요.",
-    "remote": false
-  },
-  {
-    "styleType": "FILL",
-    "key": "826457503b7ee3d472eab91581b1fcd499c47c00",
-    "name": "gradient/fade/layer-default/↑(to-top)",
-    "description": "스크롤이 가능하도록 그라디언트로 특정 영역을 덮는 요소로 사용해요.",
-    "remote": false
-  },
-  {
-    "styleType": "FILL",
-    "key": "408cb970f1de672217f452152b0398a4bb4f4e12",
-    "name": "gradient/fade/layer-default/↓(to-bottom)",
-    "description": "스크롤이 가능하도록 그라디언트로 특정 영역을 덮는 요소로 사용해요.",
-    "remote": false
-  },
-  {
-    "styleType": "FILL",
-    "key": "df22450a8f8e9c323baf40d8981920d1b6376cbf",
-    "name": "gradient/fade/layer-floating/←(to-left)",
-    "description": "스크롤이 가능하도록 그라디언트로 특정 영역을 덮는 요소로 사용해요.",
-    "remote": false
-  },
-  {
-    "styleType": "FILL",
-    "key": "063c0dc05b438ac36499492e783520a722782d74",
-    "name": "gradient/fade/layer-floating/→(to-right)",
-    "description": "스크롤이 가능하도록 그라디언트로 특정 영역을 덮는 요소로 사용해요.",
-    "remote": false
-  },
-  {
-    "styleType": "FILL",
-    "key": "46186d7dd037e8e54983ee6677cf7915790d84cc",
-    "name": "gradient/fade/layer-floating/↑(to-top)",
-    "description": "스크롤이 가능하도록 그라디언트로 특정 영역을 덮는 요소로 사용해요.",
-    "remote": false
-  },
-  {
-    "styleType": "FILL",
-    "key": "b28d9c9adc816fdd4ecec3a0b3e25d8aec802b6a",
-    "name": "gradient/fade/layer-floating/↓(to-bottom)",
-    "description": "스크롤이 가능하도록 그라디언트로 특정 영역을 덮는 요소로 사용해요.",
-    "remote": false
-  },
   {
     "styleType": "FILL",
     "key": "353baa82e0440385eb121cd0ae98d2fcb1a70b18",

package/src/entities/data/__generated__/variable-collections/index.mjs

@@ -48,10 +48,10 @@ export const FIGMA_VARIABLE_COLLECTIONS = {
       "VariableID:238:17662",
       "VariableID:17544:4057",
       "VariableID:1:171",
-      "VariableID:41186:6437",
       "VariableID:670:2700",
-      "VariableID:1:158",
+      "VariableID:41186:6437",
       "VariableID:1:172",
+      "VariableID:1:158",
       "VariableID:1:161",
       "VariableID:1:159",
       "VariableID:576:22878",
@@ -99,8 +99,8 @@ export const FIGMA_VARIABLE_COLLECTIONS = {
       "VariableID:12479:23364",
       "VariableID:12479:23365",
       "VariableID:12479:23366",
-      "VariableID:1:7",
       "VariableID:12548:1437",
+      "VariableID:1:7",
       "VariableID:12479:23367",
       "VariableID:12479:23368",
       "VariableID:12479:23371",
@@ -235,14 +235,12 @@ export const FIGMA_VARIABLE_COLLECTIONS = {
       "VariableID:10181:34417",
       "VariableID:1:168",
       "VariableID:29913:8440",
-      "VariableID:29917:289",
       "VariableID:29917:362",
-      "VariableID:30009:40284",
       "VariableID:29917:5084",
+      "VariableID:30009:40284",
       "VariableID:30009:40393",
       "VariableID:30021:1313",
       "VariableID:30023:1876",
-      "VariableID:30023:1877",
       "VariableID:30023:3032",
       "VariableID:30023:1878",
       "VariableID:30023:3347",
@@ -263,7 +261,12 @@ export const FIGMA_VARIABLE_COLLECTIONS = {
       "VariableID:43290:12820",
       "VariableID:43290:12822",
       "VariableID:43290:12823",
-      "VariableID:43290:12824"
+      "VariableID:43290:12824",
+      "VariableID:49497:1643",
+      "VariableID:49497:1644",
+      "VariableID:49495:1861",
+      "VariableID:49497:1645",
+      "VariableID:49497:1646"
     ]
   },
   "VariableCollectionId:1:174": {
@@ -389,9 +392,9 @@ export const FIGMA_VARIABLE_COLLECTIONS = {
       "VariableID:289:13772",
       "VariableID:1886:93038",
       "VariableID:289:13773",
+      "VariableID:796:4448",
       "VariableID:15518:15916",
       "VariableID:19225:68732",
-      "VariableID:796:4448",
       "VariableID:17955:50606",
       "VariableID:514:13178",
       "VariableID:535:1747",

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

@@ -49,6 +49,136 @@ export const FIGMA_VARIABLES = {
     ],
     "codeSyntax": {}
   },
+  "VariableID:49495:1861": {
+    "name": "_scroll-fog",
+    "id": "VariableID:49495:1861",
+    "remote": false,
+    "key": "12f1d88d590090e396c9b283bb51d4e89d9016d2",
+    "variableCollectionId": "VariableCollectionId:1:3",
+    "resolvedType": "COLOR",
+    "description": "",
+    "hiddenFromPublishing": false,
+    "valuesByMode": {
+      "1928:7": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:29453:35711"
+      },
+      "1928:8": {
+        "r": 1,
+        "g": 1,
+        "b": 1,
+        "a": 1
+      }
+    },
+    "scopes": [
+      "ALL_SCOPES"
+    ],
+    "codeSyntax": {}
+  },
+  "VariableID:49497:1643": {
+    "name": "_scroll-fog/layer-default/0",
+    "id": "VariableID:49497:1643",
+    "remote": false,
+    "key": "fae00f7e2fc2ee7cd4bef58de19f468255ca4c5c",
+    "variableCollectionId": "VariableCollectionId:1:3",
+    "resolvedType": "COLOR",
+    "description": "",
+    "hiddenFromPublishing": false,
+    "valuesByMode": {
+      "1928:7": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:1:155"
+      },
+      "1928:8": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:1:155"
+      }
+    },
+    "scopes": [
+      "ALL_SCOPES"
+    ],
+    "codeSyntax": {}
+  },
+  "VariableID:49497:1644": {
+    "name": "_scroll-fog/layer-default/1",
+    "id": "VariableID:49497:1644",
+    "remote": false,
+    "key": "fac0ada2e11c8d54997dce0fc72a723fce514a9f",
+    "variableCollectionId": "VariableCollectionId:1:3",
+    "resolvedType": "COLOR",
+    "description": "",
+    "hiddenFromPublishing": false,
+    "valuesByMode": {
+      "1928:7": {
+        "r": 1,
+        "g": 1,
+        "b": 1,
+        "a": 0
+      },
+      "1928:8": {
+        "r": 0.08627451211214066,
+        "g": 0.09019608050584793,
+        "b": 0.10588235408067703,
+        "a": 0
+      }
+    },
+    "scopes": [
+      "ALL_SCOPES"
+    ],
+    "codeSyntax": {}
+  },
+  "VariableID:49497:1645": {
+    "name": "_scroll-fog/layer-floating/0",
+    "id": "VariableID:49497:1645",
+    "remote": false,
+    "key": "334d485b6f54e6ed8dce767cd150b578f4323ad3",
+    "variableCollectionId": "VariableCollectionId:1:3",
+    "resolvedType": "COLOR",
+    "description": "",
+    "hiddenFromPublishing": false,
+    "valuesByMode": {
+      "1928:7": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:238:17662"
+      },
+      "1928:8": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:238:17662"
+      }
+    },
+    "scopes": [
+      "ALL_SCOPES"
+    ],
+    "codeSyntax": {}
+  },
+  "VariableID:49497:1646": {
+    "name": "_scroll-fog/layer-floating/1",
+    "id": "VariableID:49497:1646",
+    "remote": false,
+    "key": "3259bea6c3999bc3ad72999fd3123648544bd002",
+    "variableCollectionId": "VariableCollectionId:1:3",
+    "resolvedType": "COLOR",
+    "description": "",
+    "hiddenFromPublishing": false,
+    "valuesByMode": {
+      "1928:7": {
+        "r": 1,
+        "g": 1,
+        "b": 1,
+        "a": 0
+      },
+      "1928:8": {
+        "r": 0.11555555462837219,
+        "g": 0.12638889253139496,
+        "b": 0.14444443583488464,
+        "a": 0
+      }
+    },
+    "scopes": [
+      "ALL_SCOPES"
+    ],
+    "codeSyntax": {}
+  },
   "VariableID:1:151": {
     "name": "bg/brand-solid",
     "id": "VariableID:1:151",

package/src/codegen/targets/react/component/handlers/multiline-text-field.ts

@@ -1,84 +0,0 @@
-import type { MultilineTextFieldProperties } from "@/codegen/component-properties";
-import { defineComponentHandler } from "@/codegen/core";
-import * as metadata from "@/entities/data/__generated__/component-sets";
-import { createLocalSnippetHelper } from "../../element-factories";
-import type { ComponentHandlerDeps } from "../deps.interface";
-import { handleSizeProp } from "../size";
-
-const { createLocalSnippetElement } = createLocalSnippetHelper("text-field");
-
-export const createMultilineTextFieldHandler = (_ctx: ComponentHandlerDeps) =>
-  defineComponentHandler<MultilineTextFieldProperties>(
-    metadata.multilineTextField.key,
-    ({ componentProperties: props }) => {
-      const {
-        Size: { value: size },
-        State: { value: state },
-        Filled: { value: filled },
-        "Show Header#870:0": { value: showHeader },
-        "Label#15327:323": { value: label },
-        "Show Indicator#1259:0": { value: showIndicator },
-        "Indicator#15327:286": { value: indicator },
-        "Placeholder#958:0": { value: placeholder },
-        "Filled Text#1304:0": { value: defaultValue },
-        "Show Footer#958:25": { value: showFooter },
-        "Show Description#958:50": { value: showDescription },
-        "Description#15327:212": { value: description },
-        "Show Character count#958:75": { value: showCharacterCount },
-        "Character Count#15327:360": { value: _characterCount },
-        "Max Character Count#15327:175": { value: maxCharacterCount },
-      } = props;
-
-      const states = state.split("-");
-
-      const commonProps = {
-        size: handleSizeProp(size),
-        // header
-        ...(showHeader && {
-          label,
-        }),
-        ...(showHeader &&
-          showIndicator && {
-            indicator,
-          }),
-        // input
-        ...(filled === "True" && {
-          defaultValue,
-        }),
-        ...(states.includes("Invalid") && {
-          invalid: true,
-        }),
-        ...(states.includes("Disabled") && {
-          disabled: true,
-        }),
-        ...(states.includes("Read Only") && {
-          readOnly: true,
-        }),
-        // footer
-        ...(showFooter &&
-          showDescription &&
-          states.includes("Invalid") && {
-            // invalid인 경우 description을 error로 사용
-            errorMessage: description,
-          }),
-        ...(showFooter &&
-          showDescription &&
-          !states.includes("Invalid") && {
-            // invalid가 아닌 경우 description을 description으로 사용
-            description,
-          }),
-        ...(showFooter &&
-          showCharacterCount && {
-            maxGraphemeCount: Number(maxCharacterCount),
-          }),
-      };
-
-      const inputProps = {
-        placeholder,
-      };
-
-      const TextFieldChildren = createLocalSnippetElement("TextFieldTextarea", inputProps);
-
-      return createLocalSnippetElement("TextField", commonProps, TextFieldChildren);
-    },
-  );