@seed-design/figma 0.1.6 → 0.1.8

package/src/codegen/targets/react/component/handlers/extended-action-sheet.ts

@@ -1,98 +0,0 @@
-import type {
-  ExtendedActionSheetGroupProperties,
-  ExtendedActionSheetItemProperties,
-  ExtendedActionSheetProperties,
-} from "@/codegen/component-properties";
-import { createElement, defineComponentHandler } from "@/codegen/core";
-import * as metadata from "@/entities/data/__generated__/component-sets";
-import { findAllInstances } from "@/utils/figma-node";
-import { camelCase } from "change-case";
-import { createLocalSnippetHelper, createSeedReactElement } from "../../element-factories";
-import type { ComponentHandlerDeps } from "../deps.interface";
-
-const { createLocalSnippetElement } = createLocalSnippetHelper("extended-action-sheet");
-
-const EXTENDED_ACTION_SHEET_ITEM_KEY = "057083e95466da59051119eec0b41d4ad5a07f8f";
-const createExtendedActionSheetItemHandler = (ctx: ComponentHandlerDeps) =>
-  defineComponentHandler<ExtendedActionSheetItemProperties>(
-    EXTENDED_ACTION_SHEET_ITEM_KEY,
-    ({ componentProperties: props }) => {
-      const states = props.State.value.split("-");
-
-      const commonProps = {
-        tone: camelCase(props.Tone.value),
-        ...(states.includes("Disabled") && {
-          disabled: true,
-        }),
-      };
-
-      return createLocalSnippetElement("ExtendedActionSheetItem", commonProps, [
-        props["Show Prefix Icon#17043:5"].value
-          ? createSeedReactElement("PrefixIcon", {
-              svg: ctx.iconHandler.transform(props["Prefix Icon#55948:0"]),
-            })
-          : undefined,
-        props["Label#55905:8"].value,
-      ]);
-    },
-  );
-
-const EXTENDED_ACTION_SHEET_GROUP_KEY = "2a504a1c6b7810d5e652862dcba2cb7048f9eb16";
-const createExtendedActionSheetGroupHandler = (ctx: ComponentHandlerDeps) => {
-  const extendedActionSheetItemHandler = createExtendedActionSheetItemHandler(ctx);
-
-  return defineComponentHandler<ExtendedActionSheetGroupProperties>(
-    EXTENDED_ACTION_SHEET_GROUP_KEY,
-    (node) => {
-      const items = findAllInstances<ExtendedActionSheetItemProperties>({
-        node,
-        key: extendedActionSheetItemHandler.key,
-      });
-
-      const contentChildren = items.map(extendedActionSheetItemHandler.transform);
-
-      return createLocalSnippetElement("ExtendedActionSheetGroup", undefined, contentChildren);
-    },
-  );
-};
-
-export const createExtendedActionSheetHandler = (ctx: ComponentHandlerDeps) => {
-  const extendedActionSheetGroupHandler = createExtendedActionSheetGroupHandler(ctx);
-
-  return defineComponentHandler<ExtendedActionSheetProperties>(
-    metadata.extendedActionSheet.key,
-    (node) => {
-      const { componentProperties: props } = node;
-
-      const groups = findAllInstances<ExtendedActionSheetGroupProperties>({
-        node,
-        key: extendedActionSheetGroupHandler.key,
-      });
-
-      const contentChildren = groups.map(extendedActionSheetGroupHandler.transform);
-
-      const title = props["Show Title#17043:12"].value ? props["Title#14599:0"].value : undefined;
-
-      const content = createLocalSnippetElement(
-        "ExtendedActionSheetContent",
-        { title },
-        contentChildren,
-        {
-          comment: title
-            ? undefined
-            : "title을 제공하지 않는 경우 aria-label이나 aria-labelledby 중 하나를 제공해야 합니다.",
-        },
-      );
-
-      const trigger = createLocalSnippetElement(
-        "ExtendedActionSheetTrigger",
-        { asChild: true },
-        createElement("button", undefined, "열기", {
-          comment: "ExtendedActionSheet을 여는 요소를 제공해주세요.",
-        }),
-      );
-
-      return createLocalSnippetElement("ExtendedActionSheet", undefined, [trigger, content]);
-    },
-  );
-};

package/src/codegen/targets/react/component/handlers/extended-fab.ts

