npm - @seed-design/figma - Versions diffs - 0.1.6 → 0.1.8 - Mend

@seed-design/figma 0.1.6 → 0.1.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (165) hide show

package/src/entities/data/__generated__/component-sets/{error-state.d.ts → template-error-state.d.ts} RENAMED Viewed

@@ -1,9 +1,9 @@
 export declare const metadata: {
-  "name": "🟢 Error State",
+  "name": "🔵 [Template] Error State",
   "key": "39b4ecd0b5b4d35f4dc5791765ca04aa062a5172",
   "componentPropertyDefinitions": {
-    "Secondary Action Label#17042:0": {
-      "type": "TEXT"
+    "Show Buttons#9080:5": {
+      "type": "BOOLEAN"
     },
     "Title#16237:0": {
       "type": "TEXT"
@@ -11,8 +11,8 @@ export declare const metadata: {
     "Description#16237:5": {
       "type": "TEXT"
     },
-    "Show Buttons#9080:5": {
-      "type": "BOOLEAN"
+    "Secondary Action Label#17042:0": {
+      "type": "TEXT"
     },
     "Variant": {
       "type": "VARIANT",

package/src/entities/data/__generated__/component-sets/{error-state.mjs → template-error-state.mjs} RENAMED Viewed

@@ -1,9 +1,9 @@
 export const metadata = {
-  "name": "🟢 Error State",
+  "name": "🔵 [Template] Error State",
   "key": "39b4ecd0b5b4d35f4dc5791765ca04aa062a5172",
   "componentPropertyDefinitions": {
-    "Secondary Action Label#17042:0": {
-      "type": "TEXT"
+    "Show Buttons#9080:5": {
+      "type": "BOOLEAN"
     },
     "Title#16237:0": {
       "type": "TEXT"
@@ -11,8 +11,8 @@ export const metadata = {
     "Description#16237:5": {
       "type": "TEXT"
     },
-    "Show Buttons#9080:5": {
-      "type": "BOOLEAN"
+    "Secondary Action Label#17042:0": {
+      "type": "TEXT"
     },
     "Variant": {
       "type": "VARIANT",

package/src/entities/data/__generated__/component-sets/template-top-navigation.d.ts CHANGED Viewed

@@ -5,6 +5,15 @@ export declare const metadata: {
     "Action Button#17406:0": {
       "type": "BOOLEAN"
     },
+    "Sub Title#20497:0": {
+      "type": "BOOLEAN"
+    },
+    "Large Title#20497:5": {
+      "type": "TEXT"
+    },
+    "Sub Title #20497:10": {
+      "type": "TEXT"
+    },
     "Variants": {
       "type": "VARIANT",
       "variantOptions": [
@@ -13,13 +22,6 @@ export declare const metadata: {
         "Standard Transparent",
         "Large Title"
       ]
-    },
-    "OS": {
-      "type": "VARIANT",
-      "variantOptions": [
-        "iOS",
-        "Android"
-      ]
     }
   }
 };

package/src/entities/data/__generated__/component-sets/template-top-navigation.mjs CHANGED Viewed

@@ -5,6 +5,15 @@ export const metadata = {
     "Action Button#17406:0": {
       "type": "BOOLEAN"
     },
+    "Sub Title#20497:0": {
+      "type": "BOOLEAN"
+    },
+    "Large Title#20497:5": {
+      "type": "TEXT"
+    },
+    "Sub Title #20497:10": {
+      "type": "TEXT"
+    },
     "Variants": {
       "type": "VARIANT",
       "variantOptions": [
@@ -13,13 +22,6 @@ export const metadata = {
         "Standard Transparent",
         "Large Title"
       ]
-    },
-    "OS": {
-      "type": "VARIANT",
-      "variantOptions": [
-        "iOS",
-        "Android"
-      ]
     }
   }
 };

package/src/entities/data/__generated__/component-sets/text-field.d.ts CHANGED Viewed

@@ -2,80 +2,79 @@ export declare const metadata: {
   "name": "🟢 Text Field",
   "key": "c49873c37a639f0dffdea4efd0eb43760d66c141",
   "componentPropertyDefinitions": {
-    "Suffix Text#15327:138": {
-      "type": "TEXT"
+    "Show Header#870:0": {
+      "type": "BOOLEAN"
     },
-    "Indicator#15327:249": {
+    "Placeholder#958:0": {
       "type": "TEXT"
     },
-    "Label#14964:0": {
-      "type": "TEXT"
+    "Show Footer#958:25": {
+      "type": "BOOLEAN"
     },
-    "Character Count#15327:64": {
-      "type": "TEXT"
+    "Show Description#958:50": {
+      "type": "BOOLEAN"
     },
-    "Description#12626:5": {
-      "type": "TEXT"
+    "Show Character Count#958:75": {
+      "type": "BOOLEAN"
     },
-    "Filled Text#1304:0": {
-      "type": "TEXT"
+    "Show Suffix#958:100": {
+      "type": "BOOLEAN"
     },
-    "Show Suffix Icon#1267:75": {
+    "Show Prefix#958:125": {
       "type": "BOOLEAN"
     },
-    "Show Prefix Icon#1267:50": {
+    "Show Indicator#1259:0": {
+      "type": "BOOLEAN"
+    },
+    "Show Prefix Text#1267:0": {
       "type": "BOOLEAN"
     },
     "Prefix Icon#1267:25": {
       "type": "INSTANCE_SWAP",
       "preferredValues": []
     },
-    "Show Prefix#958:125": {
+    "Show Prefix Icon#1267:50": {
       "type": "BOOLEAN"
     },
-    "Show Suffix#958:100": {
+    "Show Suffix Icon#1267:75": {
       "type": "BOOLEAN"
     },
-    "Show Character Count#958:75": {
-      "type": "BOOLEAN"
+    "Suffix Icon #1267:100": {
+      "type": "INSTANCE_SWAP",
+      "preferredValues": []
     },
-    "Show Footer#958:25": {
+    "Show Suffix Text#1267:125": {
       "type": "BOOLEAN"
     },
-    "Max Character Count#15327:27": {
+    "Filled Text#1304:0": {
       "type": "TEXT"
     },
-    "Show Prefix Text#1267:0": {
-      "type": "BOOLEAN"
+    "Description#12626:5": {
+      "type": "TEXT"
     },
-    "Show Suffix Text#1267:125": {
-      "type": "BOOLEAN"
+    "Label#14964:0": {
+      "type": "TEXT"
     },
-    "Suffix Icon #1267:100": {
-      "type": "INSTANCE_SWAP",
-      "preferredValues": []
+    "Max Character Count#15327:27": {
+      "type": "TEXT"
     },
-    "Show Description#958:50": {
-      "type": "BOOLEAN"
+    "Character Count#15327:64": {
+      "type": "TEXT"
     },
     "Prefix Text#15327:101": {
       "type": "TEXT"
     },
-    "Show Indicator#1259:0": {
-      "type": "BOOLEAN"
-    },
-    "Placeholder#958:0": {
+    "Suffix Text#15327:138": {
       "type": "TEXT"
     },
-    "Show Header#870:0": {
-      "type": "BOOLEAN"
+    "Indicator#15327:249": {
+      "type": "TEXT"
     },
     "Size": {
       "type": "VARIANT",
       "variantOptions": [
         "Medium",
-        "Large",
-        "XLarge"
+        "Large(Default)"
       ]
     },
     "State": {

package/src/entities/data/__generated__/component-sets/text-field.mjs CHANGED Viewed

@@ -2,80 +2,79 @@ export const metadata = {
   "name": "🟢 Text Field",
   "key": "c49873c37a639f0dffdea4efd0eb43760d66c141",
   "componentPropertyDefinitions": {
-    "Suffix Text#15327:138": {
-      "type": "TEXT"
+    "Show Header#870:0": {
+      "type": "BOOLEAN"
     },
-    "Indicator#15327:249": {
+    "Placeholder#958:0": {
       "type": "TEXT"
     },
-    "Label#14964:0": {
-      "type": "TEXT"
+    "Show Footer#958:25": {
+      "type": "BOOLEAN"
     },
-    "Character Count#15327:64": {
-      "type": "TEXT"
+    "Show Description#958:50": {
+      "type": "BOOLEAN"
     },
-    "Description#12626:5": {
-      "type": "TEXT"
+    "Show Character Count#958:75": {
+      "type": "BOOLEAN"
     },
-    "Filled Text#1304:0": {
-      "type": "TEXT"
+    "Show Suffix#958:100": {
+      "type": "BOOLEAN"
     },
-    "Show Suffix Icon#1267:75": {
+    "Show Prefix#958:125": {
       "type": "BOOLEAN"
     },
-    "Show Prefix Icon#1267:50": {
+    "Show Indicator#1259:0": {
+      "type": "BOOLEAN"
+    },
+    "Show Prefix Text#1267:0": {
       "type": "BOOLEAN"
     },
     "Prefix Icon#1267:25": {
       "type": "INSTANCE_SWAP",
       "preferredValues": []
     },
-    "Show Prefix#958:125": {
+    "Show Prefix Icon#1267:50": {
       "type": "BOOLEAN"
     },
-    "Show Suffix#958:100": {
+    "Show Suffix Icon#1267:75": {
       "type": "BOOLEAN"
     },
-    "Show Character Count#958:75": {
-      "type": "BOOLEAN"
+    "Suffix Icon #1267:100": {
+      "type": "INSTANCE_SWAP",
+      "preferredValues": []
     },
-    "Show Footer#958:25": {
+    "Show Suffix Text#1267:125": {
       "type": "BOOLEAN"
     },
-    "Max Character Count#15327:27": {
+    "Filled Text#1304:0": {
       "type": "TEXT"
     },
-    "Show Prefix Text#1267:0": {
-      "type": "BOOLEAN"
+    "Description#12626:5": {
+      "type": "TEXT"
     },
-    "Show Suffix Text#1267:125": {
-      "type": "BOOLEAN"
+    "Label#14964:0": {
+      "type": "TEXT"
     },
-    "Suffix Icon #1267:100": {
-      "type": "INSTANCE_SWAP",
-      "preferredValues": []
+    "Max Character Count#15327:27": {
+      "type": "TEXT"
     },
-    "Show Description#958:50": {
-      "type": "BOOLEAN"
+    "Character Count#15327:64": {
+      "type": "TEXT"
     },
     "Prefix Text#15327:101": {
       "type": "TEXT"
     },
-    "Show Indicator#1259:0": {
-      "type": "BOOLEAN"
-    },
-    "Placeholder#958:0": {
+    "Suffix Text#15327:138": {
       "type": "TEXT"
     },
-    "Show Header#870:0": {
-      "type": "BOOLEAN"
+    "Indicator#15327:249": {
+      "type": "TEXT"
     },
     "Size": {
       "type": "VARIANT",
       "variantOptions": [
         "Medium",
-        "Large",
-        "XLarge"
+        "Large(Default)"
       ]
     },
     "State": {

package/src/entities/data/__generated__/component-sets/toggle-button.d.ts CHANGED Viewed

@@ -2,22 +2,22 @@ export declare const metadata: {
   "name": "🟢 Toggle Button",
   "key": "1d240ee5fd7a56879713e69cbea1b6f006f0ea22",
   "componentPropertyDefinitions": {
-    "Suffix Icon#6122:343": {
+    "Label#6122:49": {
+      "type": "TEXT"
+    },
+    "Prefix Icon#6122:98": {
       "type": "INSTANCE_SWAP",
       "preferredValues": []
     },
-    "Show Prefix Icon#6122:392": {
-      "type": "BOOLEAN"
-    },
     "Show Suffix Icon#6122:147": {
       "type": "BOOLEAN"
     },
-    "Prefix Icon#6122:98": {
+    "Suffix Icon#6122:343": {
       "type": "INSTANCE_SWAP",
       "preferredValues": []
     },
-    "Label#6122:49": {
-      "type": "TEXT"
+    "Show Prefix Icon#6122:392": {
+      "type": "BOOLEAN"
     },
     "Size": {
       "type": "VARIANT",

package/src/entities/data/__generated__/component-sets/toggle-button.mjs CHANGED Viewed

@@ -2,22 +2,22 @@ export const metadata = {
   "name": "🟢 Toggle Button",
   "key": "1d240ee5fd7a56879713e69cbea1b6f006f0ea22",
   "componentPropertyDefinitions": {
-    "Suffix Icon#6122:343": {
+    "Label#6122:49": {
+      "type": "TEXT"
+    },
+    "Prefix Icon#6122:98": {
       "type": "INSTANCE_SWAP",
       "preferredValues": []
     },
-    "Show Prefix Icon#6122:392": {
-      "type": "BOOLEAN"
-    },
     "Show Suffix Icon#6122:147": {
       "type": "BOOLEAN"
     },
-    "Prefix Icon#6122:98": {
+    "Suffix Icon#6122:343": {
       "type": "INSTANCE_SWAP",
       "preferredValues": []
     },
-    "Label#6122:49": {
-      "type": "TEXT"
+    "Show Prefix Icon#6122:392": {
+      "type": "BOOLEAN"
     },
     "Size": {
       "type": "VARIANT",

package/src/entities/data/__generated__/component-sets/top-navigation.d.ts ADDED Viewed

@@ -0,0 +1,42 @@
+export declare const metadata: {
+  "name": "🟢 Top Navigation",
+  "key": "f6d069d65f8ffc8b430fd8f3013910557f36e9da",
+  "componentPropertyDefinitions": {
+    "Show Title#33588:82": {
+      "type": "BOOLEAN"
+    },
+    "OS (Figma Only)": {
+      "type": "VARIANT",
+      "variantOptions": [
+        "iOS",
+        "Android"
+      ]
+    },
+    "Variant": {
+      "type": "VARIANT",
+      "variantOptions": [
+        "Layer Default",
+        "Transparent"
+      ]
+    },
+    "Left": {
+      "type": "VARIANT",
+      "variantOptions": [
+        "Back",
+        "Close",
+        "Custom",
+        "None"
+      ]
+    },
+    "Right": {
+      "type": "VARIANT",
+      "variantOptions": [
+        "1 Icon Button",
+        "2 Icon Button",
+        "3 Icon Button",
+        "Text Button",
+        "None"
+      ]
+    }
+  }
+};

package/src/entities/data/__generated__/component-sets/top-navigation.mjs ADDED Viewed

@@ -0,0 +1,42 @@
+export const metadata = {
+  "name": "🟢 Top Navigation",
+  "key": "f6d069d65f8ffc8b430fd8f3013910557f36e9da",
+  "componentPropertyDefinitions": {
+    "Show Title#33588:82": {
+      "type": "BOOLEAN"
+    },
+    "OS (Figma Only)": {
+      "type": "VARIANT",
+      "variantOptions": [
+        "iOS",
+        "Android"
+      ]
+    },
+    "Variant": {
+      "type": "VARIANT",
+      "variantOptions": [
+        "Layer Default",
+        "Transparent"
+      ]
+    },
+    "Left": {
+      "type": "VARIANT",
+      "variantOptions": [
+        "Back",
+        "Close",
+        "Custom",
+        "None"
+      ]
+    },
+    "Right": {
+      "type": "VARIANT",
+      "variantOptions": [
+        "1 Icon Button",
+        "2 Icon Button",
+        "3 Icon Button",
+        "Text Button",
+        "None"
+      ]
+    }
+  }
+};

package/src/entities/data/styles.ts CHANGED Viewed

@@ -1,5 +1,99 @@
 import type { Style } from "../style.interface";
+export const FIGMA_FILL_STYLES: Style[] = [
+  {
+    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: "063c0dc05b438ac36499492e783520a722782d74",
+    name: "gradient/fade/layer-floating/→(to-right)",
+    description: "스크롤이 가능하도록 그라디언트로 특정 영역을 덮는 요소로 사용해요.",
+    remote: false,
+  },
+  {
+    styleType: "FILL",
+    key: "c1cee6b89c357c6a12d020654d73a4490cafdf51",
+    name: "gradient/fade/layer-default/←(to-left)",
+    description: "스크롤이 가능하도록 그라디언트로 특정 영역을 덮는 요소로 사용해요.",
+    remote: false,
+  },
+  {
+    styleType: "FILL",
+    key: "826457503b7ee3d472eab91581b1fcd499c47c00",
+    name: "gradient/fade/layer-default/↑(to-top)",
+    description: "스크롤이 가능하도록 그라디언트로 특정 영역을 덮는 요소로 사용해요.",
+    remote: false,
+  },
+  {
+    styleType: "FILL",
+    key: "df22450a8f8e9c323baf40d8981920d1b6376cbf",
+    name: "gradient/fade/layer-floating/←(to-left)",
+    description: "스크롤이 가능하도록 그라디언트로 특정 영역을 덮는 요소로 사용해요.",
+    remote: false,
+  },
+  {
+    styleType: "FILL",
+    key: "ff436e73cf9477a1006e6f8a1f9d2c9dbe0e5edd",
+    name: "gradient/fade/layer-default/→(to-right)",
+    description: "스크롤이 가능하도록 그라디언트로 특정 영역을 덮는 요소로 사용해요.",
+    remote: false,
+  },
+  {
+    styleType: "FILL",
+    key: "353baa82e0440385eb121cd0ae98d2fcb1a70b18",
+    name: "gradient/glow/magic",
+    description: "반짝이는 것처럼 느껴지는 배경에 쓰이는 ai 컬러입니다.",
+    remote: false,
+  },
+  {
+    styleType: "FILL",
+    key: "f83f54c1840aaf26742629e2c696c363b8df0a82",
+    name: "gradient/glow/magic-pressed",
+    description: "반짝이는 것처럼 느껴지는 배경에 쓰이는 ai 컬러의 pressed컬러입니다.",
+    remote: false,
+  },
+  {
+    styleType: "FILL",
+    key: "408cb970f1de672217f452152b0398a4bb4f4e12",
+    name: "gradient/fade/layer-default/↓(to-bottom)",
+    description: "스크롤이 가능하도록 그라디언트로 특정 영역을 덮는 요소로 사용해요.",
+    remote: false,
+  },
+  {
+    styleType: "FILL",
+    key: "71971dde923a11c615296a16f8172c0671d5a3a6",
+    name: "gradient/shimmer/neutral",
+    description: "Skeleton shimmer",
+    remote: false,
+  },
+  {
+    styleType: "FILL",
+    key: "2ed61bff1a187f39389698cf63b74d6997aed609",
+    name: "gradient/shimmer/magic",
+    description: "Skeleton AI shimmer",
+    remote: false,
+  },
+  {
+    styleType: "FILL",
+    key: "1101a7c6a505d97904c3a0ce6a9ee17fe15de879",
+    name: "gradient/highlight/magic",
+    description: "아이콘 및 shape 영역에서 AI 기능을 표현할 때 사용하는 컬러입니다.",
+    remote: false,
+  },
+];
 export const FIGMA_TEXT_STYLES: Style[] = [
   {
     styleType: "TEXT",

package/src/entities/index.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 import { createStaticIconRepository } from "./icon.repository";
 import { FIGMA_ICONS } from "./data/icons";
-import { FIGMA_TEXT_STYLES } from "./data/styles";
+import { FIGMA_FILL_STYLES, FIGMA_TEXT_STYLES } from "./data/styles";
 import { FIGMA_VARIABLE_COLLECTIONS } from "./data/variable-collections";
 import { FIGMA_VARIABLES } from "./data/variables";
 import * as FIGMA_COMPONENTS from "./data/__generated__/component-sets";
@@ -20,7 +20,10 @@ export * from "./variable.service";
 export * from "./component.interface";
 export * from "./component.repository";
-export const styleRepository = createStaticStyleRepository(FIGMA_TEXT_STYLES);
+export const styleRepository = createStaticStyleRepository([
+  ...FIGMA_TEXT_STYLES,
+  ...FIGMA_FILL_STYLES,
+]);
 export const variableRepository = createStaticVariableRepository({
   variables: FIGMA_VARIABLES,
   variableCollections: FIGMA_VARIABLE_COLLECTIONS,