@seed-design/figma 0.0.2

package/src/component/properties.ts

@@ -0,0 +1,20 @@
+import { camelCase } from "change-case";
+
+type Size = "XSmall" | "Small" | "Medium" | "Large" | "XLarge" | ({} & string);
+
+export function handleSize(size: Size) {
+  switch (size) {
+    case "XSmall":
+      return "xsmall";
+    case "Small":
+      return "small";
+    case "Medium":
+      return "medium";
+    case "Large":
+      return "large";
+    case "XLarge":
+      return "xlarge";
+    default:
+      return camelCase(size);
+  }
+}

package/src/component/type-helper.ts

@@ -0,0 +1,29 @@
+interface ComponentPropertyDefinition {
+  type: ComponentPropertyType;
+  preferredValues?: InstanceSwapPreferredValue[];
+  variantOptions?: string[];
+}
+
+export type InferPropertyType<T extends ComponentPropertyDefinition> = T["type"] extends "TEXT"
+  ? string
+  : T["type"] extends "BOOLEAN"
+    ? boolean
+    : T["type"] extends "INSTANCE_SWAP"
+      ? string
+      : T["type"] extends "VARIANT"
+        ? T["variantOptions"] extends string[]
+          ? T["variantOptions"][number]
+          : never
+        : never;
+
+export type InferFromDefinition<T extends Record<string, ComponentPropertyDefinition>> = {
+  [K in keyof T]: {
+    type: T[K]["type"];
+    value: InferPropertyType<T[K]>;
+    componentKey?: string;
+    preferredValues?: InstanceSwapPreferredValue[];
+    readonly boundVariables?: {
+      [field in VariableBindableComponentPropertyField]?: VariableAlias;
+    };
+  };
+};

package/src/component/type.ts