@@ -1,25 +0,0 @@
-import type { ExtendedFabProperties } from "@/codegen/component-properties";
-import { defineComponentHandler } from "@/codegen/core";
-import * as metadata from "@/entities/data/__generated__/component-sets";
-import { camelCase } from "change-case";
-import { createSeedReactElement } from "../../element-factories";
-import type { ComponentHandlerDeps } from "../deps.interface";
-import { handleSizeProp } from "../size";
-
-export const createExtendedFabHandler = (ctx: ComponentHandlerDeps) =>
-  defineComponentHandler<ExtendedFabProperties>(
-    metadata.extendedFloatingActionButton.key,
-    ({ componentProperties: props }) => {
-      const commonProps = {
-        size: handleSizeProp(props.Size.value),
-        variant: camelCase(props.Variant.value),
-      };
-
-      return createSeedReactElement("ExtendedFab", commonProps, [
-        createSeedReactElement("PrefixIcon", {
-          svg: ctx.iconHandler.transform(props["Icon#28796:0"]),
-        }),
-        props["Label#28936:0"].value,
-      ]);
-    },
-  );

package/src/codegen/targets/react/component/handlers/fab.ts

@@ -1,22 +0,0 @@
-import type { FabProperties } from "@/codegen/component-properties";
-import { defineComponentHandler } from "@/codegen/core";
-import * as metadata from "@/entities/data/__generated__/component-sets";
-import { createSeedReactElement } from "../../element-factories";
-import type { ComponentHandlerDeps } from "../deps.interface";
-
-export const createFabHandler = (ctx: ComponentHandlerDeps) =>
-  defineComponentHandler<FabProperties>(
-    metadata.floatingActionButton.key,
-    ({ componentProperties: props }) => {
-      return createSeedReactElement(
-        "Fab",
-        undefined,
-        createSeedReactElement("Icon", {
-          svg: ctx.iconHandler.transform(props["Icon#28796:0"]),
-        }),
-        {
-          comment: "aria-label이나 aria-labelledby 중 하나를 제공해야 합니다.",
-        },
-      );
-    },
-  );

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

@@ -1,49 +0,0 @@
-import type { TextButtonProperties } from "@/codegen/component-properties";
-import { defineComponentHandler } from "@/codegen/core";
-import * as metadata from "@/entities/data/__generated__/component-sets";
-import type { NormalizedInstanceNode } from "@/normalizer";
-import { findOne } from "@/utils/figma-node";
-import { camelCase } from "change-case";
-import { match } from "ts-pattern";
-import { createSeedReactElement } from "../../element-factories";
-import type { ComponentHandlerDeps } from "../deps.interface";
-import { handleSizeProp } from "../size";
-
-export const createTextButtonHandler = (ctx: ComponentHandlerDeps) =>
-  defineComponentHandler<TextButtonProperties>(metadata.textButton.key, (node) => {
-    const { componentProperties: props } = node;
-
-    const states = props.State.value.split("-");
-
-    const { prefixIcon, suffixIcon, children } = match(props.Layout.value)
-      .with("Icon First", () => ({
-        prefixIcon: ctx.iconHandler.transform(props["Prefix Icon#7561:0"]),
-        suffixIcon: undefined,
-        children: props["Label#6148:0"].value,
-      }))
-      .with("Icon Last", () => {
-        const suffixIconNode = findOne(
-          node,
-          (node) => node.type === "INSTANCE" && node.name === "Suffix Icon",
-        ) as NormalizedInstanceNode | null;
-
-        return {
-          prefixIcon: undefined,
-          suffixIcon: suffixIconNode ? ctx.iconHandler.transform(suffixIconNode) : undefined,
-          children: props["Label#6148:0"].value,
-        };
-      })
-      .exhaustive();
-
-    const commonProps = {
-      tone: camelCase(props.Tone.value),
-      size: handleSizeProp(props.Size.value),
-      prefixIcon,
-      suffixIcon,
-      ...(states.includes("Disabled") && {
-        disabled: true,
-      }),
-    };
-
-    return createSeedReactElement("TextButton", commonProps, children);
-  });

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

