{ "auditedAt": "2026-06-12T05:27:33.184Z", "source": { "rawDir": "figma-data/raw/components", "tokenizedDir": "figma-data/normalized/components-tokenized" }, "summary": { "totalFiles": 685, "unchangedRawStructure": 685, "driftedFiles": 0, "tokenAnnotatedPaints": 8092, "compositeTextTokens": 23 }, "integrity": { "allRawFieldsPreserved": true, "driftedFiles": [] }, "samples": [ { "filename": "badge__4821_1665.json", "figmaName": "Badge", "nodeId": "4821:1665", "source": { "sourceLayer": "figma-data/raw/components", "sourceFile": "figma-data/raw/components/badge__4821_1665.json", "rawExtractedAt": "2026-06-09T09:36:17.218Z", "rawNodeId": "4821:1665", "rawSha256": "f879aa56d7ff4ae39c791533fbe6acb29813cbfb025655c3351c5357c9939683" }, "tokenizationStrategy": "variable-id-first-then-hex-fallback", "tokenAnnotations": 40, "compositeTokens": 0, "variantDiffs": [ { "variantId": "4821:1662", "variantName": "Type=Circle, Color=Green, Tag=Filled", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "fills[0]", "cssVar": "--brand", "figmaName": "UX/Brand/Brand", "strategy": "normalized-variable-id" }, { "path": "text.fills[0]", "cssVar": "--text-primary-btn", "figmaName": "Color Type/Text/Primary Button", "strategy": "normalized-variable-id" } ] }, "annotationCounts": { "tokenAnnotations": 2, "hasCompositeToken": 0 } }, { "variantId": "4895:1363", "variantName": "Type=Circle, Color=Green, Tag=Line", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "strokes[0]", "cssVar": "--brand", "figmaName": "UX/Brand/Brand", "strategy": "normalized-variable-id" }, { "path": "text.fills[0]", "cssVar": "--brand", "figmaName": "UX/Brand/Brand", "strategy": "normalized-variable-id" } ] }, "annotationCounts": { "tokenAnnotations": 2, "hasCompositeToken": 0 } }, { "variantId": "4821:1663", "variantName": "Type=Circle, Color=Blue, Tag=Filled", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "fills[0]", "cssVar": "--blue", "figmaName": "UX/Blue/Default", "strategy": "normalized-variable-id" }, { "path": "text.fills[0]", "cssVar": "--text-primary-btn", "figmaName": "Color Type/Text/Primary Button", "strategy": "normalized-variable-id" } ] }, "annotationCounts": { "tokenAnnotations": 2, "hasCompositeToken": 0 } }, { "variantId": "4895:1365", "variantName": "Type=Circle, Color=Blue, Tag=Line", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "strokes[0]", "cssVar": "--blue", "figmaName": "UX/Blue/Default", "strategy": "normalized-variable-id" }, { "path": "text.fills[0]", "cssVar": "--blue", "figmaName": "UX/Blue/Default", "strategy": "normalized-variable-id" } ] }, "annotationCounts": { "tokenAnnotations": 2, "hasCompositeToken": 0 } }, { "variantId": "4821:1661", "variantName": "Type=Circle, Color=Orange, Tag=Filled", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "fills[0]", "cssVar": "--orange", "figmaName": "UX/Orange/Default", "strategy": "normalized-variable-id" }, { "path": "text.fills[0]", "cssVar": "--text-primary-btn", "figmaName": "Color Type/Text/Primary Button", "strategy": "normalized-variable-id" } ] }, "annotationCounts": { "tokenAnnotations": 2, "hasCompositeToken": 0 } }, { "variantId": "4895:1367", "variantName": "Type=Circle, Color=Orange, Tag=Line", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "strokes[0]", "cssVar": "--orange", "figmaName": "UX/Orange/Default", "strategy": "normalized-variable-id" }, { "path": "text.fills[0]", "cssVar": "--orange", "figmaName": "UX/Orange/Default", "strategy": "normalized-variable-id" } ] }, "annotationCounts": { "tokenAnnotations": 2, "hasCompositeToken": 0 } } ] }, { "filename": "brand_color__1626_104752.json", "figmaName": "Brand color", "nodeId": "1626:104752", "source": { "sourceLayer": "figma-data/raw/components", "sourceFile": "figma-data/raw/components/brand_color__1626_104752.json", "rawExtractedAt": "2026-06-09T05:12:17.501Z", "rawNodeId": "1626:104752", "rawSha256": "cff75220ad4cb0d83e617bc4f938bda45c0f336e76f4a7ee311b7e238861c35d" }, "tokenizationStrategy": "variable-id-first-then-hex-fallback", "tokenAnnotations": 1, "compositeTokens": 0, "variantDiffs": [ { "variantId": "1626:104752", "variantName": "Brand color", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "text.fills[0]", "cssVar": "--text-heading", "figmaName": "Color Type/Text/Heading & Button", "strategy": "hex-fallback" } ] }, "annotationCounts": { "tokenAnnotations": 1, "hasCompositeToken": 0 } } ] }, { "filename": "breadcrumb_item__5003_7495.json", "figmaName": "Breadcrumb/Item", "nodeId": "5003:7495", "source": { "sourceLayer": "figma-data/raw/components", "sourceFile": "figma-data/raw/components/breadcrumb_item__5003_7495.json", "rawExtractedAt": "2026-06-10T07:36:08.138Z", "rawNodeId": "5003:7495", "rawSha256": "d6a08a9d4ed072633a56a1bdcd6361d548d5c4770e292d511e31f1068e93527b" }, "tokenizationStrategy": "variable-id-first-then-hex-fallback", "tokenAnnotations": 4, "compositeTokens": 0, "variantDiffs": [ { "variantId": "5004:1477", "variantName": "state=Default", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "text.fills[0]", "cssVar": "--text-2", "figmaName": "Color Type/Text/Text_2", "strategy": "normalized-variable-id" } ] }, "annotationCounts": { "tokenAnnotations": 1, "hasCompositeToken": 0 } }, { "variantId": "5003:7483", "variantName": "state=hover", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "text.fills[0]", "cssVar": "--text-body", "figmaName": "Color Type/Text/Text_1", "strategy": "normalized-variable-id" } ] }, "annotationCounts": { "tokenAnnotations": 1, "hasCompositeToken": 0 } }, { "variantId": "5003:7487", "variantName": "state=current", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "text.fills[0]", "cssVar": "--brand", "figmaName": "UX/Brand/Brand", "strategy": "normalized-variable-id" } ] }, "annotationCounts": { "tokenAnnotations": 1, "hasCompositeToken": 0 } }, { "variantId": "5003:7491", "variantName": "state=disabled", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "text.fills[0]", "cssVar": "--text-disabled", "figmaName": null, "strategy": "direct-variable-id-map" } ] }, "annotationCounts": { "tokenAnnotations": 1, "hasCompositeToken": 0 } } ] }, { "filename": "button_dark_l__1545_51854.json", "figmaName": "Button/dark L", "nodeId": "1545:51854", "source": { "sourceLayer": "figma-data/raw/components", "sourceFile": "figma-data/raw/components/button_dark_l__1545_51854.json", "rawExtractedAt": "2026-06-09T05:12:17.511Z", "rawNodeId": "1545:51854", "rawSha256": "fa0b9890dab5dd85577b39b44923bf042080965bdadbafe6b76b8d96f8f127e0" }, "tokenizationStrategy": "variable-id-first-then-hex-fallback", "tokenAnnotations": 799, "compositeTokens": 0, "variantDiffs": [ { "variantId": "314:47402", "variantName": "icon=no, style=filling, color=green, status=hover, radius=square, fixed width=yes", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "fills[0]", "cssVar": "--brand-hover", "figmaName": "UX/Brand/Hover", "strategy": "normalized-variable-id" }, { "path": "text.fills[0]", "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "strategy": "normalized-variable-id" } ] }, "annotationCounts": { "tokenAnnotations": 2, "hasCompositeToken": 0 } }, { "variantId": "314:47367", "variantName": "icon=no, style=filling, color=green, status=disable, radius=square, fixed width=yes", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "fills[0]", "cssVar": "--brand-disable", "figmaName": "UX/Brand/Disable", "strategy": "normalized-variable-id" }, { "path": "text.fills[0]", "cssVar": "--color-grey-6", "figmaName": "UX/Grey/grey-6 #9E9E9E", "strategy": "normalized-variable-id" } ] }, "annotationCounts": { "tokenAnnotations": 2, "hasCompositeToken": 0 } }, { "variantId": "314:47337", "variantName": "icon=no, style=filling, color=red, status=default, radius=square, fixed width=yes", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "fills[0]", "cssVar": "--red", "figmaName": "UX/Red/Default", "strategy": "normalized-variable-id" }, { "path": "text.fills[0]", "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "strategy": "normalized-variable-id" } ] }, "annotationCounts": { "tokenAnnotations": 2, "hasCompositeToken": 0 } }, { "variantId": "314:47411", "variantName": "icon=no, style=filling, color=red, status=hover, radius=square, fixed width=yes", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "fills[0]", "cssVar": "--red-hover", "figmaName": "UX/Red/Hover 1", "strategy": "normalized-variable-id" }, { "path": "text.fills[0]", "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "strategy": "normalized-variable-id" } ] }, "annotationCounts": { "tokenAnnotations": 2, "hasCompositeToken": 0 } }, { "variantId": "314:47374", "variantName": "icon=no, style=filling, color=red, status=disable, radius=square, fixed width=yes", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "fills[0]", "cssVar": "--red", "figmaName": "UX/Red/Default", "strategy": "normalized-variable-id" }, { "path": "text.fills[0]", "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "strategy": "normalized-variable-id" } ] }, "annotationCounts": { "tokenAnnotations": 2, "hasCompositeToken": 0 } }, { "variantId": "314:47348", "variantName": "icon=no, style=filling, color=orange, status=default, radius=square, fixed width=yes", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "fills[0]", "cssVar": "--orange", "figmaName": "UX/Orange/Default", "strategy": "normalized-variable-id" }, { "path": "text.fills[0]", "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "strategy": "normalized-variable-id" } ] }, "annotationCounts": { "tokenAnnotations": 2, "hasCompositeToken": 0 } } ] }, { "filename": "button_dark_m__1545_51964.json", "figmaName": "Button/dark M", "nodeId": "1545:51964", "source": { "sourceLayer": "figma-data/raw/components", "sourceFile": "figma-data/raw/components/button_dark_m__1545_51964.json", "rawExtractedAt": "2026-06-09T05:12:17.519Z", "rawNodeId": "1545:51964", "rawSha256": "249e7be060b92a30114ef289f22d04cccff47fac96d4d764a0b0fa310eb5d9c8" }, "tokenizationStrategy": "variable-id-first-then-hex-fallback", "tokenAnnotations": 792, "compositeTokens": 0, "variantDiffs": [ { "variantId": "1421:27616", "variantName": "icon=left, style=filling, color=green, status=default, radius=square, fixed width=yes", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "fills[0]", "cssVar": "--brand", "figmaName": "UX/Brand/Brand", "strategy": "normalized-variable-id" }, { "path": "text.fills[0]", "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "strategy": "normalized-variable-id" } ] }, "annotationCounts": { "tokenAnnotations": 2, "hasCompositeToken": 0 } }, { "variantId": "1421:27622", "variantName": "icon=left, style=filling, color=green, status=hover, radius=square, fixed width=yes", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "fills[0]", "cssVar": "--brand-hover", "figmaName": "UX/Brand/Hover", "strategy": "normalized-variable-id" }, { "path": "text.fills[0]", "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "strategy": "normalized-variable-id" } ] }, "annotationCounts": { "tokenAnnotations": 2, "hasCompositeToken": 0 } }, { "variantId": "1421:27628", "variantName": "icon=left, style=filling, color=green, status=disable, radius=square, fixed width=yes", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "fills[0]", "cssVar": "--brand-disable", "figmaName": "UX/Brand/Disable", "strategy": "normalized-variable-id" }, { "path": "text.fills[0]", "cssVar": "--color-grey-6", "figmaName": "UX/Grey/grey-6 #9E9E9E", "strategy": "normalized-variable-id" } ] }, "annotationCounts": { "tokenAnnotations": 2, "hasCompositeToken": 0 } }, { "variantId": "1421:27634", "variantName": "icon=left, style=filling, color=red, status=default, radius=square, fixed width=yes", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "fills[0]", "cssVar": "--red", "figmaName": "UX/Red/Default", "strategy": "normalized-variable-id" }, { "path": "text.fills[0]", "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "strategy": "normalized-variable-id" } ] }, "annotationCounts": { "tokenAnnotations": 2, "hasCompositeToken": 0 } }, { "variantId": "1421:27640", "variantName": "icon=left, style=filling, color=red, status=hover, radius=square, fixed width=yes", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "fills[0]", "cssVar": "--red-hover", "figmaName": "UX/Red/Hover 1", "strategy": "normalized-variable-id" }, { "path": "text.fills[0]", "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "strategy": "normalized-variable-id" } ] }, "annotationCounts": { "tokenAnnotations": 2, "hasCompositeToken": 0 } }, { "variantId": "1421:27646", "variantName": "icon=left, style=filling, color=red, status=disable, radius=square, fixed width=yes", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "fills[0]", "cssVar": "--red", "figmaName": "UX/Red/Default", "strategy": "normalized-variable-id" }, { "path": "text.fills[0]", "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "strategy": "normalized-variable-id" } ] }, "annotationCounts": { "tokenAnnotations": 2, "hasCompositeToken": 0 } } ] }, { "filename": "button_dark_s__1545_57246.json", "figmaName": "Button/dark S", "nodeId": "1545:57246", "source": { "sourceLayer": "figma-data/raw/components", "sourceFile": "figma-data/raw/components/button_dark_s__1545_57246.json", "rawExtractedAt": "2026-06-09T05:12:17.520Z", "rawNodeId": "1545:57246", "rawSha256": "490601bed66232b4f163b86a85c5ccf92c1ac49a959b0f01b8b2effb8ceb1746" }, "tokenizationStrategy": "variable-id-first-then-hex-fallback", "tokenAnnotations": 804, "compositeTokens": 0, "variantDiffs": [ { "variantId": "1421:27892", "variantName": "icon=left, style=filling, color=green, status=default, radius=square, fixed width=yes", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "fills[0]", "cssVar": "--brand", "figmaName": "UX/Brand/Brand", "strategy": "normalized-variable-id" }, { "path": "text.fills[0]", "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "strategy": "normalized-variable-id" } ] }, "annotationCounts": { "tokenAnnotations": 2, "hasCompositeToken": 0 } }, { "variantId": "1421:27898", "variantName": "icon=left, style=filling, color=green, status=hover, radius=square, fixed width=yes", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "fills[0]", "cssVar": "--brand-hover", "figmaName": "UX/Brand/Hover", "strategy": "normalized-variable-id" }, { "path": "text.fills[0]", "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "strategy": "normalized-variable-id" } ] }, "annotationCounts": { "tokenAnnotations": 2, "hasCompositeToken": 0 } }, { "variantId": "1421:27904", "variantName": "icon=left, style=filling, color=green, status=disable, radius=square, fixed width=yes", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "fills[0]", "cssVar": "--brand-disable", "figmaName": "UX/Brand/Disable", "strategy": "normalized-variable-id" }, { "path": "text.fills[0]", "cssVar": "--color-grey-6", "figmaName": "UX/Grey/grey-6 #9E9E9E", "strategy": "normalized-variable-id" } ] }, "annotationCounts": { "tokenAnnotations": 2, "hasCompositeToken": 0 } }, { "variantId": "1421:27910", "variantName": "icon=left, style=filling, color=red, status=default, radius=square, fixed width=yes", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "fills[0]", "cssVar": "--red", "figmaName": "UX/Red/Default", "strategy": "normalized-variable-id" }, { "path": "text.fills[0]", "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "strategy": "normalized-variable-id" } ] }, "annotationCounts": { "tokenAnnotations": 2, "hasCompositeToken": 0 } }, { "variantId": "1421:27916", "variantName": "icon=left, style=filling, color=red, status=hover, radius=square, fixed width=yes", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "fills[0]", "cssVar": "--red-hover", "figmaName": "UX/Red/Hover 1", "strategy": "normalized-variable-id" }, { "path": "text.fills[0]", "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "strategy": "normalized-variable-id" } ] }, "annotationCounts": { "tokenAnnotations": 2, "hasCompositeToken": 0 } }, { "variantId": "1421:27922", "variantName": "icon=left, style=filling, color=red, status=disable, radius=square, fixed width=yes", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "fills[0]", "cssVar": "--red", "figmaName": "UX/Red/Default", "strategy": "normalized-variable-id" }, { "path": "text.fills[0]", "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "strategy": "normalized-variable-id" } ] }, "annotationCounts": { "tokenAnnotations": 2, "hasCompositeToken": 0 } } ] }, { "filename": "button_dark_xs__1545_57247.json", "figmaName": "Button/dark XS", "nodeId": "1545:57247", "source": { "sourceLayer": "figma-data/raw/components", "sourceFile": "figma-data/raw/components/button_dark_xs__1545_57247.json", "rawExtractedAt": "2026-06-09T05:12:17.520Z", "rawNodeId": "1545:57247", "rawSha256": "10322a2a2a50847ec2d5c5eaf8c76ea79eeccee902c4b7b8c9722f11e9571107" }, "tokenizationStrategy": "variable-id-first-then-hex-fallback", "tokenAnnotations": 796, "compositeTokens": 0, "variantDiffs": [ { "variantId": "314:47685", "variantName": "icon=no, style=filling, color=green, status=default, radius=square, fixed width=yes", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "fills[0]", "cssVar": "--brand", "figmaName": "UX/Brand/Brand", "strategy": "normalized-variable-id" }, { "path": "text.fills[0]", "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "strategy": "normalized-variable-id" } ] }, "annotationCounts": { "tokenAnnotations": 2, "hasCompositeToken": 0 } }, { "variantId": "314:47755", "variantName": "icon=no, style=filling, color=green, status=hover, radius=square, fixed width=yes", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "fills[0]", "cssVar": "--brand-hover", "figmaName": "UX/Brand/Hover", "strategy": "normalized-variable-id" }, { "path": "text.fills[0]", "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "strategy": "normalized-variable-id" } ] }, "annotationCounts": { "tokenAnnotations": 2, "hasCompositeToken": 0 } }, { "variantId": "314:47718", "variantName": "icon=no, style=filling, color=green, status=disable, radius=square, fixed width=yes", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "fills[0]", "cssVar": "--brand-disable", "figmaName": "UX/Brand/Disable", "strategy": "normalized-variable-id" }, { "path": "text.fills[0]", "cssVar": "--color-grey-6", "figmaName": "UX/Grey/grey-6 #9E9E9E", "strategy": "normalized-variable-id" } ] }, "annotationCounts": { "tokenAnnotations": 2, "hasCompositeToken": 0 } }, { "variantId": "314:47690", "variantName": "icon=no, style=filling, color=red, status=default, radius=square, fixed width=yes", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "fills[0]", "cssVar": "--red", "figmaName": "UX/Red/Default", "strategy": "normalized-variable-id" }, { "path": "text.fills[0]", "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "strategy": "normalized-variable-id" } ] }, "annotationCounts": { "tokenAnnotations": 2, "hasCompositeToken": 0 } }, { "variantId": "314:47760", "variantName": "icon=no, style=filling, color=red, status=hover, radius=square, fixed width=yes", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "fills[0]", "cssVar": "--red-hover", "figmaName": "UX/Red/Hover 1", "strategy": "normalized-variable-id" }, { "path": "text.fills[0]", "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "strategy": "normalized-variable-id" } ] }, "annotationCounts": { "tokenAnnotations": 2, "hasCompositeToken": 0 } }, { "variantId": "314:47727", "variantName": "icon=no, style=filling, color=red, status=disable, radius=square, fixed width=yes", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "fills[0]", "cssVar": "--red", "figmaName": "UX/Red/Default", "strategy": "normalized-variable-id" }, { "path": "text.fills[0]", "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "strategy": "normalized-variable-id" } ] }, "annotationCounts": { "tokenAnnotations": 2, "hasCompositeToken": 0 } } ] }, { "filename": "button_light_l__1545_47446.json", "figmaName": "Button/light L", "nodeId": "1545:47446", "source": { "sourceLayer": "figma-data/raw/components", "sourceFile": "figma-data/raw/components/button_light_l__1545_47446.json", "rawExtractedAt": "2026-06-09T05:12:17.511Z", "rawNodeId": "1545:47446", "rawSha256": "e80c9377bc45c5221f9c6a6afef08fa5b6ec9bfb3460169cd78ff5592403cffd" }, "tokenizationStrategy": "variable-id-first-then-hex-fallback", "tokenAnnotations": 792, "compositeTokens": 0, "variantDiffs": [ { "variantId": "314:46720", "variantName": "icon=no, style=filling, color=green, status=default, Radius=square, fixed width=yes", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "fills[0]", "cssVar": "--brand", "figmaName": "UX/Brand/Brand", "strategy": "normalized-variable-id" }, { "path": "text.fills[0]", "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "strategy": "normalized-variable-id" } ] }, "annotationCounts": { "tokenAnnotations": 2, "hasCompositeToken": 0 } }, { "variantId": "314:46729", "variantName": "icon=no, style=filling, color=green, status=default, Radius=square, fixed width=no", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "fills[0]", "cssVar": "--brand", "figmaName": "UX/Brand/Brand", "strategy": "normalized-variable-id" }, { "path": "text.fills[0]", "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "strategy": "normalized-variable-id" } ] }, "annotationCounts": { "tokenAnnotations": 2, "hasCompositeToken": 0 } }, { "variantId": "314:46779", "variantName": "icon=no, style=filling, color=green, status=disable, Radius=square, fixed width=yes", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "fills[0]", "cssVar": "--brand-disable", "figmaName": "UX/Brand/Disable", "strategy": "normalized-variable-id" }, { "path": "text.fills[0]", "cssVar": "--color-grey-2", "figmaName": "UX/Grey/grey-2 #F8F8F8", "strategy": "normalized-variable-id" } ] }, "annotationCounts": { "tokenAnnotations": 2, "hasCompositeToken": 0 } }, { "variantId": "314:46774", "variantName": "icon=no, style=filling, color=green, status=disable, Radius=square, fixed width=no", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "fills[0]", "cssVar": "--brand-disable", "figmaName": "UX/Brand/Disable", "strategy": "normalized-variable-id" }, { "path": "text.fills[0]", "cssVar": "--color-grey-2", "figmaName": "UX/Grey/grey-2 #F8F8F8", "strategy": "normalized-variable-id" } ] }, "annotationCounts": { "tokenAnnotations": 2, "hasCompositeToken": 0 } }, { "variantId": "314:46824", "variantName": "icon=no, style=filling, color=green, status=hover, Radius=square, fixed width=yes", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "fills[0]", "cssVar": "--brand-hover", "figmaName": "UX/Brand/Hover", "strategy": "normalized-variable-id" }, { "path": "text.fills[0]", "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "strategy": "normalized-variable-id" } ] }, "annotationCounts": { "tokenAnnotations": 2, "hasCompositeToken": 0 } }, { "variantId": "314:46829", "variantName": "icon=no, style=filling, color=green, status=hover, Radius=square, fixed width=no", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "fills[0]", "cssVar": "--brand-hover", "figmaName": "UX/Brand/Hover", "strategy": "normalized-variable-id" }, { "path": "text.fills[0]", "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "strategy": "normalized-variable-id" } ] }, "annotationCounts": { "tokenAnnotations": 2, "hasCompositeToken": 0 } } ] }, { "filename": "button_light_m__1545_47447.json", "figmaName": "Button/light M", "nodeId": "1545:47447", "source": { "sourceLayer": "figma-data/raw/components", "sourceFile": "figma-data/raw/components/button_light_m__1545_47447.json", "rawExtractedAt": "2026-06-09T05:12:17.508Z", "rawNodeId": "1545:47447", "rawSha256": "a16d726d8fbdbe51f729e5e3fd7ece1a83a038e5aa3b6ea9cfa3fca3e9727303" }, "tokenizationStrategy": "variable-id-first-then-hex-fallback", "tokenAnnotations": 810, "compositeTokens": 18, "variantDiffs": [ { "variantId": "314:46878", "variantName": "icon=no, style=filling, color=green, status=default, Radius=square, fixed width=no", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "fills[0]", "cssVar": "--brand", "figmaName": "UX/Brand/Brand", "strategy": "normalized-variable-id" }, { "path": "text.fills[0]", "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "strategy": "normalized-variable-id" } ] }, "annotationCounts": { "tokenAnnotations": 2, "hasCompositeToken": 0 } }, { "variantId": "314:46924", "variantName": "icon=no, style=filling, color=green, status=disable, Radius=square, fixed width=no", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "fills[0]", "cssVar": "--brand-disable", "figmaName": "UX/Brand/Disable", "strategy": "normalized-variable-id" }, { "path": "text.fills[0]", "cssVar": "--color-grey-2", "figmaName": "UX/Grey/grey-2 #F8F8F8", "strategy": "normalized-variable-id" } ] }, "annotationCounts": { "tokenAnnotations": 2, "hasCompositeToken": 0 } }, { "variantId": "314:46979", "variantName": "icon=no, style=filling, color=green, status=hover, Radius=square, fixed width=no", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "fills[0]", "cssVar": "--brand-hover", "figmaName": "UX/Brand/Hover", "strategy": "normalized-variable-id" }, { "path": "text.fills[0]", "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "strategy": "normalized-variable-id" } ] }, "annotationCounts": { "tokenAnnotations": 2, "hasCompositeToken": 0 } }, { "variantId": "314:46939", "variantName": "icon=no, style=filling, color=red, status=disable, Radius=square, fixed width=no", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "fills[0]", "cssVar": "--red", "figmaName": "UX/Red/Default", "strategy": "normalized-variable-id" }, { "path": "text.fills[0]", "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "strategy": "normalized-variable-id" } ] }, "annotationCounts": { "tokenAnnotations": 2, "hasCompositeToken": 0 } }, { "variantId": "314:46984", "variantName": "icon=no, style=filling, color=red, status=hover, Radius=square, fixed width=no", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "fills[0]", "cssVar": "--red-hover", "figmaName": "UX/Red/Hover 1", "strategy": "normalized-variable-id" }, { "path": "text.fills[0]", "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "strategy": "normalized-variable-id" } ] }, "annotationCounts": { "tokenAnnotations": 2, "hasCompositeToken": 0 } }, { "variantId": "314:46899", "variantName": "icon=no, style=filling, color=orange, status=default, Radius=square, fixed width=no", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "fills[0]", "cssVar": "--orange", "figmaName": "UX/Orange/Default", "strategy": "normalized-variable-id" }, { "path": "text.fills[0]", "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "strategy": "normalized-variable-id" } ] }, "annotationCounts": { "tokenAnnotations": 2, "hasCompositeToken": 0 } } ] }, { "filename": "button_light_s__1545_51851.json", "figmaName": "Button/light S", "nodeId": "1545:51851", "source": { "sourceLayer": "figma-data/raw/components", "sourceFile": "figma-data/raw/components/button_light_s__1545_51851.json", "rawExtractedAt": "2026-06-09T05:12:17.509Z", "rawNodeId": "1545:51851", "rawSha256": "f8fb904740be7000caf2afa09a3d07d0058c3415dd11c89b2df673c1de9f3b6b" }, "tokenizationStrategy": "variable-id-first-then-hex-fallback", "tokenAnnotations": 792, "compositeTokens": 0, "variantDiffs": [ { "variantId": "314:47024", "variantName": "icon=no, style=filling, color=green, status=default, radius=square, fixed width=yes", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "fills[0]", "cssVar": "--brand", "figmaName": "UX/Brand/Brand", "strategy": "normalized-variable-id" }, { "path": "text.fills[0]", "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "strategy": "normalized-variable-id" } ] }, "annotationCounts": { "tokenAnnotations": 2, "hasCompositeToken": 0 } }, { "variantId": "314:47029", "variantName": "icon=no, style=filling, color=green, status=default, radius=square, fixed width=no", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "fills[0]", "cssVar": "--brand", "figmaName": "UX/Brand/Brand", "strategy": "normalized-variable-id" }, { "path": "text.fills[0]", "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "strategy": "normalized-variable-id" } ] }, "annotationCounts": { "tokenAnnotations": 2, "hasCompositeToken": 0 } }, { "variantId": "314:47044", "variantName": "icon=no, style=filling, color=orange, status=default, radius=square, fixed width=yes", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "fills[0]", "cssVar": "--orange", "figmaName": "UX/Orange/Default", "strategy": "normalized-variable-id" }, { "path": "text.fills[0]", "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "strategy": "normalized-variable-id" } ] }, "annotationCounts": { "tokenAnnotations": 2, "hasCompositeToken": 0 } }, { "variantId": "314:47049", "variantName": "icon=no, style=filling, color=orange, status=default, radius=square, fixed width=no", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "fills[0]", "cssVar": "--orange", "figmaName": "UX/Orange/Default", "strategy": "normalized-variable-id" }, { "path": "text.fills[0]", "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "strategy": "normalized-variable-id" } ] }, "annotationCounts": { "tokenAnnotations": 2, "hasCompositeToken": 0 } }, { "variantId": "314:47034", "variantName": "icon=no, style=filling, color=red, status=default, radius=square, fixed width=yes", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "fills[0]", "cssVar": "--red", "figmaName": "UX/Red/Default", "strategy": "normalized-variable-id" }, { "path": "text.fills[0]", "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "strategy": "normalized-variable-id" } ] }, "annotationCounts": { "tokenAnnotations": 2, "hasCompositeToken": 0 } }, { "variantId": "314:47039", "variantName": "icon=no, style=filling, color=red, status=default, radius=square, fixed width=no", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "fills[0]", "cssVar": "--red", "figmaName": "UX/Red/Default", "strategy": "normalized-variable-id" }, { "path": "text.fills[0]", "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "strategy": "normalized-variable-id" } ] }, "annotationCounts": { "tokenAnnotations": 2, "hasCompositeToken": 0 } } ] }, { "filename": "button_light_xs__1545_51852.json", "figmaName": "Button/light XS", "nodeId": "1545:51852", "source": { "sourceLayer": "figma-data/raw/components", "sourceFile": "figma-data/raw/components/button_light_xs__1545_51852.json", "rawExtractedAt": "2026-06-09T05:12:17.510Z", "rawNodeId": "1545:51852", "rawSha256": "ecb77fb3d01bc4602c20b18f64c36053397415cd66c7f6d4db40707d018e7d3e" }, "tokenizationStrategy": "variable-id-first-then-hex-fallback", "tokenAnnotations": 792, "compositeTokens": 0, "variantDiffs": [ { "variantId": "314:47174", "variantName": "icon=no, style=filling, color=green, status=default, radius=square, fixed width=yes", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "fills[0]", "cssVar": "--brand", "figmaName": "UX/Brand/Brand", "strategy": "normalized-variable-id" }, { "path": "text.fills[0]", "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "strategy": "normalized-variable-id" } ] }, "annotationCounts": { "tokenAnnotations": 2, "hasCompositeToken": 0 } }, { "variantId": "314:47179", "variantName": "icon=no, style=filling, color=green, status=default, radius=square, fixed width=no", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "fills[0]", "cssVar": "--brand", "figmaName": "UX/Brand/Brand", "strategy": "normalized-variable-id" }, { "path": "text.fills[0]", "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "strategy": "normalized-variable-id" } ] }, "annotationCounts": { "tokenAnnotations": 2, "hasCompositeToken": 0 } }, { "variantId": "314:47294", "variantName": "icon=no, style=filling, color=orange, status=default, radius=square, fixed width=yes", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "fills[0]", "cssVar": "--orange", "figmaName": "UX/Orange/Default", "strategy": "normalized-variable-id" }, { "path": "text.fills[0]", "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "strategy": "normalized-variable-id" } ] }, "annotationCounts": { "tokenAnnotations": 2, "hasCompositeToken": 0 } }, { "variantId": "314:47210", "variantName": "icon=no, style=filling, color=orange, status=default, radius=square, fixed width=no", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "fills[0]", "cssVar": "--orange", "figmaName": "UX/Orange/Default", "strategy": "normalized-variable-id" }, { "path": "text.fills[0]", "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "strategy": "normalized-variable-id" } ] }, "annotationCounts": { "tokenAnnotations": 2, "hasCompositeToken": 0 } }, { "variantId": "314:47281", "variantName": "icon=no, style=filling, color=red, status=default, radius=square, fixed width=yes", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "fills[0]", "cssVar": "--red", "figmaName": "UX/Red/Default", "strategy": "normalized-variable-id" }, { "path": "text.fills[0]", "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "strategy": "normalized-variable-id" } ] }, "annotationCounts": { "tokenAnnotations": 2, "hasCompositeToken": 0 } }, { "variantId": "314:47211", "variantName": "icon=no, style=filling, color=red, status=default, radius=square, fixed width=no", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "fills[0]", "cssVar": "--red", "figmaName": "UX/Red/Default", "strategy": "normalized-variable-id" }, { "path": "text.fills[0]", "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "strategy": "normalized-variable-id" } ] }, "annotationCounts": { "tokenAnnotations": 2, "hasCompositeToken": 0 } } ] }, { "filename": "button_url_link__438_7995.json", "figmaName": "Button/url link", "nodeId": "438:7995", "source": { "sourceLayer": "figma-data/raw/components", "sourceFile": "figma-data/raw/components/button_url_link__438_7995.json", "rawExtractedAt": "2026-06-09T05:12:17.508Z", "rawNodeId": "438:7995", "rawSha256": "450ea56377292d9d94a01a51d16e37e90c646f62374742e41e136b6bb3ee73e0" }, "tokenizationStrategy": "variable-id-first-then-hex-fallback", "tokenAnnotations": 4, "compositeTokens": 0, "variantDiffs": [ { "variantId": "438:7990", "variantName": "dark theme=on, status=default", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "text.fills[0]", "cssVar": "--blue", "figmaName": "UX/Blue/Default", "strategy": "normalized-variable-id" } ] }, "annotationCounts": { "tokenAnnotations": 1, "hasCompositeToken": 0 } }, { "variantId": "438:7991", "variantName": "dark theme=off, status=default", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "text.fills[0]", "cssVar": "--blue", "figmaName": "UX/Blue/Default", "strategy": "normalized-variable-id" } ] }, "annotationCounts": { "tokenAnnotations": 1, "hasCompositeToken": 0 } }, { "variantId": "438:7993", "variantName": "dark theme=on, status=hover", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "text.fills[0]", "cssVar": "--blue-hover", "figmaName": "UX/Blue/Hover 1", "strategy": "normalized-variable-id" } ] }, "annotationCounts": { "tokenAnnotations": 1, "hasCompositeToken": 0 } }, { "variantId": "438:7992", "variantName": "dark theme=off, status=hover", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "text.fills[0]", "cssVar": "--blue-hover", "figmaName": "UX/Blue/Hover 1", "strategy": "normalized-variable-id" } ] }, "annotationCounts": { "tokenAnnotations": 1, "hasCompositeToken": 0 } } ] }, { "filename": "chart__4949_7176.json", "figmaName": "Chart", "nodeId": "4949:7176", "source": { "sourceLayer": "figma-data/raw/components", "sourceFile": "figma-data/raw/components/chart__4949_7176.json", "rawExtractedAt": "2026-06-09T05:12:17.529Z", "rawNodeId": "4949:7176", "rawSha256": "b4b7a133cb64c66aed7a7bcaf860fe7b807596d7c3047ee8ef2cbc8f18603299" }, "tokenizationStrategy": "variable-id-first-then-hex-fallback", "tokenAnnotations": 12, "compositeTokens": 0, "variantDiffs": [ { "variantId": "4949:7090", "variantName": "type=pie", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "fills[0]", "cssVar": "--bg-layer3", "figmaName": "Color Type/Background/Layer_3", "strategy": "hex-fallback" }, { "path": "text.fills[0]", "cssVar": "--color-grey-5", "figmaName": null, "strategy": "direct-variable-id-map" } ] }, "annotationCounts": { "tokenAnnotations": 2, "hasCompositeToken": 0 } }, { "variantId": "4949:7109", "variantName": "type=donut", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "fills[0]", "cssVar": "--bg-layer3", "figmaName": "Color Type/Background/Layer_3", "strategy": "hex-fallback" }, { "path": "text.fills[0]", "cssVar": "--text-heading", "figmaName": "Color Type/Text/Heading & Button", "strategy": "hex-fallback" } ] }, "annotationCounts": { "tokenAnnotations": 2, "hasCompositeToken": 0 } }, { "variantId": "4949:7121", "variantName": "type=line", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "fills[0]", "cssVar": "--bg-layer3", "figmaName": "Color Type/Background/Layer_3", "strategy": "hex-fallback" }, { "path": "text.fills[0]", "cssVar": "--color-grey-5", "figmaName": null, "strategy": "direct-variable-id-map" } ] }, "annotationCounts": { "tokenAnnotations": 2, "hasCompositeToken": 0 } }, { "variantId": "4949:7146", "variantName": "type=bar", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "fills[0]", "cssVar": "--bg-layer3", "figmaName": "Color Type/Background/Layer_3", "strategy": "hex-fallback" }, { "path": "text.fills[0]", "cssVar": "--color-grey-5", "figmaName": null, "strategy": "direct-variable-id-map" } ] }, "annotationCounts": { "tokenAnnotations": 2, "hasCompositeToken": 0 } }, { "variantId": "4949:7159", "variantName": "type=bar-horizontal", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "fills[0]", "cssVar": "--bg-layer3", "figmaName": "Color Type/Background/Layer_3", "strategy": "hex-fallback" }, { "path": "text.fills[0]", "cssVar": "--color-grey-5", "figmaName": null, "strategy": "direct-variable-id-map" } ] }, "annotationCounts": { "tokenAnnotations": 2, "hasCompositeToken": 0 } }, { "variantId": "4953:7170", "variantName": "type=line-bar", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "fills[0]", "cssVar": "--bg-layer3", "figmaName": "Color Type/Background/Layer_3", "strategy": "hex-fallback" }, { "path": "text.fills[0]", "cssVar": "--color-grey-5", "figmaName": null, "strategy": "direct-variable-id-map" } ] }, "annotationCounts": { "tokenAnnotations": 2, "hasCompositeToken": 0 } } ] }, { "filename": "check_box__3242_13521.json", "figmaName": "check box", "nodeId": "3242:13521", "source": { "sourceLayer": "figma-data/raw/components", "sourceFile": "figma-data/raw/components/check_box__3242_13521.json", "rawExtractedAt": "2026-06-08T04:29:32.354Z", "rawNodeId": "3242:13521", "rawSha256": "4fdd01083192a92315e29b279110c48bedc95325e8f02636bb553da493b1b561" }, "tokenizationStrategy": "variable-id-first-then-hex-fallback", "tokenAnnotations": 12, "compositeTokens": 0, "variantDiffs": [ { "variantId": "374:771", "variantName": "dark theme=on, status=off, enable=yes", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "text.fills[0]", "cssVar": "--text-body", "figmaName": "Color Type/Text/Text_1", "strategy": "normalized-variable-id" } ] }, "annotationCounts": { "tokenAnnotations": 1, "hasCompositeToken": 0 } }, { "variantId": "374:783", "variantName": "dark theme=on, status=off, enable=no", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "text.fills[0]", "cssVar": "--text-disabled", "figmaName": "Color Type/Text/Disable", "strategy": "normalized-variable-id" } ] }, "annotationCounts": { "tokenAnnotations": 1, "hasCompositeToken": 0 } }, { "variantId": "374:782", "variantName": "dark theme=on, status=on, enable=no", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "text.fills[0]", "cssVar": "--text-disabled", "figmaName": "Color Type/Text/Disable", "strategy": "normalized-variable-id" } ] }, "annotationCounts": { "tokenAnnotations": 1, "hasCompositeToken": 0 } }, { "variantId": "374:780", "variantName": "dark theme=on, status=some, enable=no", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "text.fills[0]", "cssVar": "--text-disabled", "figmaName": "Color Type/Text/Disable", "strategy": "normalized-variable-id" } ] }, "annotationCounts": { "tokenAnnotations": 1, "hasCompositeToken": 0 } }, { "variantId": "374:772", "variantName": "dark theme=on, status=on, enable=yes", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "text.fills[0]", "cssVar": "--text-body", "figmaName": "Color Type/Text/Text_1", "strategy": "normalized-variable-id" } ] }, "annotationCounts": { "tokenAnnotations": 1, "hasCompositeToken": 0 } }, { "variantId": "374:773", "variantName": "dark theme=on, status=some, enable=yes", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "text.fills[0]", "cssVar": "--text-body", "figmaName": "Color Type/Text/Text_1", "strategy": "normalized-variable-id" } ] }, "annotationCounts": { "tokenAnnotations": 1, "hasCompositeToken": 0 } } ] }, { "filename": "drop_down_list_cascading__1446_118052.json", "figmaName": "Drop down List/Cascading", "nodeId": "1446:118052", "source": { "sourceLayer": "figma-data/raw/components", "sourceFile": "figma-data/raw/components/drop_down_list_cascading__1446_118052.json", "rawExtractedAt": "2026-06-09T05:12:17.529Z", "rawNodeId": "1446:118052", "rawSha256": "0fbce80b0bd8bd697bff4201f11c0dddf9ded807b96eb83e3696721f571ad680" }, "tokenizationStrategy": "variable-id-first-then-hex-fallback", "tokenAnnotations": 8, "compositeTokens": 0, "variantDiffs": [ { "variantId": "1446:115927", "variantName": "Dark Theme=on, Type=Radio", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "fills[0]", "cssVar": "--bg-layer4", "figmaName": "Color Type/Background/Layer_4", "strategy": "normalized-variable-id" }, { "path": "text.fills[0]", "cssVar": "--text-body", "figmaName": "Color Type/Text/Text_1", "strategy": "normalized-variable-id" } ] }, "annotationCounts": { "tokenAnnotations": 2, "hasCompositeToken": 0 } }, { "variantId": "1446:118064", "variantName": "Dark Theme=on, Type=Multi", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "fills[0]", "cssVar": "--color-grey-10", "figmaName": "UX/Grey/grey-10 #353535", "strategy": "normalized-variable-id" }, { "path": "text.fills[0]", "cssVar": "--text-body", "figmaName": "Color Type/Text/Text_1", "strategy": "normalized-variable-id" } ] }, "annotationCounts": { "tokenAnnotations": 2, "hasCompositeToken": 0 } }, { "variantId": "1446:116909", "variantName": "Dark Theme=off, Type=Radio", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "fills[0]", "cssVar": "--bg-layer1", "figmaName": "Color Type/Background/Layer_1", "strategy": "normalized-variable-id" }, { "path": "text.fills[0]", "cssVar": "--color-grey-13", "figmaName": "UX/Grey/grey-13 #141414", "strategy": "normalized-variable-id" } ] }, "annotationCounts": { "tokenAnnotations": 2, "hasCompositeToken": 0 } }, { "variantId": "1446:118083", "variantName": "Dark Theme=off, Type=Multi", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "fills[0]", "cssVar": "--bg-layer1", "figmaName": "Color Type/Background/Layer_1", "strategy": "normalized-variable-id" }, { "path": "text.fills[0]", "cssVar": "--color-grey-13", "figmaName": "UX/Grey/grey-13 #141414", "strategy": "normalized-variable-id" } ] }, "annotationCounts": { "tokenAnnotations": 2, "hasCompositeToken": 0 } } ] }, { "filename": "drop_down_list_item__1446_118010.json", "figmaName": "Drop down List/Item", "nodeId": "1446:118010", "source": { "sourceLayer": "figma-data/raw/components", "sourceFile": "figma-data/raw/components/drop_down_list_item__1446_118010.json", "rawExtractedAt": "2026-06-09T05:12:17.529Z", "rawNodeId": "1446:118010", "rawSha256": "5887328ce44e2634655f1e4fc5b126bba4a16bab5d080e910d716589186978f8" }, "tokenizationStrategy": "variable-id-first-then-hex-fallback", "tokenAnnotations": 63, "compositeTokens": 3, "variantDiffs": [ { "variantId": "1446:115704", "variantName": "Theme=Dark, Type=Radio, Is Parent=No, Checked=No, Active=No, Disabled=No, Hover=No", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "text.fills[0]", "cssVar": "--text-body", "figmaName": "Color Type/Text/Text_1", "strategy": "normalized-variable-id" } ] }, "annotationCounts": { "tokenAnnotations": 1, "hasCompositeToken": 0 } }, { "variantId": "1563:85065", "variantName": "Theme=Dark, Type=Radio, Is Parent=No, Checked=No, Active=No, Disabled=No, Hover=Yes", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "fills[0]", "cssVar": "--brand-match", "figmaName": "UX/Brand/Match,Hover", "strategy": "normalized-variable-id" }, { "path": "text.fills[0]", "cssVar": "--text-body", "figmaName": "Color Type/Text/Text_1", "strategy": "normalized-variable-id" } ] }, "annotationCounts": { "tokenAnnotations": 2, "hasCompositeToken": 0 } }, { "variantId": "1446:123075", "variantName": "Theme=Dark, Type=Radio, Is Parent=No, Checked=No, Active=No, Disabled=Yes, Hover=No", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "text.fills[0]", "cssVar": "--text-disabled", "figmaName": "Color Type/Text/Disable", "strategy": "normalized-variable-id" } ] }, "annotationCounts": { "tokenAnnotations": 1, "hasCompositeToken": 0 } }, { "variantId": "1682:51947", "variantName": "Theme=Dark, Type=Radio, Is Parent=No, Checked=No, Active=No, Disabled=Yes, Hover=Yes", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "fills[0]", "cssVar": "--brand-match", "figmaName": "UX/Brand/Match,Hover", "strategy": "normalized-variable-id" }, { "path": "text.fills[0]", "cssVar": "--text-disabled", "figmaName": "Color Type/Text/Disable", "strategy": "normalized-variable-id" } ] }, "annotationCounts": { "tokenAnnotations": 2, "hasCompositeToken": 0 } }, { "variantId": "1446:115710", "variantName": "Theme=Dark, Type=Radio, Is Parent=No, Checked=Yes, Active=No, Disabled=No, Hover=No", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "text.fills[0]", "cssVar": "--brand", "figmaName": "UX/Brand/Brand", "strategy": "normalized-variable-id" } ] }, "annotationCounts": { "tokenAnnotations": 1, "hasCompositeToken": 0 } }, { "variantId": "1563:85048", "variantName": "Theme=Dark, Type=Radio, Is Parent=No, Checked=Yes, Active=No, Disabled=No, Hover=Yes", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "fills[0]", "cssVar": "--brand-match", "figmaName": "UX/Brand/Match,Hover", "strategy": "normalized-variable-id" }, { "path": "text.fills[0]", "cssVar": "--brand", "figmaName": "UX/Brand/Brand", "strategy": "normalized-variable-id" } ] }, "annotationCounts": { "tokenAnnotations": 2, "hasCompositeToken": 0 } } ] }, { "filename": "drop_down_list_item__1561_8390.json", "figmaName": "Drop down List/Item", "nodeId": "1561:8390", "source": { "sourceLayer": "figma-data/raw/components", "sourceFile": "figma-data/raw/components/drop_down_list_item__1561_8390.json", "rawExtractedAt": "2026-06-09T05:12:17.529Z", "rawNodeId": "1561:8390", "rawSha256": "955dab68c6f7f2d4fb3c264734f7093012667e4a463758e1728e2e41284eb155" }, "tokenizationStrategy": "variable-id-first-then-hex-fallback", "tokenAnnotations": 62, "compositeTokens": 2, "variantDiffs": [ { "variantId": "1561:8409", "variantName": "Theme=Light, Type=Radio, Is Parent=No, Checked=No, Active=No, Disabled=No, Hover=No", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "text.fills[0]", "cssVar": "--color-grey-13", "figmaName": "UX/Grey/grey-13 #141414", "strategy": "normalized-variable-id" } ] }, "annotationCounts": { "tokenAnnotations": 1, "hasCompositeToken": 0 } }, { "variantId": "1563:85134", "variantName": "Theme=Light, Type=Radio, Is Parent=No, Checked=No, Active=No, Disabled=No, Hover=Yes", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "fills[0]", "cssVar": "--brand-match", "figmaName": "UX/Brand/Match,Hover", "strategy": "normalized-variable-id" }, { "path": "text.fills[0]", "cssVar": "--color-grey-13", "figmaName": "UX/Grey/grey-13 #141414", "strategy": "normalized-variable-id" } ] }, "annotationCounts": { "tokenAnnotations": 2, "hasCompositeToken": 0 } }, { "variantId": "1561:8412", "variantName": "Theme=Light, Type=Radio, Is Parent=No, Checked=No, Active=No, Disabled=Yes, Hover=No", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "text.fills[0]", "cssVar": "--text-disabled", "figmaName": "Color Type/Text/Disable", "strategy": "normalized-variable-id" } ] }, "annotationCounts": { "tokenAnnotations": 1, "hasCompositeToken": 0 } }, { "variantId": "1682:51964", "variantName": "Theme=Light, Type=Radio, Is Parent=No, Checked=No, Active=No, Disabled=Yes, Hover=Yes", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "fills[0]", "cssVar": "--brand-match", "figmaName": "UX/Brand/Match,Hover", "strategy": "normalized-variable-id" }, { "path": "text.fills[0]", "cssVar": "--text-disabled", "figmaName": "Color Type/Text/Disable", "strategy": "normalized-variable-id" } ] }, "annotationCounts": { "tokenAnnotations": 2, "hasCompositeToken": 0 } }, { "variantId": "1561:8415", "variantName": "Theme=Light, Type=Radio, Is Parent=No, Checked=Yes, Active=No, Disabled=No, Hover=No", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "text.fills[0]", "cssVar": "--brand", "figmaName": "UX/Brand/Brand", "strategy": "normalized-variable-id" } ] }, "annotationCounts": { "tokenAnnotations": 1, "hasCompositeToken": 0 } }, { "variantId": "1563:85151", "variantName": "Theme=Light, Type=Radio, Is Parent=No, Checked=Yes, Active=No, Disabled=No, Hover=Yes", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "fills[0]", "cssVar": "--brand-match", "figmaName": "UX/Brand/Match,Hover", "strategy": "normalized-variable-id" }, { "path": "text.fills[0]", "cssVar": "--brand", "figmaName": "UX/Brand/Brand", "strategy": "normalized-variable-id" } ] }, "annotationCounts": { "tokenAnnotations": 2, "hasCompositeToken": 0 } } ] }, { "filename": "drop_down_list_select__1446_116439.json", "figmaName": "Drop down List/Select", "nodeId": "1446:116439", "source": { "sourceLayer": "figma-data/raw/components", "sourceFile": "figma-data/raw/components/drop_down_list_select__1446_116439.json", "rawExtractedAt": "2026-06-09T05:12:17.529Z", "rawNodeId": "1446:116439", "rawSha256": "a7952b34f8688db53f7abd3b32ee7e3607afc02205699dc0d56a9defa2ad3473" }, "tokenizationStrategy": "variable-id-first-then-hex-fallback", "tokenAnnotations": 16, "compositeTokens": 0, "variantDiffs": [ { "variantId": "1563:93460", "variantName": "Dark Theme=on, Type=Radio", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "fills[0]", "cssVar": "--color-grey-10", "figmaName": "UX/Grey/grey-10 #353535", "strategy": "normalized-variable-id" }, { "path": "text.fills[0]", "cssVar": "--brand", "figmaName": "UX/Brand/Brand", "strategy": "normalized-variable-id" } ] }, "annotationCounts": { "tokenAnnotations": 2, "hasCompositeToken": 0 } }, { "variantId": "1446:115929", "variantName": "Dark Theme=on, Type=Multi", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "fills[0]", "cssVar": "--color-grey-10", "figmaName": "UX/Grey/grey-10 #353535", "strategy": "normalized-variable-id" }, { "path": "text.fills[0]", "cssVar": "--text-body", "figmaName": "Color Type/Text/Text_1", "strategy": "normalized-variable-id" } ] }, "annotationCounts": { "tokenAnnotations": 2, "hasCompositeToken": 0 } }, { "variantId": "1548:37885", "variantName": "Dark Theme=on, Type=Operation List", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "fills[0]", "cssVar": "--color-grey-10", "figmaName": "UX/Grey/grey-10 #353535", "strategy": "normalized-variable-id" }, { "path": "text.fills[0]", "cssVar": "--text-body", "figmaName": "Color Type/Text/Text_1", "strategy": "normalized-variable-id" } ] }, "annotationCounts": { "tokenAnnotations": 2, "hasCompositeToken": 0 } }, { "variantId": "3414:6141", "variantName": "Dark Theme=on, Type=Sort By", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "fills[0]", "cssVar": "--color-grey-10", "figmaName": "UX/Grey/grey-10 #353535", "strategy": "normalized-variable-id" }, { "path": "text.fills[0]", "cssVar": "--brand", "figmaName": "UX/Brand/Brand", "strategy": "normalized-variable-id" } ] }, "annotationCounts": { "tokenAnnotations": 2, "hasCompositeToken": 0 } }, { "variantId": "1563:93536", "variantName": "Dark Theme=off, Type=Radio", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "fills[0]", "cssVar": "--bg-layer1", "figmaName": null, "strategy": "direct-variable-id-map" }, { "path": "text.fills[0]", "cssVar": "--color-grey-13", "figmaName": "UX/Grey/grey-13 #141414", "strategy": "normalized-variable-id" } ] }, "annotationCounts": { "tokenAnnotations": 2, "hasCompositeToken": 0 } }, { "variantId": "1446:116082", "variantName": "Dark Theme=off, Type=Multi", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "fills[0]", "cssVar": "--bg-layer1", "figmaName": null, "strategy": "direct-variable-id-map" }, { "path": "text.fills[0]", "cssVar": "--color-grey-13", "figmaName": "UX/Grey/grey-13 #141414", "strategy": "normalized-variable-id" } ] }, "annotationCounts": { "tokenAnnotations": 2, "hasCompositeToken": 0 } } ] }, { "filename": "form_item__1923_50705.json", "figmaName": "Form Item", "nodeId": "1923:50705", "source": { "sourceLayer": "figma-data/raw/components", "sourceFile": "figma-data/raw/components/form_item__1923_50705.json", "rawExtractedAt": "2026-06-08T06:02:38.075Z", "rawNodeId": "1923:50705", "rawSha256": "973dc399de71efbf5171e9649d09796cf5a7dcdedc511a9a064a04b6a77d67ff" }, "tokenizationStrategy": "variable-id-first-then-hex-fallback", "tokenAnnotations": 64, "compositeTokens": 0, "variantDiffs": [ { "variantId": "1923:49063", "variantName": "Type=Label & Input, Layout=2 lines, Theme=Dark, Label Width=Dynamic, Status=Normal", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "text.fills[0]", "cssVar": "--color-grey-6", "figmaName": "UX/Grey/grey-6 #9E9E9E", "strategy": "normalized-variable-id" } ] }, "annotationCounts": { "tokenAnnotations": 1, "hasCompositeToken": 0 } }, { "variantId": "1923:49069", "variantName": "Type=Label & Input, Layout=2 lines, Theme=Dark, Label Width=Dynamic, Status=Error", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "text.fills[0]", "cssVar": "--color-grey-6", "figmaName": "UX/Grey/grey-6 #9E9E9E", "strategy": "normalized-variable-id" } ] }, "annotationCounts": { "tokenAnnotations": 1, "hasCompositeToken": 0 } }, { "variantId": "1923:49077", "variantName": "Type=Label & Selector, Layout=2 lines, Theme=Dark, Label Width=Dynamic, Status=Normal", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "text.fills[0]", "cssVar": "--color-grey-6", "figmaName": "UX/Grey/grey-6 #9E9E9E", "strategy": "normalized-variable-id" } ] }, "annotationCounts": { "tokenAnnotations": 1, "hasCompositeToken": 0 } }, { "variantId": "1923:49083", "variantName": "Type=Label & Selector, Layout=2 lines, Theme=Dark, Label Width=Dynamic, Status=Error", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "text.fills[0]", "cssVar": "--color-grey-6", "figmaName": "UX/Grey/grey-6 #9E9E9E", "strategy": "normalized-variable-id" } ] }, "annotationCounts": { "tokenAnnotations": 1, "hasCompositeToken": 0 } }, { "variantId": "1923:49091", "variantName": "Type=Label & Textarea, Layout=2 lines, Theme=Dark, Label Width=Dynamic, Status=Normal", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "text.fills[0]", "cssVar": "--color-grey-6", "figmaName": "UX/Grey/grey-6 #9E9E9E", "strategy": "normalized-variable-id" } ] }, "annotationCounts": { "tokenAnnotations": 1, "hasCompositeToken": 0 } }, { "variantId": "1923:49097", "variantName": "Type=Label & Textarea, Layout=2 lines, Theme=Dark, Label Width=Dynamic, Status=Error", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "text.fills[0]", "cssVar": "--color-grey-6", "figmaName": "UX/Grey/grey-6 #9E9E9E", "strategy": "normalized-variable-id" } ] }, "annotationCounts": { "tokenAnnotations": 1, "hasCompositeToken": 0 } } ] }, { "filename": "input_box_filled__1436_32815.json", "figmaName": "input box/filled", "nodeId": "1436:32815", "source": { "sourceLayer": "figma-data/raw/components", "sourceFile": "figma-data/raw/components/input_box_filled__1436_32815.json", "rawExtractedAt": "2026-06-09T06:52:08.062Z", "rawNodeId": "1436:32815", "rawSha256": "d260369211639305739a40fd0714130ca162007738a68a836eb0129835587104" }, "tokenizationStrategy": "variable-id-first-then-hex-fallback", "tokenAnnotations": 296, "compositeTokens": 0, "variantDiffs": [ { "variantId": "1431:54604", "variantName": "dark theme=on, status=Placeholder, enable=on, UX=default, size=M, feature=no", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "fills[0]", "cssVar": "--line-deep", "figmaName": "Color Type/Line/Deep Divider", "strategy": "normalized-variable-id" }, { "path": "text.fills[0]", "cssVar": "--text-placeholder", "figmaName": "Color Type/Text/Placeholder & Button", "strategy": "normalized-variable-id" } ] }, "annotationCounts": { "tokenAnnotations": 2, "hasCompositeToken": 0 } }, { "variantId": "4187:7940", "variantName": "dark theme=on, status=Placeholder, enable=on, UX=error, size=M, feature=no", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "fills[0]", "cssVar": "--line-deep", "figmaName": "Color Type/Line/Deep Divider", "strategy": "normalized-variable-id" }, { "path": "strokes[0]", "cssVar": "--red", "figmaName": "UX/Red/Default", "strategy": "normalized-variable-id" }, { "path": "text.fills[0]", "cssVar": "--text-placeholder", "figmaName": "Color Type/Text/Placeholder & Button", "strategy": "normalized-variable-id" } ] }, "annotationCounts": { "tokenAnnotations": 3, "hasCompositeToken": 0 } }, { "variantId": "1436:31698", "variantName": "dark theme=on, status=Placeholder, enable=on, UX=default, size=L, feature=no", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "fills[0]", "cssVar": "--color-grey-10", "figmaName": "UX/Grey/grey-10 #353535", "strategy": "normalized-variable-id" }, { "path": "text.fills[0]", "cssVar": "--color-grey-7", "figmaName": "UX/Grey/grey-7 #7B7B7B", "strategy": "normalized-variable-id" } ] }, "annotationCounts": { "tokenAnnotations": 2, "hasCompositeToken": 0 } }, { "variantId": "4187:8055", "variantName": "dark theme=on, status=Placeholder, enable=on, UX=error, size=L, feature=no", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "fills[0]", "cssVar": "--color-grey-10", "figmaName": "UX/Grey/grey-10 #353535", "strategy": "normalized-variable-id" }, { "path": "strokes[0]", "cssVar": "--red", "figmaName": "UX/Red/Default", "strategy": "normalized-variable-id" }, { "path": "text.fills[0]", "cssVar": "--color-grey-7", "figmaName": "UX/Grey/grey-7 #7B7B7B", "strategy": "normalized-variable-id" } ] }, "annotationCounts": { "tokenAnnotations": 3, "hasCompositeToken": 0 } }, { "variantId": "1431:54626", "variantName": "dark theme=off, status=Placeholder, enable=on, UX=default, size=M, feature=no", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "fills[0]", "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "strategy": "normalized-variable-id" }, { "path": "text.fills[0]", "cssVar": "--color-grey-6", "figmaName": "UX/Grey/grey-6 #9E9E9E", "strategy": "normalized-variable-id" } ] }, "annotationCounts": { "tokenAnnotations": 2, "hasCompositeToken": 0 } }, { "variantId": "4187:8103", "variantName": "dark theme=off, status=Placeholder, enable=on, UX=error, size=M, feature=no", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "fills[0]", "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "strategy": "normalized-variable-id" }, { "path": "strokes[0]", "cssVar": "--red", "figmaName": "UX/Red/Default", "strategy": "normalized-variable-id" }, { "path": "text.fills[0]", "cssVar": "--color-grey-6", "figmaName": "UX/Grey/grey-6 #9E9E9E", "strategy": "normalized-variable-id" } ] }, "annotationCounts": { "tokenAnnotations": 3, "hasCompositeToken": 0 } } ] }, { "filename": "input_box_line__1818_8063.json", "figmaName": "input box/line", "nodeId": "1818:8063", "source": { "sourceLayer": "figma-data/raw/components", "sourceFile": "figma-data/raw/components/input_box_line__1818_8063.json", "rawExtractedAt": "2026-06-09T06:52:08.062Z", "rawNodeId": "1818:8063", "rawSha256": "79947197d1ff981eb1651c5b214e2db28bb34d6cb9180388a45b3f25dda40709" }, "tokenizationStrategy": "variable-id-first-then-hex-fallback", "tokenAnnotations": 224, "compositeTokens": 0, "variantDiffs": [ { "variantId": "1818:8064", "variantName": "dark theme=on, status=Placeholder, enable=on, UX=default, size=M, feature=no", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "strokes[0]", "cssVar": "--color-grey-8", "figmaName": "UX/Grey/grey-8 #595959", "strategy": "normalized-variable-id" }, { "path": "text.fills[0]", "cssVar": "--color-grey-7", "figmaName": "UX/Grey/grey-7 #7B7B7B", "strategy": "normalized-variable-id" } ] }, "annotationCounts": { "tokenAnnotations": 2, "hasCompositeToken": 0 } }, { "variantId": "4187:7696", "variantName": "dark theme=on, status=Placeholder, enable=on, UX=error, size=M, feature=no", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "strokes[0]", "cssVar": "--red", "figmaName": "UX/Red/Default", "strategy": "normalized-variable-id" }, { "path": "text.fills[0]", "cssVar": "--color-grey-7", "figmaName": "UX/Grey/grey-7 #7B7B7B", "strategy": "normalized-variable-id" } ] }, "annotationCounts": { "tokenAnnotations": 2, "hasCompositeToken": 0 } }, { "variantId": "1858:45977", "variantName": "dark theme=on, status=Placeholder, enable=on, UX=default, size=L, feature=no", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "strokes[0]", "cssVar": "--color-grey-8", "figmaName": "UX/Grey/grey-8 #595959", "strategy": "normalized-variable-id" }, { "path": "text.fills[0]", "cssVar": "--color-grey-7", "figmaName": "UX/Grey/grey-7 #7B7B7B", "strategy": "normalized-variable-id" } ] }, "annotationCounts": { "tokenAnnotations": 2, "hasCompositeToken": 0 } }, { "variantId": "4187:7801", "variantName": "dark theme=on, status=Placeholder, enable=on, UX=error, size=L, feature=no", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "strokes[0]", "cssVar": "--red", "figmaName": "UX/Red/Default", "strategy": "normalized-variable-id" }, { "path": "text.fills[0]", "cssVar": "--color-grey-7", "figmaName": "UX/Grey/grey-7 #7B7B7B", "strategy": "normalized-variable-id" } ] }, "annotationCounts": { "tokenAnnotations": 2, "hasCompositeToken": 0 } }, { "variantId": "1818:8068", "variantName": "dark theme=off, status=Placeholder, enable=on, UX=default, size=M, feature=no", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "strokes[0]", "cssVar": "--color-grey-5", "figmaName": "UX/Grey/grey-5 #CCCCCC", "strategy": "normalized-variable-id" }, { "path": "text.fills[0]", "cssVar": "--color-grey-6", "figmaName": "UX/Grey/grey-6 #9E9E9E", "strategy": "normalized-variable-id" } ] }, "annotationCounts": { "tokenAnnotations": 2, "hasCompositeToken": 0 } }, { "variantId": "4187:7845", "variantName": "dark theme=off, status=Placeholder, enable=on, UX=error, size=M, feature=no", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "strokes[0]", "cssVar": "--red", "figmaName": "UX/Red/Default", "strategy": "normalized-variable-id" }, { "path": "text.fills[0]", "cssVar": "--color-grey-6", "figmaName": "UX/Grey/grey-6 #9E9E9E", "strategy": "normalized-variable-id" } ] }, "annotationCounts": { "tokenAnnotations": 2, "hasCompositeToken": 0 } } ] }, { "filename": "inputnumber__4684_7159.json", "figmaName": "InputNumber", "nodeId": "4684:7159", "source": { "sourceLayer": "figma-data/raw/components", "sourceFile": "figma-data/raw/components/inputnumber__4684_7159.json", "rawExtractedAt": "2026-06-08T10:05:06.952Z", "rawNodeId": "4684:7159", "rawSha256": "eef405389e0609c95c9650851813f502951cf2f318c09a8423c9ea0fb22d3c24" }, "tokenizationStrategy": "variable-id-first-then-hex-fallback", "tokenAnnotations": 8, "compositeTokens": 0, "variantDiffs": [ { "variantId": "4684:7158", "variantName": "Property 1=Default", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "strokes[0]", "cssVar": "--line-deep", "figmaName": "Color Type/Line/Deep Divider", "strategy": "normalized-variable-id" }, { "path": "text.fills[0]", "cssVar": "--text-body", "figmaName": "Color Type/Text/Text_1", "strategy": "normalized-variable-id" } ] }, "annotationCounts": { "tokenAnnotations": 2, "hasCompositeToken": 0 } }, { "variantId": "4684:7160", "variantName": "Property 1=Only Add", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "strokes[0]", "cssVar": "--line-deep", "figmaName": "Color Type/Line/Deep Divider", "strategy": "normalized-variable-id" }, { "path": "text.fills[0]", "cssVar": "--text-body", "figmaName": "Color Type/Text/Text_1", "strategy": "normalized-variable-id" } ] }, "annotationCounts": { "tokenAnnotations": 2, "hasCompositeToken": 0 } }, { "variantId": "4684:7172", "variantName": "Property 1=Only Reduce", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "strokes[0]", "cssVar": "--line-deep", "figmaName": "Color Type/Line/Deep Divider", "strategy": "normalized-variable-id" }, { "path": "text.fills[0]", "cssVar": "--text-body", "figmaName": "Color Type/Text/Text_1", "strategy": "normalized-variable-id" } ] }, "annotationCounts": { "tokenAnnotations": 2, "hasCompositeToken": 0 } }, { "variantId": "4684:7184", "variantName": "Property 1=Readonly", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "strokes[0]", "cssVar": "--line-deep", "figmaName": "Color Type/Line/Deep Divider", "strategy": "normalized-variable-id" }, { "path": "text.fills[0]", "cssVar": "--text-grey-dis", "figmaName": "Color Type/Text/Disable Grey Button", "strategy": "normalized-variable-id" } ] }, "annotationCounts": { "tokenAnnotations": 2, "hasCompositeToken": 0 } } ] }, { "filename": "message__1408_17153.json", "figmaName": "Message", "nodeId": "1408:17153", "source": { "sourceLayer": "figma-data/raw/components", "sourceFile": "figma-data/raw/components/message__1408_17153.json", "rawExtractedAt": "2026-06-12T03:56:51.350Z", "rawNodeId": "1408:17153", "rawSha256": "581fa1e14a6af51079e4a9e3e1c4f0f5e1bdc4736198c8fc438685d12ca258cd" }, "tokenizationStrategy": "variable-id-first-then-hex-fallback", "tokenAnnotations": 16, "compositeTokens": 0, "variantDiffs": [ { "variantId": "1408:17150", "variantName": "status=success, size=L", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "fills[0]", "cssVar": "--brand-match", "figmaName": "UX/Brand/Match,Hover", "strategy": "hex-fallback" }, { "path": "text.fills[0]", "cssVar": "--brand", "figmaName": "UX/Brand/Brand", "strategy": "normalized-variable-id" } ] }, "annotationCounts": { "tokenAnnotations": 2, "hasCompositeToken": 0 } }, { "variantId": "1408:17148", "variantName": "status=warning, size=L", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "fills[0]", "cssVar": "--orange-bg", "figmaName": "UX/Orange/Msg-bg", "strategy": "normalized-variable-id" }, { "path": "text.fills[0]", "cssVar": "--orange", "figmaName": "UX/Orange/Default", "strategy": "normalized-variable-id" } ] }, "annotationCounts": { "tokenAnnotations": 2, "hasCompositeToken": 0 } }, { "variantId": "1408:17146", "variantName": "status=error, size=L", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "fills[0]", "cssVar": "--red-bg", "figmaName": "UX/Red/Msg-bg", "strategy": "normalized-variable-id" }, { "path": "text.fills[0]", "cssVar": "--red", "figmaName": "UX/Red/Default", "strategy": "normalized-variable-id" } ] }, "annotationCounts": { "tokenAnnotations": 2, "hasCompositeToken": 0 } }, { "variantId": "1408:17143", "variantName": "status=info, size=L", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "fills[0]", "cssVar": "--blue-bg", "figmaName": "UX/Blue/Msg-bg", "strategy": "normalized-variable-id" }, { "path": "text.fills[0]", "cssVar": "--blue", "figmaName": "UX/Blue/Default", "strategy": "normalized-variable-id" } ] }, "annotationCounts": { "tokenAnnotations": 2, "hasCompositeToken": 0 } }, { "variantId": "1545:19942", "variantName": "status=success, size=M", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "fills[0]", "cssVar": "--brand-match", "figmaName": "UX/Brand/Match,Hover", "strategy": "hex-fallback" }, { "path": "text.fills[0]", "cssVar": "--brand", "figmaName": "UX/Brand/Brand", "strategy": "normalized-variable-id" } ] }, "annotationCounts": { "tokenAnnotations": 2, "hasCompositeToken": 0 } }, { "variantId": "1545:19940", "variantName": "status=warning, size=M", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "fills[0]", "cssVar": "--orange-bg", "figmaName": "UX/Orange/Msg-bg", "strategy": "normalized-variable-id" }, { "path": "text.fills[0]", "cssVar": "--orange", "figmaName": "UX/Orange/Default", "strategy": "normalized-variable-id" } ] }, "annotationCounts": { "tokenAnnotations": 2, "hasCompositeToken": 0 } } ] }, { "filename": "neutral_color__1558_32103.json", "figmaName": "Neutral Color", "nodeId": "1558:32103", "source": { "sourceLayer": "figma-data/raw/components", "sourceFile": "figma-data/raw/components/neutral_color__1558_32103.json", "rawExtractedAt": "2026-06-09T05:12:17.501Z", "rawNodeId": "1558:32103", "rawSha256": "be3ec1c07defb9333363c5ec4c3ff19280c27ed18816de6da73918817c67c692" }, "tokenizationStrategy": "variable-id-first-then-hex-fallback", "tokenAnnotations": 1, "compositeTokens": 0, "variantDiffs": [ { "variantId": "1558:32103", "variantName": "Neutral Color", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "text.fills[0]", "cssVar": "--text-heading", "figmaName": "Color Type/Text/Heading & Button", "strategy": "hex-fallback" } ] }, "annotationCounts": { "tokenAnnotations": 1, "hasCompositeToken": 0 } } ] }, { "filename": "notification__1408_17154.json", "figmaName": "Notification", "nodeId": "1408:17154", "source": { "sourceLayer": "figma-data/raw/components", "sourceFile": "figma-data/raw/components/notification__1408_17154.json", "rawExtractedAt": "2026-06-12T03:56:51.349Z", "rawNodeId": "1408:17154", "rawSha256": "fd9e6680dc530e9700ffd04ff33bed83acf643113bf4bc709a44cd45f031865c" }, "tokenizationStrategy": "variable-id-first-then-hex-fallback", "tokenAnnotations": 108, "compositeTokens": 0, "variantDiffs": [ { "variantId": "5891:7085", "variantName": "theme=dark, form=dialog, type=success", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "fills[0]", "cssVar": "--bg-layer4", "figmaName": "Color Type/Background/Layer_4", "strategy": "normalized-variable-id" }, { "path": "strokes[0]", "cssVar": "--line-light", "figmaName": "Color Type/Line/Light Divider", "strategy": "normalized-variable-id" }, { "path": "text.fills[0]", "cssVar": "--text-body", "figmaName": "Color Type/Text/Text_1", "strategy": "normalized-variable-id" } ] }, "annotationCounts": { "tokenAnnotations": 3, "hasCompositeToken": 0 } }, { "variantId": "5891:7102", "variantName": "theme=light, form=dialog, type=success", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "fills[0]", "cssVar": "--bg-layer2", "figmaName": "Color Type/Background/Layer_2", "strategy": "normalized-variable-id" }, { "path": "strokes[0]", "cssVar": "--line-light", "figmaName": "Color Type/Line/Light Divider", "strategy": "normalized-variable-id" }, { "path": "text.fills[0]", "cssVar": "--text-body", "figmaName": "Color Type/Text/Text_1", "strategy": "normalized-variable-id" } ] }, "annotationCounts": { "tokenAnnotations": 3, "hasCompositeToken": 0 } }, { "variantId": "5819:7085", "variantName": "theme=dark, form=dialog, type=info", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "fills[0]", "cssVar": "--bg-layer4", "figmaName": "Color Type/Background/Layer_4", "strategy": "normalized-variable-id" }, { "path": "strokes[0]", "cssVar": "--line-light", "figmaName": "Color Type/Line/Light Divider", "strategy": "normalized-variable-id" }, { "path": "text.fills[0]", "cssVar": "--text-body", "figmaName": "Color Type/Text/Text_1", "strategy": "normalized-variable-id" } ] }, "annotationCounts": { "tokenAnnotations": 3, "hasCompositeToken": 0 } }, { "variantId": "5820:7085", "variantName": "theme=light, form=dialog, type=info", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "fills[0]", "cssVar": "--bg-layer2", "figmaName": "Color Type/Background/Layer_2", "strategy": "normalized-variable-id" }, { "path": "strokes[0]", "cssVar": "--line-light", "figmaName": "Color Type/Line/Light Divider", "strategy": "normalized-variable-id" }, { "path": "text.fills[0]", "cssVar": "--text-body", "figmaName": "Color Type/Text/Text_1", "strategy": "normalized-variable-id" } ] }, "annotationCounts": { "tokenAnnotations": 3, "hasCompositeToken": 0 } }, { "variantId": "1408:17123", "variantName": "theme=dark, form=dialog, type=warning", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "fills[0]", "cssVar": "--bg-layer4", "figmaName": "Color Type/Background/Layer_4", "strategy": "normalized-variable-id" }, { "path": "strokes[0]", "cssVar": "--line-light", "figmaName": "Color Type/Line/Light Divider", "strategy": "normalized-variable-id" }, { "path": "text.fills[0]", "cssVar": "--text-body", "figmaName": "Color Type/Text/Text_1", "strategy": "normalized-variable-id" } ] }, "annotationCounts": { "tokenAnnotations": 3, "hasCompositeToken": 0 } }, { "variantId": "1408:17129", "variantName": "theme=light, form=dialog, type=warning", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "fills[0]", "cssVar": "--bg-layer2", "figmaName": "Color Type/Background/Layer_2", "strategy": "normalized-variable-id" }, { "path": "strokes[0]", "cssVar": "--line-light", "figmaName": "Color Type/Line/Light Divider", "strategy": "normalized-variable-id" }, { "path": "text.fills[0]", "cssVar": "--text-body", "figmaName": "Color Type/Text/Text_1", "strategy": "normalized-variable-id" } ] }, "annotationCounts": { "tokenAnnotations": 3, "hasCompositeToken": 0 } } ] }, { "filename": "pagination__4894_7210.json", "figmaName": "Pagination", "nodeId": "4894:7210", "source": { "sourceLayer": "figma-data/raw/components", "sourceFile": "figma-data/raw/components/pagination__4894_7210.json", "rawExtractedAt": "2026-06-09T05:12:17.530Z", "rawNodeId": "4894:7210", "rawSha256": "d5138fbb1ec28caade7e2bbd886d03dc6c85860bf4e8a9e2d0c2079c6411036f" }, "tokenizationStrategy": "variable-id-first-then-hex-fallback", "tokenAnnotations": 3, "compositeTokens": 0, "variantDiffs": [ { "variantId": "4884:7181", "variantName": "Type=Classic", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "text.fills[0]", "cssVar": "--text-tips", "figmaName": "Color Type/Text/Tips", "strategy": "normalized-variable-id" } ] }, "annotationCounts": { "tokenAnnotations": 1, "hasCompositeToken": 0 } }, { "variantId": "4907:6738", "variantName": "Type=Small", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "text.fills[0]", "cssVar": "--text-tips", "figmaName": "Color Type/Text/Tips", "strategy": "normalized-variable-id" } ] }, "annotationCounts": { "tokenAnnotations": 1, "hasCompositeToken": 0 } }, { "variantId": "4894:7211", "variantName": "Type=Simple", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "text.fills[0]", "cssVar": "--text-tips", "figmaName": "Color Type/Text/Tips", "strategy": "normalized-variable-id" } ] }, "annotationCounts": { "tokenAnnotations": 1, "hasCompositeToken": 0 } } ] }, { "filename": "pill_status__5672_140617.json", "figmaName": "Pill Status", "nodeId": "5672:140617", "source": { "sourceLayer": "figma-data/raw/components", "sourceFile": "figma-data/raw/components/pill_status__5672_140617.json", "rawExtractedAt": "2026-06-09T05:12:17.530Z", "rawNodeId": "5672:140617", "rawSha256": "8ce446aa027d68d5f04faf2dfe19fb8f991c73f1b1de0aac31d7c0fbd59a9d7b" }, "tokenizationStrategy": "variable-id-first-then-hex-fallback", "tokenAnnotations": 24, "compositeTokens": 0, "variantDiffs": [ { "variantId": "5672:140618", "variantName": "Status=On-air, Active=True", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "fills[0]", "cssVar": "--red", "figmaName": "UX/Red/Default", "strategy": "hex-fallback" }, { "path": "strokes[0]", "cssVar": "--red", "figmaName": "UX/Red/Default", "strategy": "normalized-variable-id" }, { "path": "text.fills[0]", "cssVar": "--red", "figmaName": "UX/Red/Default", "strategy": "normalized-variable-id" } ] }, "annotationCounts": { "tokenAnnotations": 3, "hasCompositeToken": 0 } }, { "variantId": "5672:140622", "variantName": "Status=On-air, Active=False", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "fills[0]", "cssVar": "--bg-layer3", "figmaName": "Color Type/Background/Layer_3", "strategy": "normalized-variable-id" }, { "path": "strokes[0]", "cssVar": "--line-deep", "figmaName": "Color Type/Line/Deep Divider", "strategy": "normalized-variable-id" }, { "path": "text.fills[0]", "cssVar": "--text-tips", "figmaName": "Color Type/Text/Tips", "strategy": "normalized-variable-id" } ] }, "annotationCounts": { "tokenAnnotations": 3, "hasCompositeToken": 0 } }, { "variantId": "5672:140626", "variantName": "Status=Preview, Active=True", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "fills[0]", "cssVar": "--brand", "figmaName": "UX/Brand/Brand", "strategy": "hex-fallback" }, { "path": "strokes[0]", "cssVar": "--brand", "figmaName": "UX/Brand/Brand", "strategy": "normalized-variable-id" }, { "path": "text.fills[0]", "cssVar": "--brand", "figmaName": "UX/Brand/Brand", "strategy": "normalized-variable-id" } ] }, "annotationCounts": { "tokenAnnotations": 3, "hasCompositeToken": 0 } }, { "variantId": "5672:140630", "variantName": "Status=Preview, Active=False", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "fills[0]", "cssVar": "--bg-layer3", "figmaName": "Color Type/Background/Layer_3", "strategy": "normalized-variable-id" }, { "path": "strokes[0]", "cssVar": "--line-deep", "figmaName": "Color Type/Line/Deep Divider", "strategy": "normalized-variable-id" }, { "path": "text.fills[0]", "cssVar": "--text-tips", "figmaName": "Color Type/Text/Tips", "strategy": "normalized-variable-id" } ] }, "annotationCounts": { "tokenAnnotations": 3, "hasCompositeToken": 0 } }, { "variantId": "5672:140634", "variantName": "Status=Analyzing, Active=True", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "fills[0]", "cssVar": "--blue", "figmaName": "UX/Blue/Default", "strategy": "hex-fallback" }, { "path": "strokes[0]", "cssVar": "--blue", "figmaName": "UX/Blue/Default", "strategy": "normalized-variable-id" }, { "path": "text.fills[0]", "cssVar": "--blue", "figmaName": "UX/Blue/Default", "strategy": "normalized-variable-id" } ] }, "annotationCounts": { "tokenAnnotations": 3, "hasCompositeToken": 0 } }, { "variantId": "5672:140638", "variantName": "Status=Analyzing, Active=False", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "fills[0]", "cssVar": "--bg-layer3", "figmaName": "Color Type/Background/Layer_3", "strategy": "normalized-variable-id" }, { "path": "strokes[0]", "cssVar": "--line-deep", "figmaName": "Color Type/Line/Deep Divider", "strategy": "normalized-variable-id" }, { "path": "text.fills[0]", "cssVar": "--text-tips", "figmaName": "Color Type/Text/Tips", "strategy": "normalized-variable-id" } ] }, "annotationCounts": { "tokenAnnotations": 3, "hasCompositeToken": 0 } } ] }, { "filename": "popup_box__1939_43682.json", "figmaName": "Popup Box", "nodeId": "1939:43682", "source": { "sourceLayer": "figma-data/raw/components", "sourceFile": "figma-data/raw/components/popup_box__1939_43682.json", "rawExtractedAt": "2026-06-08T05:06:14.671Z", "rawNodeId": "1939:43682", "rawSha256": "0c9596b3092415aab932102730012c8c3252e9eb7af5b9f3c2464897ce0a8490" }, "tokenizationStrategy": "variable-id-first-then-hex-fallback", "tokenAnnotations": 6, "compositeTokens": 0, "variantDiffs": [ { "variantId": "1939:43644", "variantName": "Theme=Dark", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "fills[0]", "cssVar": "--color-grey-12", "figmaName": "UX/Grey/grey-12 #1F1F1F", "strategy": "normalized-variable-id" }, { "path": "strokes[0]", "cssVar": "--color-grey-8", "figmaName": "UX/Grey/grey-8 #595959", "strategy": "normalized-variable-id" }, { "path": "text.fills[0]", "cssVar": "--color-grey-2", "figmaName": "UX/Grey/grey-2 #F8F8F8", "strategy": "normalized-variable-id" } ] }, "annotationCounts": { "tokenAnnotations": 3, "hasCompositeToken": 0 } }, { "variantId": "1939:43606", "variantName": "Theme=Light", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "fills[0]", "cssVar": "--color-grey-2", "figmaName": "UX/Grey/grey-2 #F8F8F8", "strategy": "normalized-variable-id" }, { "path": "strokes[0]", "cssVar": "--color-grey-3", "figmaName": "UX/Grey/grey-3 #F0F0F0", "strategy": "normalized-variable-id" }, { "path": "text.fills[0]", "cssVar": "--color-grey-13", "figmaName": "UX/Grey/grey-13 #141414", "strategy": "normalized-variable-id" } ] }, "annotationCounts": { "tokenAnnotations": 3, "hasCompositeToken": 0 } } ] }, { "filename": "progress__4915_7287.json", "figmaName": "Progress", "nodeId": "4915:7287", "source": { "sourceLayer": "figma-data/raw/components", "sourceFile": "figma-data/raw/components/progress__4915_7287.json", "rawExtractedAt": "2026-06-08T05:25:30.645Z", "rawNodeId": "4915:7287", "rawSha256": "aebd855d123c2a2d9cd4bebff080e8abdf704e9ff5d690bee09bba073a6677db" }, "tokenizationStrategy": "variable-id-first-then-hex-fallback", "tokenAnnotations": 16, "compositeTokens": 0, "variantDiffs": [ { "variantId": "4915:7191", "variantName": "theme=dark, status=default, size=M", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "text.fills[0]", "cssVar": "--color-grey-5", "figmaName": null, "strategy": "direct-variable-id-map" } ] }, "annotationCounts": { "tokenAnnotations": 1, "hasCompositeToken": 0 } }, { "variantId": "4915:7197", "variantName": "theme=dark, status=default, size=S", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "text.fills[0]", "cssVar": "--color-grey-5", "figmaName": null, "strategy": "direct-variable-id-map" } ] }, "annotationCounts": { "tokenAnnotations": 1, "hasCompositeToken": 0 } }, { "variantId": "4915:7239", "variantName": "theme=light, status=default, size=M", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "text.fills[0]", "cssVar": "--color-grey-5", "figmaName": null, "strategy": "direct-variable-id-map" } ] }, "annotationCounts": { "tokenAnnotations": 1, "hasCompositeToken": 0 } }, { "variantId": "4915:7245", "variantName": "theme=light, status=default, size=S", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "text.fills[0]", "cssVar": "--color-grey-5", "figmaName": null, "strategy": "direct-variable-id-map" } ] }, "annotationCounts": { "tokenAnnotations": 1, "hasCompositeToken": 0 } }, { "variantId": "4915:7203", "variantName": "theme=dark, status=success, size=M", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "text.fills[0]", "cssVar": "--color-grey-5", "figmaName": null, "strategy": "direct-variable-id-map" } ] }, "annotationCounts": { "tokenAnnotations": 1, "hasCompositeToken": 0 } }, { "variantId": "4915:7209", "variantName": "theme=dark, status=success, size=S", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "text.fills[0]", "cssVar": "--color-grey-5", "figmaName": null, "strategy": "direct-variable-id-map" } ] }, "annotationCounts": { "tokenAnnotations": 1, "hasCompositeToken": 0 } } ] }, { "filename": "radio__3242_15188.json", "figmaName": "radio", "nodeId": "3242:15188", "source": { "sourceLayer": "figma-data/raw/components", "sourceFile": "figma-data/raw/components/radio__3242_15188.json", "rawExtractedAt": "2026-06-08T04:29:33.559Z", "rawNodeId": "3242:15188", "rawSha256": "50f891f2c6404d202d40d0ca0c362c5c8b7cd53c6967a892615d24e9860578fa" }, "tokenizationStrategy": "variable-id-first-then-hex-fallback", "tokenAnnotations": 8, "compositeTokens": 0, "variantDiffs": [ { "variantId": "374:853", "variantName": "dark theme=on, status=off, enable=yes", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "text.fills[0]", "cssVar": "--text-body", "figmaName": "Color Type/Text/Text_1", "strategy": "normalized-variable-id" } ] }, "annotationCounts": { "tokenAnnotations": 1, "hasCompositeToken": 0 } }, { "variantId": "374:854", "variantName": "dark theme=on, status=off, enable=no", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "text.fills[0]", "cssVar": "--text-disabled", "figmaName": "Color Type/Text/Disable", "strategy": "normalized-variable-id" } ] }, "annotationCounts": { "tokenAnnotations": 1, "hasCompositeToken": 0 } }, { "variantId": "374:855", "variantName": "dark theme=on, status=on, enable=no", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "text.fills[0]", "cssVar": "--text-disabled", "figmaName": "Color Type/Text/Disable", "strategy": "normalized-variable-id" } ] }, "annotationCounts": { "tokenAnnotations": 1, "hasCompositeToken": 0 } }, { "variantId": "374:856", "variantName": "dark theme=on, status=on, enable=yes", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "text.fills[0]", "cssVar": "--text-body", "figmaName": "Color Type/Text/Text_1", "strategy": "normalized-variable-id" } ] }, "annotationCounts": { "tokenAnnotations": 1, "hasCompositeToken": 0 } }, { "variantId": "374:857", "variantName": "dark theme=off, status=off, enable=yes", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "text.fills[0]", "cssVar": "--color-grey-13", "figmaName": "UX/Grey/grey-13 #141414", "strategy": "normalized-variable-id" } ] }, "annotationCounts": { "tokenAnnotations": 1, "hasCompositeToken": 0 } }, { "variantId": "374:860", "variantName": "dark theme=off, status=on, enable=yes", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "text.fills[0]", "cssVar": "--color-grey-13", "figmaName": "UX/Grey/grey-13 #141414", "strategy": "normalized-variable-id" } ] }, "annotationCounts": { "tokenAnnotations": 1, "hasCompositeToken": 0 } } ] }, { "filename": "select_box_filled__1436_32816.json", "figmaName": "select box/filled", "nodeId": "1436:32816", "source": { "sourceLayer": "figma-data/raw/components", "sourceFile": "figma-data/raw/components/select_box_filled__1436_32816.json", "rawExtractedAt": "2026-06-09T06:52:08.061Z", "rawNodeId": "1436:32816", "rawSha256": "7ffb386aafaf74e3be80aecbc91b8360f0541ec098fb8063ac785ec99f8ef2ec" }, "tokenizationStrategy": "variable-id-first-then-hex-fallback", "tokenAnnotations": 376, "compositeTokens": 0, "variantDiffs": [ { "variantId": "1436:32817", "variantName": "dark theme=on, status=Placeholder, enable=on, UX=default, size=M, feature=default", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "fills[0]", "cssVar": "--color-grey-10", "figmaName": "UX/Grey/grey-10 #353535", "strategy": "normalized-variable-id" }, { "path": "text.fills[0]", "cssVar": "--color-grey-7", "figmaName": "UX/Grey/grey-7 #7B7B7B", "strategy": "normalized-variable-id" } ] }, "annotationCounts": { "tokenAnnotations": 2, "hasCompositeToken": 0 } }, { "variantId": "4187:6996", "variantName": "dark theme=on, status=Placeholder, enable=on, UX=error, size=M, feature=default", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "fills[0]", "cssVar": "--color-grey-10", "figmaName": "UX/Grey/grey-10 #353535", "strategy": "normalized-variable-id" }, { "path": "strokes[0]", "cssVar": "--red", "figmaName": "UX/Red/Default", "strategy": "normalized-variable-id" }, { "path": "text.fills[0]", "cssVar": "--color-grey-7", "figmaName": "UX/Grey/grey-7 #7B7B7B", "strategy": "normalized-variable-id" } ] }, "annotationCounts": { "tokenAnnotations": 3, "hasCompositeToken": 0 } }, { "variantId": "1443:38596", "variantName": "dark theme=on, status=Placeholder, enable=on, UX=default, size=L, feature=default", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "fills[0]", "cssVar": "--color-grey-10", "figmaName": "UX/Grey/grey-10 #353535", "strategy": "normalized-variable-id" }, { "path": "text.fills[0]", "cssVar": "--color-grey-7", "figmaName": "UX/Grey/grey-7 #7B7B7B", "strategy": "normalized-variable-id" } ] }, "annotationCounts": { "tokenAnnotations": 2, "hasCompositeToken": 0 } }, { "variantId": "4187:7214", "variantName": "dark theme=on, status=Placeholder, enable=on, UX=error, size=L, feature=default", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "fills[0]", "cssVar": "--color-grey-10", "figmaName": "UX/Grey/grey-10 #353535", "strategy": "normalized-variable-id" }, { "path": "strokes[0]", "cssVar": "--red", "figmaName": "UX/Red/Default", "strategy": "normalized-variable-id" }, { "path": "text.fills[0]", "cssVar": "--color-grey-7", "figmaName": "UX/Grey/grey-7 #7B7B7B", "strategy": "normalized-variable-id" } ] }, "annotationCounts": { "tokenAnnotations": 3, "hasCompositeToken": 0 } }, { "variantId": "1436:32821", "variantName": "dark theme=off, status=Placeholder, enable=on, UX=default, size=M, feature=default", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "fills[0]", "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "strategy": "normalized-variable-id" }, { "path": "text.fills[0]", "cssVar": "--color-grey-6", "figmaName": "UX/Grey/grey-6 #9E9E9E", "strategy": "normalized-variable-id" } ] }, "annotationCounts": { "tokenAnnotations": 2, "hasCompositeToken": 0 } }, { "variantId": "4187:7398", "variantName": "dark theme=off, status=Placeholder, enable=on, UX=error, size=M, feature=default", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "fills[0]", "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "strategy": "normalized-variable-id" }, { "path": "strokes[0]", "cssVar": "--red", "figmaName": "UX/Red/Default", "strategy": "normalized-variable-id" }, { "path": "text.fills[0]", "cssVar": "--color-grey-6", "figmaName": "UX/Grey/grey-6 #9E9E9E", "strategy": "normalized-variable-id" } ] }, "annotationCounts": { "tokenAnnotations": 3, "hasCompositeToken": 0 } } ] }, { "filename": "select_box_line__1804_26921.json", "figmaName": "select box/line", "nodeId": "1804:26921", "source": { "sourceLayer": "figma-data/raw/components", "sourceFile": "figma-data/raw/components/select_box_line__1804_26921.json", "rawExtractedAt": "2026-06-09T06:52:08.061Z", "rawNodeId": "1804:26921", "rawSha256": "7a8f2e7582fca6b2d38a0e590e64e5b4c78ff58731154baa79b91c06446f38c6" }, "tokenizationStrategy": "variable-id-first-then-hex-fallback", "tokenAnnotations": 288, "compositeTokens": 0, "variantDiffs": [ { "variantId": "1804:26922", "variantName": "dark theme=on, status=Placeholder, enable=on, UX=default, size=M, feature=default", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "strokes[0]", "cssVar": "--color-grey-8", "figmaName": "UX/Grey/grey-8 #595959", "strategy": "normalized-variable-id" }, { "path": "text.fills[0]", "cssVar": "--color-grey-7", "figmaName": "UX/Grey/grey-7 #7B7B7B", "strategy": "normalized-variable-id" } ] }, "annotationCounts": { "tokenAnnotations": 2, "hasCompositeToken": 0 } }, { "variantId": "4187:5323", "variantName": "dark theme=on, status=Placeholder, enable=on, UX=error, size=M, feature=default", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "strokes[0]", "cssVar": "--red", "figmaName": "UX/Red/Default", "strategy": "normalized-variable-id" }, { "path": "text.fills[0]", "cssVar": "--color-grey-7", "figmaName": "UX/Grey/grey-7 #7B7B7B", "strategy": "normalized-variable-id" } ] }, "annotationCounts": { "tokenAnnotations": 2, "hasCompositeToken": 0 } }, { "variantId": "1852:61100", "variantName": "dark theme=on, status=Placeholder, enable=on, UX=default, size=L, feature=default", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "strokes[0]", "cssVar": "--color-grey-8", "figmaName": "UX/Grey/grey-8 #595959", "strategy": "normalized-variable-id" }, { "path": "text.fills[0]", "cssVar": "--color-grey-7", "figmaName": "UX/Grey/grey-7 #7B7B7B", "strategy": "normalized-variable-id" } ] }, "annotationCounts": { "tokenAnnotations": 2, "hasCompositeToken": 0 } }, { "variantId": "4187:6628", "variantName": "dark theme=on, status=Placeholder, enable=on, UX=error, size=L, feature=default", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "strokes[0]", "cssVar": "--red", "figmaName": "UX/Red/Default", "strategy": "normalized-variable-id" }, { "path": "text.fills[0]", "cssVar": "--color-grey-7", "figmaName": "UX/Grey/grey-7 #7B7B7B", "strategy": "normalized-variable-id" } ] }, "annotationCounts": { "tokenAnnotations": 2, "hasCompositeToken": 0 } }, { "variantId": "1804:26928", "variantName": "dark theme=off, status=Placeholder, enable=on, UX=default, size=M, feature=default", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "strokes[0]", "cssVar": "--color-grey-5", "figmaName": "UX/Grey/grey-5 #CCCCCC", "strategy": "normalized-variable-id" }, { "path": "text.fills[0]", "cssVar": "--color-grey-6", "figmaName": "UX/Grey/grey-6 #9E9E9E", "strategy": "normalized-variable-id" } ] }, "annotationCounts": { "tokenAnnotations": 2, "hasCompositeToken": 0 } }, { "variantId": "4187:6444", "variantName": "dark theme=off, status=Placeholder, enable=on, UX=error, size=M, feature=default", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "strokes[0]", "cssVar": "--red", "figmaName": "UX/Red/Default", "strategy": "normalized-variable-id" }, { "path": "text.fills[0]", "cssVar": "--color-grey-6", "figmaName": "UX/Grey/grey-6 #9E9E9E", "strategy": "normalized-variable-id" } ] }, "annotationCounts": { "tokenAnnotations": 2, "hasCompositeToken": 0 } } ] }, { "filename": "slider__4934_7206.json", "figmaName": "Slider", "nodeId": "4934:7206", "source": { "sourceLayer": "figma-data/raw/components", "sourceFile": "figma-data/raw/components/slider__4934_7206.json", "rawExtractedAt": "2026-06-09T05:12:17.530Z", "rawNodeId": "4934:7206", "rawSha256": "c92a43e77c0f1e307403628ef17b997d68fadc98406221956d70c1ebeb1af8d8" }, "tokenizationStrategy": "variable-id-first-then-hex-fallback", "tokenAnnotations": 4, "compositeTokens": 0, "variantDiffs": [ { "variantId": "4934:7182", "variantName": "theme=dark, size=M", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "text.fills[0]", "cssVar": "--color-grey-5", "figmaName": null, "strategy": "direct-variable-id-map" } ] }, "annotationCounts": { "tokenAnnotations": 1, "hasCompositeToken": 0 } }, { "variantId": "4934:7188", "variantName": "theme=dark, size=S", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "text.fills[0]", "cssVar": "--color-grey-5", "figmaName": null, "strategy": "direct-variable-id-map" } ] }, "annotationCounts": { "tokenAnnotations": 1, "hasCompositeToken": 0 } }, { "variantId": "4934:7194", "variantName": "theme=light, size=M", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "text.fills[0]", "cssVar": "--color-grey-5", "figmaName": null, "strategy": "direct-variable-id-map" } ] }, "annotationCounts": { "tokenAnnotations": 1, "hasCompositeToken": 0 } }, { "variantId": "4934:7200", "variantName": "theme=light, size=S", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "text.fills[0]", "cssVar": "--color-grey-5", "figmaName": null, "strategy": "direct-variable-id-map" } ] }, "annotationCounts": { "tokenAnnotations": 1, "hasCompositeToken": 0 } } ] }, { "filename": "step_item__4943_7310.json", "figmaName": "Step/Item", "nodeId": "4943:7310", "source": { "sourceLayer": "figma-data/raw/components", "sourceFile": "figma-data/raw/components/step_item__4943_7310.json", "rawExtractedAt": "2026-06-09T09:35:48.751Z", "rawNodeId": "4943:7310", "rawSha256": "ec89d8adfc4f0a4a8cab20170b2563c487142bda1aac27c28b991316dd975cc3" }, "tokenizationStrategy": "variable-id-first-then-hex-fallback", "tokenAnnotations": 7, "compositeTokens": 0, "variantDiffs": [ { "variantId": "4943:7244", "variantName": "direction=horizontal, style=number, state=completed", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "text.fills[0]", "cssVar": "--brand", "figmaName": "UX/Brand/Brand", "strategy": "hex-fallback" } ] }, "annotationCounts": { "tokenAnnotations": 1, "hasCompositeToken": 0 } }, { "variantId": "4943:7230", "variantName": "direction=horizontal, style=number, state=pending", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "text.fills[0]", "cssVar": "--text-placeholder", "figmaName": "Color Type/Text/Placeholder & Button", "strategy": "normalized-variable-id" } ] }, "annotationCounts": { "tokenAnnotations": 1, "hasCompositeToken": 0 } }, { "variantId": "4943:7299", "variantName": "direction=horizontal, style=icon, state=completed", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "text.fills[0]", "cssVar": "--brand", "figmaName": "UX/Brand/Brand", "strategy": "hex-fallback" } ] }, "annotationCounts": { "tokenAnnotations": 1, "hasCompositeToken": 0 } }, { "variantId": "4943:7288", "variantName": "direction=horizontal, style=icon, state=active", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "text.fills[0]", "cssVar": "--text-body", "figmaName": "Color Type/Text/Text_1", "strategy": "normalized-variable-id" } ] }, "annotationCounts": { "tokenAnnotations": 1, "hasCompositeToken": 0 } }, { "variantId": "4943:7277", "variantName": "direction=horizontal, style=icon, state=pending", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "text.fills[0]", "cssVar": "--text-placeholder", "figmaName": "Color Type/Text/Placeholder & Button", "strategy": "normalized-variable-id" } ] }, "annotationCounts": { "tokenAnnotations": 1, "hasCompositeToken": 0 } }, { "variantId": "4943:7267", "variantName": "direction=vertical, style=number, state=completed", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "text.fills[0]", "cssVar": "--brand", "figmaName": "UX/Brand/Brand", "strategy": "hex-fallback" } ] }, "annotationCounts": { "tokenAnnotations": 1, "hasCompositeToken": 0 } } ] }, { "filename": "switch__348_3483.json", "figmaName": "switch", "nodeId": "348:3483", "source": { "sourceLayer": "figma-data/raw/components", "sourceFile": "figma-data/raw/components/switch__348_3483.json", "rawExtractedAt": "2026-06-08T05:30:11.642Z", "rawNodeId": "348:3483", "rawSha256": "045bd1e15da2df5e7addcb98d5010f23cf7a32931a52a35eba3fef7bc95fc002" }, "tokenizationStrategy": "variable-id-first-then-hex-fallback", "tokenAnnotations": 4, "compositeTokens": 0, "variantDiffs": [ { "variantId": "337:18075", "variantName": "dark theme=on, status=on, enable=yes, loading=no", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "fills[0]", "cssVar": "--brand", "figmaName": "UX/Brand/Brand", "strategy": "normalized-variable-id" } ] }, "annotationCounts": { "tokenAnnotations": 1, "hasCompositeToken": 0 } }, { "variantId": "337:18083", "variantName": "dark theme=off, status=on, enable=yes, loading=no", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "fills[0]", "cssVar": "--brand", "figmaName": "UX/Brand/Brand", "strategy": "normalized-variable-id" } ] }, "annotationCounts": { "tokenAnnotations": 1, "hasCompositeToken": 0 } }, { "variantId": "337:18082", "variantName": "dark theme=on, status=off, enable=yes, loading=no", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "fills[0]", "cssVar": "--color-grey-8", "figmaName": "UX/Grey/grey-8 #595959", "strategy": "normalized-variable-id" } ] }, "annotationCounts": { "tokenAnnotations": 1, "hasCompositeToken": 0 } }, { "variantId": "337:18085", "variantName": "dark theme=off, status=off, enable=yes, loading=no", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "fills[0]", "cssVar": "--color-grey-6", "figmaName": "UX/Grey/grey-6 #9E9E9E", "strategy": "normalized-variable-id" } ] }, "annotationCounts": { "tokenAnnotations": 1, "hasCompositeToken": 0 } } ] }, { "filename": "tab_item__4265_16082.json", "figmaName": "Tab/Item", "nodeId": "4265:16082", "source": { "sourceLayer": "figma-data/raw/components", "sourceFile": "figma-data/raw/components/tab_item__4265_16082.json", "rawExtractedAt": "2026-06-09T09:36:28.069Z", "rawNodeId": "4265:16082", "rawSha256": "3fb9d9cdf6eb5d97215ee2ce91a490f018df55675e99049372dffef50393e016" }, "tokenizationStrategy": "variable-id-first-then-hex-fallback", "tokenAnnotations": 10, "compositeTokens": 0, "variantDiffs": [ { "variantId": "4265:16083", "variantName": "Property 1=Normal, Property 2=White, Type=Line", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "text.fills[0]", "cssVar": "--text-tips", "figmaName": "Color Type/Text/Tips", "strategy": "normalized-variable-id" } ] }, "annotationCounts": { "tokenAnnotations": 1, "hasCompositeToken": 0 } }, { "variantId": "4605:7204", "variantName": "Property 1=Active, Property 2=White, Type=Text", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "text.fills[0]", "cssVar": "--text-body", "figmaName": "Color Type/Text/Text_1", "strategy": "normalized-variable-id" } ] }, "annotationCounts": { "tokenAnnotations": 1, "hasCompositeToken": 0 } }, { "variantId": "4452:7118", "variantName": "Property 1=Normal, Property 2=White, Type=Filled", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "fills[0]", "cssVar": "--bg-layer4", "figmaName": "Color Type/Background/Layer_4", "strategy": "normalized-variable-id" }, { "path": "text.fills[0]", "cssVar": "--text-2", "figmaName": "Color Type/Text/Text_2", "strategy": "normalized-variable-id" } ] }, "annotationCounts": { "tokenAnnotations": 2, "hasCompositeToken": 0 } }, { "variantId": "4265:16085", "variantName": "Property 1=Active, Property 2=Green, Type=Line", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "strokes[0]", "cssVar": "--brand", "figmaName": "UX/Brand/Brand", "strategy": "normalized-variable-id" }, { "path": "text.fills[0]", "cssVar": "--brand", "figmaName": "UX/Brand/Brand", "strategy": "normalized-variable-id" } ] }, "annotationCounts": { "tokenAnnotations": 2, "hasCompositeToken": 0 } }, { "variantId": "4452:7116", "variantName": "Property 1=Active, Property 2=Green, Type=Filled", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "fills[0]", "cssVar": "--brand", "figmaName": "UX/Brand/Brand", "strategy": "normalized-variable-id" }, { "path": "text.fills[0]", "cssVar": "--text-primary-btn", "figmaName": "Color Type/Text/Primary Button", "strategy": "normalized-variable-id" } ] }, "annotationCounts": { "tokenAnnotations": 2, "hasCompositeToken": 0 } }, { "variantId": "4265:16087", "variantName": "Property 1=Active, Property 2=White, Type=Line", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "strokes[0]", "cssVar": "--line-light", "figmaName": "Color Type/Line/Light Divider", "strategy": "normalized-variable-id" }, { "path": "text.fills[0]", "cssVar": "--text-body", "figmaName": "Color Type/Text/Text_1", "strategy": "normalized-variable-id" } ] }, "annotationCounts": { "tokenAnnotations": 2, "hasCompositeToken": 0 } } ] }, { "filename": "tab_list__4452_7148.json", "figmaName": "Tab List", "nodeId": "4452:7148", "source": { "sourceLayer": "figma-data/raw/components", "sourceFile": "figma-data/raw/components/tab_list__4452_7148.json", "rawExtractedAt": "2026-06-09T09:36:23.225Z", "rawNodeId": "4452:7148", "rawSha256": "fdec956f417c046fd3e1d37907c2e3e45460e3a720ffed1fc74b1f976db7ea7e" }, "tokenizationStrategy": "variable-id-first-then-hex-fallback", "tokenAnnotations": 6, "compositeTokens": 0, "variantDiffs": [ { "variantId": "4605:7196", "variantName": "Type=Line", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "strokes[0]", "cssVar": "--line-deep", "figmaName": "Color Type/Line/Deep Divider", "strategy": "hex-fallback" }, { "path": "text.fills[0]", "cssVar": "--text-body", "figmaName": "Color Type/Text/Text_1", "strategy": "normalized-variable-id" } ] }, "annotationCounts": { "tokenAnnotations": 2, "hasCompositeToken": 0 } }, { "variantId": "4265:16115", "variantName": "Type=Text", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "text.fills[0]", "cssVar": "--text-body", "figmaName": "Color Type/Text/Text_1", "strategy": "normalized-variable-id" } ] }, "annotationCounts": { "tokenAnnotations": 1, "hasCompositeToken": 0 } }, { "variantId": "4452:7149", "variantName": "Type=Filled", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "fills[0]", "cssVar": "--bg-layer2", "figmaName": "Color Type/Background/Layer_2", "strategy": "normalized-variable-id" }, { "path": "strokes[0]", "cssVar": "--line-deep", "figmaName": "Color Type/Line/Deep Divider", "strategy": "hex-fallback" }, { "path": "text.fills[0]", "cssVar": "--text-primary-btn", "figmaName": "Color Type/Text/Primary Button", "strategy": "normalized-variable-id" } ] }, "annotationCounts": { "tokenAnnotations": 3, "hasCompositeToken": 0 } } ] }, { "filename": "table__4265_16131.json", "figmaName": "Table", "nodeId": "4265:16131", "source": { "sourceLayer": "figma-data/raw/components", "sourceFile": "figma-data/raw/components/table__4265_16131.json", "rawExtractedAt": "2026-06-08T05:45:44.601Z", "rawNodeId": "4265:16131", "rawSha256": "37acc20a71e6ef9af9e4c198b8a0a488d5adae3c7b8090cca34c85f6ebdef840" }, "tokenizationStrategy": "variable-id-first-then-hex-fallback", "tokenAnnotations": 6, "compositeTokens": 0, "variantDiffs": [ { "variantId": "4265:16132", "variantName": "Type=Header, Align=Left", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "text.fills[0]", "cssVar": "--text-tips", "figmaName": "Color Type/Text/Tips", "strategy": "normalized-variable-id" } ] }, "annotationCounts": { "tokenAnnotations": 1, "hasCompositeToken": 0 } }, { "variantId": "4605:7111", "variantName": "Type=Header, Align=Center", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "text.fills[0]", "cssVar": "--text-tips", "figmaName": "Color Type/Text/Tips", "strategy": "normalized-variable-id" } ] }, "annotationCounts": { "tokenAnnotations": 1, "hasCompositeToken": 0 } }, { "variantId": "4605:7118", "variantName": "Type=Header, Align=Right", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "text.fills[0]", "cssVar": "--text-tips", "figmaName": "Color Type/Text/Tips", "strategy": "normalized-variable-id" } ] }, "annotationCounts": { "tokenAnnotations": 1, "hasCompositeToken": 0 } }, { "variantId": "4605:7125", "variantName": "Type=Tbody, Align=Left", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "text.fills[0]", "cssVar": "--text-body", "figmaName": "Color Type/Text/Text_1", "strategy": "normalized-variable-id" } ] }, "annotationCounts": { "tokenAnnotations": 1, "hasCompositeToken": 0 } }, { "variantId": "4265:16167", "variantName": "Type=Tbody, Align=Center", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "text.fills[0]", "cssVar": "--text-body", "figmaName": "Color Type/Text/Text_1", "strategy": "normalized-variable-id" } ] }, "annotationCounts": { "tokenAnnotations": 1, "hasCompositeToken": 0 } }, { "variantId": "4605:7131", "variantName": "Type=Tbody, Align=Right", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "text.fills[0]", "cssVar": "--text-body", "figmaName": "Color Type/Text/Text_1", "strategy": "normalized-variable-id" } ] }, "annotationCounts": { "tokenAnnotations": 1, "hasCompositeToken": 0 } } ] }, { "filename": "tooltips__1408_17152.json", "figmaName": "Tooltips", "nodeId": "1408:17152", "source": { "sourceLayer": "figma-data/raw/components", "sourceFile": "figma-data/raw/components/tooltips__1408_17152.json", "rawExtractedAt": "2026-06-12T03:56:51.350Z", "rawNodeId": "1408:17152", "rawSha256": "a51f462d496431e13308f9a03197054552dcc887ebc6693048be54ce075f140b" }, "tokenizationStrategy": "variable-id-first-then-hex-fallback", "tokenAnnotations": 12, "compositeTokens": 0, "variantDiffs": [ { "variantId": "1408:17135", "variantName": "dark theme=on, pointing=left down", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "text.fills[0]", "cssVar": "--color-grey-2", "figmaName": "UX/Grey/grey-2 #F8F8F8", "strategy": "normalized-variable-id" } ] }, "annotationCounts": { "tokenAnnotations": 1, "hasCompositeToken": 0 } }, { "variantId": "1669:28011", "variantName": "dark theme=off, pointing=left down", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "text.fills[0]", "cssVar": "--color-grey-13", "figmaName": "UX/Grey/grey-13 #141414", "strategy": "normalized-variable-id" } ] }, "annotationCounts": { "tokenAnnotations": 1, "hasCompositeToken": 0 } }, { "variantId": "2514:63789", "variantName": "dark theme=on, pointing=Center down", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "text.fills[0]", "cssVar": "--color-grey-2", "figmaName": "UX/Grey/grey-2 #F8F8F8", "strategy": "normalized-variable-id" } ] }, "annotationCounts": { "tokenAnnotations": 1, "hasCompositeToken": 0 } }, { "variantId": "2514:63798", "variantName": "dark theme=off, pointing=Center down", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "text.fills[0]", "cssVar": "--color-grey-13", "figmaName": "UX/Grey/grey-13 #141414", "strategy": "normalized-variable-id" } ] }, "annotationCounts": { "tokenAnnotations": 1, "hasCompositeToken": 0 } }, { "variantId": "1408:17137", "variantName": "dark theme=on, pointing=right down", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "text.fills[0]", "cssVar": "--color-grey-2", "figmaName": "UX/Grey/grey-2 #F8F8F8", "strategy": "normalized-variable-id" } ] }, "annotationCounts": { "tokenAnnotations": 1, "hasCompositeToken": 0 } }, { "variantId": "1669:28024", "variantName": "dark theme=off, pointing=right down", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "text.fills[0]", "cssVar": "--color-grey-13", "figmaName": "UX/Grey/grey-13 #141414", "strategy": "normalized-variable-id" } ] }, "annotationCounts": { "tokenAnnotations": 1, "hasCompositeToken": 0 } } ] }, { "filename": "top_bar__4771_7173.json", "figmaName": "Top bar", "nodeId": "4771:7173", "source": { "sourceLayer": "figma-data/raw/components", "sourceFile": "figma-data/raw/components/top_bar__4771_7173.json", "rawExtractedAt": "2026-06-10T07:36:08.138Z", "rawNodeId": "4771:7173", "rawSha256": "5914dd9a7a952b7b9b6abf6823dbff29d3896597a89980d54733f9fd379dbb1b" }, "tokenizationStrategy": "variable-id-first-then-hex-fallback", "tokenAnnotations": 6, "compositeTokens": 0, "variantDiffs": [ { "variantId": "4771:7174", "variantName": "Tag=After Login", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "fills[0]", "cssVar": "--bg-topbar", "figmaName": "Color Type/Background/Top Bar", "strategy": "normalized-variable-id" }, { "path": "strokes[0]", "cssVar": "--line-deep", "figmaName": "Color Type/Line/Deep Divider", "strategy": "normalized-variable-id" }, { "path": "text.fills[0]", "cssVar": "--text-heading", "figmaName": "Color Type/Text/Heading & Button", "strategy": "normalized-variable-id" } ] }, "annotationCounts": { "tokenAnnotations": 3, "hasCompositeToken": 0 } }, { "variantId": "4771:7226", "variantName": "Tag=Before Login", "addedFields": { "compositeToken": null, "tokenAnnotations": [ { "path": "fills[0]", "cssVar": "--bg-topbar", "figmaName": "Color Type/Background/Top Bar", "strategy": "normalized-variable-id" }, { "path": "strokes[0]", "cssVar": "--line-deep", "figmaName": "Color Type/Line/Deep Divider", "strategy": "normalized-variable-id" }, { "path": "text.fills[0]", "cssVar": "--text-heading", "figmaName": "Color Type/Text/Heading & Button", "strategy": "normalized-variable-id" } ] }, "annotationCounts": { "tokenAnnotations": 3, "hasCompositeToken": 0 } } ] } ] }