@@ -0,0 +1,318 @@
+import type { InferFromDefinition } from "./type-helper";
+import type * as metadata from "../data/__generated__/component-sets";
+
+export type ActionButtonProperties = InferFromDefinition<
+  typeof metadata.actionButton.componentPropertyDefinitions
+>;
+
+export type ActionChipProperties = InferFromDefinition<
+  typeof metadata.actionChip.componentPropertyDefinitions
+>;
+
+export type ActionSheetProperties = InferFromDefinition<
+  typeof metadata.actionSheet.componentPropertyDefinitions
+>;
+
+export type ActionSheetItemProperties = InferFromDefinition<{
+  "Label#15420:4": {
+    type: "TEXT";
+    defaultValue: "액션 버튼";
+  };
+  Tone: {
+    type: "VARIANT";
+    defaultValue: "Default";
+    variantOptions: ["Default", "Critical"];
+  };
+  State: {
+    type: "VARIANT";
+    defaultValue: "Enabled";
+    variantOptions: ["Enabled", "Enabled-Pressed", "Disabled"];
+  };
+}>;
+
+export type AvatarProperties = InferFromDefinition<
+  typeof metadata.avatar.componentPropertyDefinitions
+>;
+
+export type AvatarStackProperties = InferFromDefinition<
+  typeof metadata.avatarStack.componentPropertyDefinitions
+>;
+
+export type BadgeProperties = InferFromDefinition<
+  typeof metadata.badge.componentPropertyDefinitions
+>;
+
+export type CalloutProperties = InferFromDefinition<
+  typeof metadata.callout.componentPropertyDefinitions
+>;
+
+export type CheckboxProperties = InferFromDefinition<
+  typeof metadata.checkbox.componentPropertyDefinitions
+>;
+
+export type ChipTabsProperties = InferFromDefinition<
+  typeof metadata.chipTablist.componentPropertyDefinitions
+>;
+
+export type ChipTabsItemProperties = InferFromDefinition<{
+  "Label#8876:0": {
+    type: "TEXT";
+    defaultValue: "라벨";
+  };
+  Variant: {
+    type: "VARIANT";
+    defaultValue: "Neutral Solid";
+    variantOptions: ["Neutral Solid", "Brand Solid"];
+  };
+  State: {
+    type: "VARIANT";
+    defaultValue: "Enabled";
+    variantOptions: [
+      "Enabled",
+      "Enabled-Pressed",
+      "Enabled-Selected",
+      "Enabled-Selected-Pressed",
+      "Disabled",
+      "Disabled-Selected",
+    ];
+  };
+}>;
+
+export type ControlChipProperties = InferFromDefinition<
+  typeof metadata.controlChip.componentPropertyDefinitions
+>;
+
+export type ErrorStateProperties = InferFromDefinition<
+  typeof metadata.errorState.componentPropertyDefinitions
+>;
+
+export type ExtendedActionSheetProperties = InferFromDefinition<
+  typeof metadata.extendedActionSheet.componentPropertyDefinitions
+>;
+
+export type ExtendedActionSheetGroupProperties = InferFromDefinition<{
+  "Action Count": {
+    type: "VARIANT";
+    defaultValue: "8";
+    variantOptions: ["1", "2", "3", "4", "5", "6", "7", "8"];
+  };
+}>;
+
+export type ExtendedActionSheetItemProperties = InferFromDefinition<{
+  "Show Prefix Icon#17043:5": {
+    type: "BOOLEAN";
+    defaultValue: true;
+  };
+  "Label#55905:8": {
+    type: "TEXT";
+    defaultValue: "액션 버튼";
+  };
+  "Prefix Icon#55948:0": {
+    type: "INSTANCE_SWAP";
+    defaultValue: "17024:100799";
+    preferredValues: [];
+  };
+  Tone: {
+    type: "VARIANT";
+    defaultValue: "Neutral";
+    variantOptions: ["Neutral", "Critical"];
+  };
+  State: {
+    type: "VARIANT";
+    defaultValue: "Enabled";
+    variantOptions: ["Enabled", "Enabled-Pressed", "Disabled"];
+  };
+}>;
+
+export type ExtendedFabProperties = InferFromDefinition<
+  typeof metadata.extendedFloatingActionButton.componentPropertyDefinitions
+>;
+
+export type FabProperties = InferFromDefinition<
+  typeof metadata.floatingActionButton.componentPropertyDefinitions
+>;
+
+export type HelpBubbleProperties = InferFromDefinition<
+  typeof metadata.helpBubble.componentPropertyDefinitions
+>;
+
+export type IdentityPlaceholderProperties = InferFromDefinition<
+  typeof metadata.identityPlaceholder.componentPropertyDefinitions
+>;
+
+export type InlineBannerProperties = InferFromDefinition<
+  typeof metadata.inlineBanner.componentPropertyDefinitions
+>;
+
+export type MannerTempBadgeProperties = InferFromDefinition<
+  typeof metadata.mannerTempBadge.componentPropertyDefinitions
+>;
+
+export type MultilineTextFieldProperties = InferFromDefinition<
+  typeof metadata.multilineTextField.componentPropertyDefinitions
+>;
+
+export type ProgressCircleProperties = InferFromDefinition<
+  typeof metadata.progressCircle.componentPropertyDefinitions
+>;
+
+export type ReactionButtonProperties = InferFromDefinition<
+  typeof metadata.reactionButton.componentPropertyDefinitions
+>;
+
+export type SegmentedControlProperties = InferFromDefinition<
+  typeof metadata.segmentedControl.componentPropertyDefinitions
+>;
+
+export type SegmentedControlItemProperties = InferFromDefinition<{
+  "Label#11366:15": {
+    type: "TEXT";
+    defaultValue: "라벨";
+  };
+  State: {
+    type: "VARIANT";
+    defaultValue: "Enabled-Selected";
+    variantOptions: [
+      "Enabled",
+      "Enabled-Selected",
+      "Enabled-Pressed",
+      "Enabled-Selected-Pressed",
+      "Disabled",
+      "Disabled-Selected",
+    ];
+  };
+}>;
+
+export type SelectBoxGroupProperties = InferFromDefinition<
+  typeof metadata.templateSelectBoxGroup.componentPropertyDefinitions
+>;
+
+export type SelectBoxProperties = InferFromDefinition<
+  typeof metadata.selectBox.componentPropertyDefinitions
+>;
+
+export type SkeletonProperties = InferFromDefinition<
+  typeof metadata.skeleton.componentPropertyDefinitions
+>;
+
+export type SnackbarProperties = InferFromDefinition<
+  typeof metadata.snackbar.componentPropertyDefinitions
+>;
+
+export type SwitchProperties = InferFromDefinition<
+  typeof metadata.switch.componentPropertyDefinitions
+>;
+
+export type TabsProperties = InferFromDefinition<
+  typeof metadata.tablist.componentPropertyDefinitions
+>;
+
+export type TabsHugItemProperties = InferFromDefinition<{
+  "Label#4478:2": {
+    type: "TEXT";
+    defaultValue: "라벨";
+  };
+  Size: {
+    type: "VARIANT";
+    defaultValue: "Small";
+    variantOptions: ["Small", "Medium"];
+  };
+  Notification: {
+    type: "VARIANT";
+    defaultValue: "False";
+    variantOptions: ["True", "False"];
+  };
+  State: {
+    type: "VARIANT";
+    defaultValue: "Enabled-Selected";
+    variantOptions: ["Enabled", "Enabled-Selected", "Disabled"];
+  };
+}>;
+
+export type TabsFillItemProperties = InferFromDefinition<{
+  "Label#4478:2": {
+    type: "TEXT";
+    defaultValue: "라벨";
+  };
+  Size: {
+    type: "VARIANT";
+    defaultValue: "Small";
+    variantOptions: ["Small", "Medium"];
+  };
+  Notification: {
+    type: "VARIANT";
+    defaultValue: "False";
+    variantOptions: ["True", "False"];
+  };
+  State: {
+    type: "VARIANT";
+    defaultValue: "Enabled-Selected";
+    variantOptions: ["Enabled", "Enabled-Selected", "Disabled"];
+  };
+}>;
+
+export type TextButtonProperties = InferFromDefinition<
+  typeof metadata.textButton.componentPropertyDefinitions
+>;
+
+export type TextFieldProperties = InferFromDefinition<
+  typeof metadata.textField.componentPropertyDefinitions
+>;
+
+export type ToggleButtonProperties = InferFromDefinition<
+  typeof metadata.toggleButton.componentPropertyDefinitions
+>;
+
+export type AppBarProperties = InferFromDefinition<
+  typeof metadata.standardNavigation.componentPropertyDefinitions
+>;
+
+export type AppBarMainProperties = InferFromDefinition<{
+  "Show Right#16958:13": {
+    type: "BOOLEAN";
+    defaultValue: false;
+  };
+  "Subtitle#16958:9": {
+    type: "TEXT";
+    defaultValue: "서브타이틀";
+  };
+  "Logo#16958:5": {
+    type: "INSTANCE_SWAP";
+    defaultValue: "1574:3942";
+    preferredValues: [
+      {
+        type: "COMPONENT_SET";
+        key: "c7dab3f6d0df0a150564e696c0df00bd43ffef3f";
+      },
+    ];
+  };
+  "Show Left#16958:17": {
+    type: "BOOLEAN";
+    defaultValue: false;
+  };
+  "Title#16944:0": {
+    type: "TEXT";
+    defaultValue: "타이틀";
+  };
+  Type: {
+    type: "VARIANT";
+    defaultValue: "Title";
+    variantOptions: ["Title", "Title-Subtitle", "Logo"];
+  };
+}>;
+
+export type AppBarLeftProperties = InferFromDefinition<{
+  Action: {
+    type: "VARIANT";
+    defaultValue: "Back";
+    variantOptions: ["Back", "Close", "Other"];
+  };
+}>;
+
+export type AppBarRightProperties = InferFromDefinition<{
+  Type: {
+    type: "VARIANT";
+    defaultValue: "1 Icon";
+    variantOptions: ["1 Icon", "2 Icons", "3 Icons", "1 Text"];
+  };
+}>;

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

