{
  "generatedAt": "2026-05-13T08:29:10.373Z",
  "autoSuggest": false,
  "components": {
    "summary": {
      "figmaPublishedSets": 38,
      "figmaDraftSets": 12,
      "codeCanonicalExports": 30,
      "mappingEntries": 37,
      "mappingByStatus": {
        "approved": 37
      },
      "matched": 38,
      "figmaOnly": 0,
      "codeOnly": 0,
      "unmapped": 0,
      "newSuggestionsAdded": 0
    },
    "matched": [
      {
        "figmaName": "Button/url link",
        "nodeId": "438:7995",
        "variants": 4,
        "codeNames": [
          "Button"
        ],
        "status": "approved"
      },
      {
        "figmaName": "radio",
        "nodeId": "3242:15188",
        "variants": 8,
        "codeNames": [
          "Radio"
        ],
        "status": "approved"
      },
      {
        "figmaName": "switch",
        "nodeId": "348:3483",
        "variants": 18,
        "codeNames": [
          "Switch"
        ],
        "status": "approved"
      },
      {
        "figmaName": "check box",
        "nodeId": "3242:13521",
        "variants": 12,
        "codeNames": [
          "CheckBox"
        ],
        "status": "approved"
      },
      {
        "figmaName": "Button/light M",
        "nodeId": "1545:47447",
        "variants": 400,
        "codeNames": [
          "Button"
        ],
        "status": "approved"
      },
      {
        "figmaName": "Button/light S",
        "nodeId": "1545:51851",
        "variants": 400,
        "codeNames": [
          "Button"
        ],
        "status": "approved"
      },
      {
        "figmaName": "Button/light XS",
        "nodeId": "1545:51852",
        "variants": 400,
        "codeNames": [
          "Button"
        ],
        "status": "approved"
      },
      {
        "figmaName": "Button/light L",
        "nodeId": "1545:47446",
        "variants": 400,
        "codeNames": [
          "Button"
        ],
        "status": "approved"
      },
      {
        "figmaName": "Button/dark L",
        "nodeId": "1545:51854",
        "variants": 400,
        "codeNames": [
          "Button"
        ],
        "status": "approved"
      },
      {
        "figmaName": "Button/dark M",
        "nodeId": "1545:51964",
        "variants": 400,
        "codeNames": [
          "Button"
        ],
        "status": "approved"
      },
      {
        "figmaName": "Button/dark S",
        "nodeId": "1545:57246",
        "variants": 400,
        "codeNames": [
          "Button"
        ],
        "status": "approved"
      },
      {
        "figmaName": "Button/dark XS",
        "nodeId": "1545:57247",
        "variants": 400,
        "codeNames": [
          "Button"
        ],
        "status": "approved"
      },
      {
        "figmaName": "Notification",
        "nodeId": "1408:17154",
        "variants": 14,
        "codeNames": [
          "Notification"
        ],
        "status": "approved"
      },
      {
        "figmaName": "Tooltips",
        "nodeId": "1408:17152",
        "variants": 12,
        "codeNames": [
          "Tooltip"
        ],
        "status": "approved"
      },
      {
        "figmaName": "prompt message",
        "nodeId": "1408:17153",
        "variants": 8,
        "codeNames": [
          "PromptMessage"
        ],
        "status": "approved"
      },
      {
        "figmaName": "Popup Box",
        "nodeId": "1939:43682",
        "variants": 2,
        "codeNames": [
          "PopupBox"
        ],
        "status": "approved"
      },
      {
        "figmaName": "Form Item",
        "nodeId": "1923:50705",
        "variants": 64,
        "codeNames": [
          "FormItem"
        ],
        "status": "approved"
      },
      {
        "figmaName": "select box/line",
        "nodeId": "1804:26921",
        "variants": 144,
        "codeNames": [
          "SelectBoxLine"
        ],
        "status": "approved"
      },
      {
        "figmaName": "select box/filled",
        "nodeId": "1436:32816",
        "variants": 144,
        "codeNames": [
          "SelectBoxFilled"
        ],
        "status": "approved"
      },
      {
        "figmaName": "input box/line",
        "nodeId": "1818:8063",
        "variants": 112,
        "codeNames": [
          "InputBoxLine"
        ],
        "status": "approved"
      },
      {
        "figmaName": "input box/filled",
        "nodeId": "1436:32815",
        "variants": 112,
        "codeNames": [
          "InputBoxFilled"
        ],
        "status": "approved"
      },
      {
        "figmaName": "Drop down List/Select",
        "nodeId": "1446:116439",
        "variants": 8,
        "codeNames": [
          "DropDownListSelect"
        ],
        "status": "approved"
      },
      {
        "figmaName": "Drop down List/Item",
        "nodeId": "1446:118010",
        "variants": 41,
        "codeNames": [
          "DropDownListSelect"
        ],
        "status": "approved"
      },
      {
        "figmaName": "Drop down List/Item",
        "nodeId": "1561:8390",
        "variants": 42,
        "codeNames": [
          "DropDownListSelect"
        ],
        "status": "approved"
      },
      {
        "figmaName": "Drop down List/Cascading",
        "nodeId": "1446:118052",
        "variants": 4,
        "codeNames": [
          "DropDownListSelect"
        ],
        "status": "approved"
      },
      {
        "figmaName": "InputNumber",
        "nodeId": "4684:7159",
        "variants": 4,
        "codeNames": [
          "InputNumber"
        ],
        "status": "approved"
      },
      {
        "figmaName": "Chart",
        "nodeId": "4949:7176",
        "variants": 6,
        "codeNames": [
          "Chart"
        ],
        "status": "approved"
      },
      {
        "figmaName": "Tab/Item",
        "nodeId": "4265:16082",
        "variants": 6,
        "codeNames": [
          "Tab",
          "TabItem"
        ],
        "status": "approved"
      },
      {
        "figmaName": "Table",
        "nodeId": "4265:16131",
        "variants": 6,
        "codeNames": [
          "Table"
        ],
        "status": "approved"
      },
      {
        "figmaName": "Tab List",
        "nodeId": "4452:7148",
        "variants": 3,
        "codeNames": [
          "TabList"
        ],
        "status": "approved"
      },
      {
        "figmaName": "Top bar",
        "nodeId": "4771:7173",
        "variants": 2,
        "codeNames": [
          "TopBar"
        ],
        "status": "approved"
      },
      {
        "figmaName": "Pagination",
        "nodeId": "4894:7210",
        "variants": 3,
        "codeNames": [
          "Pagination"
        ],
        "status": "approved"
      },
      {
        "figmaName": "Progress",
        "nodeId": "4915:7287",
        "variants": 16,
        "codeNames": [
          "Progress"
        ],
        "status": "approved"
      },
      {
        "figmaName": "Slider",
        "nodeId": "4934:7206",
        "variants": 4,
        "codeNames": [
          "Slider"
        ],
        "status": "approved"
      },
      {
        "figmaName": "Rating",
        "nodeId": "4935:7294",
        "variants": 5,
        "codeNames": [
          "Rating"
        ],
        "status": "approved"
      },
      {
        "figmaName": "Step/Item",
        "nodeId": "4943:7310",
        "variants": 9,
        "codeNames": [
          "Steps",
          "StepItem"
        ],
        "status": "approved"
      },
      {
        "figmaName": "Breadcrumb/Item",
        "nodeId": "5003:7495",
        "variants": 4,
        "codeNames": [
          "Breadcrumb",
          "BreadcrumbItem"
        ],
        "status": "approved"
      },
      {
        "figmaName": "Badge",
        "nodeId": "4821:1665",
        "variants": 20,
        "codeNames": [
          "Badge"
        ],
        "status": "approved"
      }
    ],
    "figmaOnly": [],
    "codeOnly": [],
    "unmapped": [],
    "newSuggestions": [],
    "draftSets": [
      {
        "figmaName": "Dark/filled btn",
        "nodeId": "1459:77740",
        "pageName": "Research on “Color”",
        "variants": 3
      },
      {
        "figmaName": "Dark/filled btn",
        "nodeId": "1497:37114",
        "pageName": "Research on “Color”",
        "variants": 3
      },
      {
        "figmaName": "Dark/outlined btn",
        "nodeId": "1459:77747",
        "pageName": "Research on “Color”",
        "variants": 3
      },
      {
        "figmaName": "Dark/outlined btn",
        "nodeId": "1497:37121",
        "pageName": "Research on “Color”",
        "variants": 3
      },
      {
        "figmaName": "Dark/text btn",
        "nodeId": "1459:77761",
        "pageName": "Research on “Color”",
        "variants": 3
      },
      {
        "figmaName": "Dark/text btn",
        "nodeId": "1497:37135",
        "pageName": "Research on “Color”",
        "variants": 3
      },
      {
        "figmaName": "Light/filled btn",
        "nodeId": "1459:77724",
        "pageName": "Research on “Color”",
        "variants": 3
      },
      {
        "figmaName": "Light/filled btn",
        "nodeId": "1497:37098",
        "pageName": "Research on “Color”",
        "variants": 3
      },
      {
        "figmaName": "Light/outlined btn",
        "nodeId": "1459:77733",
        "pageName": "Research on “Color”",
        "variants": 3
      },
      {
        "figmaName": "Light/outlined btn",
        "nodeId": "1497:37107",
        "pageName": "Research on “Color”",
        "variants": 3
      },
      {
        "figmaName": "Light/text btn",
        "nodeId": "1459:77754",
        "pageName": "Research on “Color”",
        "variants": 3
      },
      {
        "figmaName": "Light/text btn",
        "nodeId": "1497:37128",
        "pageName": "Research on “Color”",
        "variants": 3
      }
    ]
  },
  "icons": {
    "summary": {
      "figmaTotal": 642,
      "codeTotal": 642,
      "diff": 0,
      "categoriesFigma": 28,
      "categoriesCode": 28
    },
    "breakdown": [
      {
        "category": "arrow",
        "figma": 16,
        "code": 16,
        "diff": 0
      },
      {
        "category": "audio",
        "figma": 17,
        "code": 17,
        "diff": 0
      },
      {
        "category": "cut",
        "figma": 10,
        "code": 10,
        "diff": 0
      },
      {
        "category": "edit",
        "figma": 36,
        "code": 36,
        "diff": 0
      },
      {
        "category": "feature",
        "figma": 11,
        "code": 11,
        "diff": 0
      },
      {
        "category": "file",
        "figma": 40,
        "code": 40,
        "diff": 0
      },
      {
        "category": "filter",
        "figma": 15,
        "code": 15,
        "diff": 0
      },
      {
        "category": "indicator",
        "figma": 51,
        "code": 51,
        "diff": 0
      },
      {
        "category": "input",
        "figma": 41,
        "code": 41,
        "diff": 0
      },
      {
        "category": "load",
        "figma": 4,
        "code": 4,
        "diff": 0
      },
      {
        "category": "location",
        "figma": 5,
        "code": 5,
        "diff": 0
      },
      {
        "category": "logo",
        "figma": 2,
        "code": 2,
        "diff": 0
      },
      {
        "category": "mark",
        "figma": 23,
        "code": 23,
        "diff": 0
      },
      {
        "category": "meeting",
        "figma": 38,
        "code": 38,
        "diff": 0
      },
      {
        "category": "menu",
        "figma": 9,
        "code": 9,
        "diff": 0
      },
      {
        "category": "message",
        "figma": 16,
        "code": 16,
        "diff": 0
      },
      {
        "category": "network",
        "figma": 16,
        "code": 16,
        "diff": 0
      },
      {
        "category": "others",
        "figma": 21,
        "code": 21,
        "diff": 0
      },
      {
        "category": "output",
        "figma": 81,
        "code": 81,
        "diff": 0
      },
      {
        "category": "pay",
        "figma": 9,
        "code": 9,
        "diff": 0
      },
      {
        "category": "picture",
        "figma": 24,
        "code": 24,
        "diff": 0
      },
      {
        "category": "preview",
        "figma": 31,
        "code": 31,
        "diff": 0
      },
      {
        "category": "search",
        "figma": 4,
        "code": 4,
        "diff": 0
      },
      {
        "category": "setting",
        "figma": 12,
        "code": 12,
        "diff": 0
      },
      {
        "category": "share",
        "figma": 11,
        "code": 11,
        "diff": 0
      },
      {
        "category": "time",
        "figma": 13,
        "code": 13,
        "diff": 0
      },
      {
        "category": "user",
        "figma": 29,
        "code": 29,
        "diff": 0
      },
      {
        "category": "video",
        "figma": 57,
        "code": 57,
        "diff": 0
      }
    ]
  }
}