@@ -1,57 +0,0 @@
-export declare const metadata: {
-  "name": "🟢 Action Chip",
-  "key": "3d21594ef116e94a9465d507447b858aea062575",
-  "componentPropertyDefinitions": {
-    "Icon#8714:0": {
-      "type": "INSTANCE_SWAP",
-      "preferredValues": []
-    },
-    "Prefix Icon#8711:0": {
-      "type": "INSTANCE_SWAP",
-      "preferredValues": [
-        {
-          "type": "COMPONENT_SET",
-          "key": "8ed05ef62a40f2dc034ee7eb6945bd0e63ad49aa"
-        }
-      ]
-    },
-    "Suffix Icon#8711:3": {
-      "type": "INSTANCE_SWAP",
-      "preferredValues": []
-    },
-    "Label#7185:0": {
-      "type": "TEXT"
-    },
-    "Show Count#7185:42": {
-      "type": "BOOLEAN"
-    },
-    "Count#7185:21": {
-      "type": "TEXT"
-    },
-    "Size": {
-      "type": "VARIANT",
-      "variantOptions": [
-        "Medium",
-        "Small"
-      ]
-    },
-    "Layout": {
-      "type": "VARIANT",
-      "variantOptions": [
-        "Text Only",
-        "Icon First",
-        "Icon Last",
-        "Icon Both",
-        "Icon Only"
-      ]
-    },
-    "State": {
-      "type": "VARIANT",
-      "variantOptions": [
-        "Enabled",
-        "Pressed",
-        "Disabled"
-      ]
-    }
-  }
-};

package/src/entities/data/__generated__/component-sets/action-chip.mjs

@@ -1,57 +0,0 @@
-export const metadata = {
-  "name": "🟢 Action Chip",
-  "key": "3d21594ef116e94a9465d507447b858aea062575",
-  "componentPropertyDefinitions": {
-    "Icon#8714:0": {
-      "type": "INSTANCE_SWAP",
-      "preferredValues": []
-    },
-    "Prefix Icon#8711:0": {
-      "type": "INSTANCE_SWAP",
-      "preferredValues": [
-        {
-          "type": "COMPONENT_SET",
-          "key": "8ed05ef62a40f2dc034ee7eb6945bd0e63ad49aa"
-        }
-      ]
-    },
-    "Suffix Icon#8711:3": {
-      "type": "INSTANCE_SWAP",
-      "preferredValues": []
-    },
-    "Label#7185:0": {
-      "type": "TEXT"
-    },
-    "Show Count#7185:42": {
-      "type": "BOOLEAN"
-    },
-    "Count#7185:21": {
-      "type": "TEXT"
-    },
-    "Size": {
-      "type": "VARIANT",
-      "variantOptions": [
-        "Medium",
-        "Small"
-      ]
-    },
-    "Layout": {
-      "type": "VARIANT",
-      "variantOptions": [
-        "Text Only",
-        "Icon First",
-        "Icon Last",
-        "Icon Both",
-        "Icon Only"
-      ]
-    },
-    "State": {
-      "type": "VARIANT",
-      "variantOptions": [
-        "Enabled",
-        "Pressed",
-        "Disabled"
-      ]
-    }
-  }
-};

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

@@ -1,40 +0,0 @@
-export declare const metadata: {
-  "name": "🟢 Action Sheet",
-  "key": "7c29b70b7e71618e1894c26f61f336de2730d76e",
-  "componentPropertyDefinitions": {
-    "Description#15641:70": {
-      "type": "TEXT"
-    },
-    "Title#15641:37": {
-      "type": "TEXT"
-    },
-    "OS Indicator (Figma Only)#15641:20": {
-      "type": "BOOLEAN"
-    },
-    "Type": {
-      "type": "VARIANT",
-      "variantOptions": [
-        "Normal",
-        "Destructive"
-      ]
-    },
-    "Header": {
-      "type": "VARIANT",
-      "variantOptions": [
-        "Title Only",
-        "Description Only",
-        "Title With Description",
-        "None"
-      ]
-    },
-    "Action Count": {
-      "type": "VARIANT",
-      "variantOptions": [
-        "1",
-        "2",
-        "3",
-        "4"
-      ]
-    }
-  }
-};

package/src/entities/data/__generated__/component-sets/action-sheet.mjs