@@ -0,0 +1,59 @@
+export declare const metadata: {
+  "name": "🟢 Action Button",
+  "key": "450ede9d0bf42fc6ef14345c77e6e407d6d5ee89",
+  "componentPropertyDefinitions": {
+    "Suffix Icon#5987:244": {
+      "type": "INSTANCE_SWAP",
+      "preferredValues": []
+    },
+    "Icon#7574:0": {
+      "type": "INSTANCE_SWAP",
+      "preferredValues": []
+    },
+    "Prefix Icon#5987:305": {
+      "type": "INSTANCE_SWAP",
+      "preferredValues": []
+    },
+    "Label#5987:61": {
+      "type": "TEXT"
+    },
+    "Size": {
+      "type": "VARIANT",
+      "variantOptions": [
+        "XSmall",
+        "Small",
+        "Medium",
+        "Large"
+      ]
+    },
+    "Layout": {
+      "type": "VARIANT",
+      "variantOptions": [
+        "Text Only",
+        "Icon First",
+        "Icon Last",
+        "Icon Only"
+      ]
+    },
+    "Variant": {
+      "type": "VARIANT",
+      "variantOptions": [
+        "Neutral Solid",
+        "Neutral Weak",
+        "Neutral Outline",
+        "Brand Solid",
+        "Brand Outline",
+        "Critical Solid"
+      ]
+    },
+    "State": {
+      "type": "VARIANT",
+      "variantOptions": [
+        "Enabled",
+        "Pressed",
+        "Loading",
+        "Disabled"
+      ]
+    }
+  }
+};

