{
  "extractedAt": "2026-05-08T03:56:19.859Z",
  "figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
  "figmaName": "direction=horizontal, style=icon, state=active",
  "nodeId": "4943:7288",
  "type": "COMPONENT",
  "pageId": "4265:5942",
  "pageName": "— — Other Components",
  "description": "",
  "key": "b1d5dc89cdd1f7630cb4bce5acddc1c82b575003",
  "variants": [
    {
      "id": "4943:7288",
      "name": "direction=horizontal, style=icon, state=active",
      "type": "COMPONENT",
      "visible": true,
      "opacity": 1,
      "blendMode": "PASS_THROUGH",
      "h": 54,
      "w": 120,
      "x": 11600,
      "y": 626,
      "pH": null,
      "pV": null,
      "pR": null,
      "pB": null,
      "gap": 6,
      "r": null,
      "layoutMode": "VERTICAL",
      "primaryAxisAlignItems": "CENTER",
      "counterAxisAlignItems": "CENTER",
      "fills": [],
      "strokes": [],
      "strokeWeight": 1,
      "effects": [],
      "text": {
        "characters": "Step Title",
        "visible": true,
        "opacity": 1,
        "blendMode": "PASS_THROUGH",
        "size": 14,
        "fontFamily": "Roboto",
        "fontWeight": 600,
        "lineHeightPx": 16.40625,
        "letterSpacing": 0,
        "textCase": null,
        "textDecoration": null,
        "fills": [
          {
            "type": "SOLID",
            "visible": true,
            "opacity": 1,
            "blendMode": "NORMAL",
            "hex": "#ffffff",
            "v": "VariableID:VariableID:232edb81f02d2364a26e91c1f07d229c2a311b26/3010:115",
            "token": {
              "cssVar": "--text-primary-btn",
              "figmaName": null,
              "variableId": "VariableID:232edb81f02d2364a26e91c1f07d229c2a311b26/3010:115",
              "strategy": "direct-variable-id-map"
            }
          }
        ],
        "v": null,
        "compositeToken": null
      },
      "vectorNodeIds": [
        "I4944:372;1355:28788",
        "I4944:372;1355:28791",
        "I4944:372;1355:28794",
        "I4944:372;1355:28810"
      ],
      "description": null,
      "componentSetId": null,
      "componentPropertyReferences": null
    }
  ],
  "tokenizedAt": "2026-05-08T04:02:55.548Z",
  "tokenizationStrategy": "variable-id-first-then-hex-fallback",
  "source": {
    "sourceLayer": "figma-data/raw/components",
    "sourceFile": "figma-data/raw/components/direction_horizontal_style_icon_state_active__4943_7288.json",
    "rawExtractedAt": "2026-05-08T03:56:19.859Z",
    "rawNodeId": "4943:7288",
    "rawSha256": "501d31d3bffba2b5cbb240552a2ecdbd3f4e60c43bca296b2b4b6f0298e79bd1"
  }
}