@@ -1,40 +0,0 @@
-export const metadata = {
-  "name": "🟢 Action Sheet",
-  "key": "7c29b70b7e71618e1894c26f61f336de2730d76e",
-  "componentPropertyDefinitions": {
-    "Description#15641:70": {
-      "type": "TEXT"
-    },
-    "Title#15641:37": {
-      "type": "TEXT"
-    },
-    "OS Indicator (Figma Only)#15641:20": {
-      "type": "BOOLEAN"
-    },
-    "Type": {
-      "type": "VARIANT",
-      "variantOptions": [
-        "Normal",
-        "Destructive"
-      ]
-    },
-    "Header": {
-      "type": "VARIANT",
-      "variantOptions": [
-        "Title Only",
-        "Description Only",
-        "Title With Description",
-        "None"
-      ]
-    },
-    "Action Count": {
-      "type": "VARIANT",
-      "variantOptions": [
-        "1",
-        "2",
-        "3",
-        "4"
-      ]
-    }
-  }
-};

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

@@ -1,24 +0,0 @@
-export declare const metadata: {
-  "name": "🟢 Chip Tablist",
-  "key": "d098159beacf7713e9116f0ef38d8a20f64ec84f",
-  "componentPropertyDefinitions": {
-    "Tab Count": {
-      "type": "VARIANT",
-      "variantOptions": [
-        "2",
-        "3",
-        "4",
-        "5",
-        "6",
-        "Max"
-      ]
-    },
-    "Variant": {
-      "type": "VARIANT",
-      "variantOptions": [
-        "Neutral Solid",
-        "Brand Solid"
-      ]
-    }
-  }
-};

package/src/entities/data/__generated__/component-sets/chip-tablist.mjs

@@ -1,24 +0,0 @@
-export const metadata = {
-  "name": "🟢 Chip Tablist",
-  "key": "d098159beacf7713e9116f0ef38d8a20f64ec84f",
-  "componentPropertyDefinitions": {
-    "Tab Count": {
-      "type": "VARIANT",
-      "variantOptions": [
-        "2",
-        "3",
-        "4",
-        "5",
-        "6",
-        "Max"
-      ]
-    },
-    "Variant": {
-      "type": "VARIANT",
-      "variantOptions": [
-        "Neutral Solid",
-        "Brand Solid"
-      ]
-    }
-  }
-};

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

@@ -1,60 +0,0 @@
-export declare const metadata: {
-  "name": "🟢 Control Chip",
-  "key": "5780d56fc2f9bc4bbd6bc3db93949d8a8b7b7563",
-  "componentPropertyDefinitions": {
-    "Suffix Icon#8722:82": {
-      "type": "INSTANCE_SWAP",
-      "preferredValues": []
-    },
-    "Label#7185:0": {
-      "type": "TEXT"
-    },
-    "Show Count#7185:42": {
-      "type": "BOOLEAN"
-    },
-    "Icon#8722:41": {
-      "type": "INSTANCE_SWAP",
-      "preferredValues": []
-    },
-    "Prefix Icon#8722:0": {
-      "type": "INSTANCE_SWAP",
-      "preferredValues": [
-        {
-          "type": "COMPONENT_SET",
-          "key": "8ed05ef62a40f2dc034ee7eb6945bd0e63ad49aa"
-        }
-      ]
-    },
-    "Count#7185:21": {
-      "type": "TEXT"
-    },
-    "Size": {
-      "type": "VARIANT",
-      "variantOptions": [
-        "Medium",
-        "Small"
-      ]
-    },
-    "Layout": {
-      "type": "VARIANT",
-      "variantOptions": [
-        "Text Only",
-        "Icon First",
-        "Icon Last",
-        "Icon Both",
-        "Icon Only"
-      ]
-    },
-    "State": {
-      "type": "VARIANT",
-      "variantOptions": [
-        "Enabled",
-        "Pressed",
-        "Selected",
-        "Selected-Pressed",
-        "Disabled",
-        "Disabled-Selected"
-      ]
-    }
-  }
-};

package/src/entities/data/__generated__/component-sets/control-chip.mjs