package/src/data/__generated__/component-sets/action-button.mjs

@@ -0,0 +1,59 @@
+export const metadata = {
+  "name": "🟢 Action Button",
+  "key": "450ede9d0bf42fc6ef14345c77e6e407d6d5ee89",
+  "componentPropertyDefinitions": {
+    "Suffix Icon#5987:244": {
+      "type": "INSTANCE_SWAP",
+      "preferredValues": []
+    },
+    "Icon#7574:0": {
+      "type": "INSTANCE_SWAP",
+      "preferredValues": []
+    },
+    "Prefix Icon#5987:305": {
+      "type": "INSTANCE_SWAP",
+      "preferredValues": []
+    },
+    "Label#5987:61": {
+      "type": "TEXT"
+    },
+    "Size": {
+      "type": "VARIANT",
+      "variantOptions": [
+        "XSmall",
+        "Small",
+        "Medium",
+        "Large"
+      ]
+    },
+    "Layout": {
+      "type": "VARIANT",
+      "variantOptions": [
+        "Text Only",
+        "Icon First",
+        "Icon Last",
+        "Icon Only"
+      ]
+    },
+    "Variant": {
+      "type": "VARIANT",
+      "variantOptions": [
+        "Neutral Solid",
+        "Neutral Weak",
+        "Neutral Outline",
+        "Brand Solid",
+        "Brand Outline",
+        "Critical Solid"
+      ]
+    },
+    "State": {
+      "type": "VARIANT",
+      "variantOptions": [
+        "Enabled",
+        "Pressed",
+        "Loading",
+        "Disabled"
+      ]
+    }
+  }
+};

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

@@ -0,0 +1,57 @@
+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/data/__generated__/component-sets/action-chip.mjs

@@ -0,0 +1,57 @@
+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/data/__generated__/component-sets/action-sheet.d.ts

@@ -0,0 +1,40 @@
+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/data/__generated__/component-sets/action-sheet.mjs

@@ -0,0 +1,40 @@
+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"
+      ]
+    }
+  }
+};