@@ -1,60 +0,0 @@
-export const metadata = {
-  "name": "🟢 Control Chip",
-  "key": "5780d56fc2f9bc4bbd6bc3db93949d8a8b7b7563",
-  "componentPropertyDefinitions": {
-    "Suffix Icon#8722:82": {
-      "type": "INSTANCE_SWAP",
-      "preferredValues": []
-    },
-    "Label#7185:0": {
-      "type": "TEXT"
-    },
-    "Show Count#7185:42": {
-      "type": "BOOLEAN"
-    },
-    "Icon#8722:41": {
-      "type": "INSTANCE_SWAP",
-      "preferredValues": []
-    },
-    "Prefix Icon#8722:0": {
-      "type": "INSTANCE_SWAP",
-      "preferredValues": [
-        {
-          "type": "COMPONENT_SET",
-          "key": "8ed05ef62a40f2dc034ee7eb6945bd0e63ad49aa"
-        }
-      ]
-    },
-    "Count#7185:21": {
-      "type": "TEXT"
-    },
-    "Size": {
-      "type": "VARIANT",
-      "variantOptions": [
-        "Medium",
-        "Small"
-      ]
-    },
-    "Layout": {
-      "type": "VARIANT",
-      "variantOptions": [
-        "Text Only",
-        "Icon First",
-        "Icon Last",
-        "Icon Both",
-        "Icon Only"
-      ]
-    },
-    "State": {
-      "type": "VARIANT",
-      "variantOptions": [
-        "Enabled",
-        "Pressed",
-        "Selected",
-        "Selected-Pressed",
-        "Disabled",
-        "Disabled-Selected"
-      ]
-    }
-  }
-};

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

@@ -1,13 +0,0 @@
-export declare const metadata: {
-  "name": "🟢 Identity Placeholder",
-  "key": "808206c07408aa1056ec85a55925e9844e9265c2",
-  "componentPropertyDefinitions": {
-    "Identity": {
-      "type": "VARIANT",
-      "variantOptions": [
-        "Person",
-        "Business"
-      ]
-    }
-  }
-};

package/src/entities/data/__generated__/component-sets/identity-placeholder.mjs

@@ -1,13 +0,0 @@
-export const metadata = {
-  "name": "🟢 Identity Placeholder",
-  "key": "808206c07408aa1056ec85a55925e9844e9265c2",
-  "componentPropertyDefinitions": {
-    "Identity": {
-      "type": "VARIANT",
-      "variantOptions": [
-        "Person",
-        "Business"
-      ]
-    }
-  }
-};

package/src/entities/data/__generated__/component-sets/manner-temp-bar.d.ts

@@ -1,23 +0,0 @@
-export declare const metadata: {
-  "name": "🟢 Manner Temp (Bar)",
-  "key": "49ca92c450fb5d450be00f69fae709dbb8edc494",
-  "componentPropertyDefinitions": {
-    "Size": {
-      "type": "VARIANT",
-      "variantOptions": [
-        "Medium"
-      ]
-    },
-    "State": {
-      "type": "VARIANT",
-      "variantOptions": [
-        "L1 (29.9 이하)",
-        "L2 (29.9~36.2)",
-        "L3 (36.3~37.5)",
-        "L4 (37.6~41.9)",
-        "L5 (42~51.9)",
-        "L6 (52~)"
-      ]
-    }
-  }
-};

package/src/entities/data/__generated__/component-sets/manner-temp-bar.mjs

@@ -1,23 +0,0 @@
-export const metadata = {
-  "name": "🟢 Manner Temp (Bar)",
-  "key": "49ca92c450fb5d450be00f69fae709dbb8edc494",
-  "componentPropertyDefinitions": {
-    "Size": {
-      "type": "VARIANT",
-      "variantOptions": [
-        "Medium"
-      ]
-    },
-    "State": {
-      "type": "VARIANT",
-      "variantOptions": [
-        "L1 (29.9 이하)",
-        "L2 (29.9~36.2)",
-        "L3 (36.3~37.5)",
-        "L4 (37.6~41.9)",
-        "L5 (42~51.9)",
-        "L6 (52~)"
-      ]
-    }
-  }
-};

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

@@ -1,23 +0,0 @@
-export declare const metadata: {
-  "name": "🟢 Standard Navigation",
-  "key": "c07bfe331cf214375fce9ad47cb6fdb459d1fb1b",
-  "componentPropertyDefinitions": {
-    "Title#28176:5": {
-      "type": "BOOLEAN"
-    },
-    "Variant": {
-      "type": "VARIANT",
-      "variantOptions": [
-        "Layer Default",
-        "Transparent"
-      ]
-    },
-    "OS": {
-      "type": "VARIANT",
-      "variantOptions": [
-        "iOS",
-        "Android"
-      ]
-    }
-  }
-};