{ "extractedAt": "2026-06-08T04:29:33.559Z", "figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn", "figmaName": "radio", "nodeId": "3242:15188", "type": "COMPONENT_SET", "pageId": "273:43547", "pageName": "— — Buttons", "description": "", "key": "9f07746f19d962fe8b0ac31e6697a5b8f242d8b0", "variants": [ { "id": "374:853", "name": "dark theme=on, status=off, enable=yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 21, "w": 66, "x": -2188, "y": 11033, "pH": null, "pV": null, "pR": null, "pB": null, "gap": 8, "r": null, "layoutMode": "HORIZONTAL", "layoutSizingHorizontal": "HUG", "layoutSizingVertical": "HUG", "primaryAxisSizingMode": null, "counterAxisSizingMode": null, "subnodeCount": 2, "primaryAxisAlignItems": null, "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Option", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "size": 14, "fontFamily": "Roboto", "fontWeight": 400, "lineHeightPx": 21, "letterSpacing": 0, "textCase": null, "textDecoration": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#f8f8f8", "v": "VariableID:VariableID:2611:57509", "token": { "cssVar": "--text-body", "figmaName": "Color Type/Text/Text_1", "variableId": "VariableID:2611:57509", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [], "children": [ { "id": "4600:21416", "name": "Icon", "type": "SLOT", "visible": true, "opacity": 1, "w": 16, "h": 16, "x": -2188, "y": 11035.5, "r": null, "fills": [], "strokes": [], "children": [ { "id": "1715:32296", "name": "radio", "type": "INSTANCE", "visible": true, "opacity": 1, "w": 16, "h": 16, "x": -2188, "y": 11035.5, "r": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#9e9e9e", "v": "VariableID:VariableID:2611:57617", "token": { "cssVar": "--icon-default", "figmaName": "Color Type/Icon/Default", "variableId": "VariableID:2611:57617", "strategy": "normalized-variable-id" } } ], "strokes": [], "componentId": "374:372" } ] }, { "id": "374:823", "name": "Option", "type": "TEXT", "visible": true, "opacity": 1, "w": 42, "h": 21, "x": -2164, "y": 11033, "r": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#f8f8f8", "v": "VariableID:VariableID:2611:57509", "token": { "cssVar": "--text-body", "figmaName": "Color Type/Text/Text_1", "variableId": "VariableID:2611:57509", "strategy": "normalized-variable-id" } } ], "strokes": [], "characters": "Option" } ], "description": null, "componentSetId": "3242:15188", "componentPropertyReferences": null }, { "id": "374:854", "name": "dark theme=on, status=off, enable=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 21, "w": 66, "x": -2106, "y": 11033, "pH": null, "pV": null, "pR": null, "pB": null, "gap": 8, "r": null, "layoutMode": "HORIZONTAL", "layoutSizingHorizontal": "HUG", "layoutSizingVertical": "HUG", "primaryAxisSizingMode": null, "counterAxisSizingMode": null, "subnodeCount": 2, "primaryAxisAlignItems": null, "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Option", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "size": 14, "fontFamily": "Roboto", "fontWeight": 400, "lineHeightPx": 21, "letterSpacing": 0, "textCase": null, "textDecoration": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#595959", "v": "VariableID:VariableID:2611:57612", "token": { "cssVar": "--text-disabled", "figmaName": "Color Type/Text/Disable", "variableId": "VariableID:2611:57612", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [], "children": [ { "id": "4600:21652", "name": "Icon", "type": "SLOT", "visible": true, "opacity": 1, "w": 16, "h": 16, "x": -2106, "y": 11035.5, "r": null, "fills": [], "strokes": [], "children": [ { "id": "1548:36855", "name": "radio", "type": "INSTANCE", "visible": true, "opacity": 1, "w": 16, "h": 16, "x": -2106, "y": 11035.5, "r": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#595959", "v": "VariableID:VariableID:2611:57618", "token": { "cssVar": "--icon-disabled", "figmaName": "Color Type/Icon/Disable", "variableId": "VariableID:2611:57618", "strategy": "normalized-variable-id" } } ], "strokes": [], "componentId": "374:373" } ] }, { "id": "374:841", "name": "Option", "type": "TEXT", "visible": true, "opacity": 1, "w": 42, "h": 21, "x": -2082, "y": 11033, "r": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#595959", "v": "VariableID:VariableID:2611:57612", "token": { "cssVar": "--text-disabled", "figmaName": "Color Type/Text/Disable", "variableId": "VariableID:2611:57612", "strategy": "normalized-variable-id" } } ], "strokes": [], "characters": "Option" } ], "description": null, "componentSetId": "3242:15188", "componentPropertyReferences": null }, { "id": "374:855", "name": "dark theme=on, status=on, enable=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 21, "w": 66, "x": -2106, "y": 11069, "pH": null, "pV": null, "pR": null, "pB": null, "gap": 8, "r": null, "layoutMode": "HORIZONTAL", "layoutSizingHorizontal": "HUG", "layoutSizingVertical": "HUG", "primaryAxisSizingMode": null, "counterAxisSizingMode": null, "subnodeCount": 2, "primaryAxisAlignItems": null, "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Option", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "size": 14, "fontFamily": "Roboto", "fontWeight": 400, "lineHeightPx": 21, "letterSpacing": 0, "textCase": null, "textDecoration": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#595959", "v": "VariableID:VariableID:2611:57612", "token": { "cssVar": "--text-disabled", "figmaName": "Color Type/Text/Disable", "variableId": "VariableID:2611:57612", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [], "children": [ { "id": "4600:21825", "name": "Icon", "type": "SLOT", "visible": true, "opacity": 1, "w": 16, "h": 16, "x": -2106, "y": 11071.5, "r": null, "fills": [], "strokes": [], "children": [ { "id": "1548:37004", "name": "radio", "type": "INSTANCE", "visible": true, "opacity": 1, "w": 16, "h": 16, "x": -2106, "y": 11071.5, "r": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#1a652c", "v": "VariableID:VariableID:1626:104891", "token": { "cssVar": "--brand-disable", "figmaName": "UX/Brand/Disable", "variableId": "VariableID:1626:104891", "strategy": "normalized-variable-id" } } ], "strokes": [], "componentId": "374:375" } ] }, { "id": "374:843", "name": "Option", "type": "TEXT", "visible": true, "opacity": 1, "w": 42, "h": 21, "x": -2082, "y": 11069, "r": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#595959", "v": "VariableID:VariableID:2611:57612", "token": { "cssVar": "--text-disabled", "figmaName": "Color Type/Text/Disable", "variableId": "VariableID:2611:57612", "strategy": "normalized-variable-id" } } ], "strokes": [], "characters": "Option" } ], "description": null, "componentSetId": "3242:15188", "componentPropertyReferences": null }, { "id": "374:856", "name": "dark theme=on, status=on, enable=yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 21, "w": 66, "x": -2188, "y": 11069, "pH": null, "pV": null, "pR": null, "pB": null, "gap": 8, "r": null, "layoutMode": "HORIZONTAL", "layoutSizingHorizontal": "HUG", "layoutSizingVertical": "HUG", "primaryAxisSizingMode": null, "counterAxisSizingMode": null, "subnodeCount": 2, "primaryAxisAlignItems": null, "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Option", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "size": 14, "fontFamily": "Roboto", "fontWeight": 400, "lineHeightPx": 21, "letterSpacing": 0, "textCase": null, "textDecoration": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#f8f8f8", "v": "VariableID:VariableID:2611:57509", "token": { "cssVar": "--text-body", "figmaName": "Color Type/Text/Text_1", "variableId": "VariableID:2611:57509", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [], "children": [ { "id": "4600:21687", "name": "Icon", "type": "SLOT", "visible": true, "opacity": 1, "w": 16, "h": 16, "x": -2188, "y": 11071.5, "r": null, "fills": [], "strokes": [], "children": [ { "id": "1548:36921", "name": "radio", "type": "INSTANCE", "visible": true, "opacity": 1, "w": 16, "h": 16, "x": -2188, "y": 11071.5, "r": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#2fb54e", "v": "VariableID:VariableID:1626:104889", "token": { "cssVar": "--brand", "figmaName": "UX/Brand/Brand", "variableId": "VariableID:1626:104889", "strategy": "normalized-variable-id" } } ], "strokes": [], "componentId": "374:374" } ] }, { "id": "374:833", "name": "Option", "type": "TEXT", "visible": true, "opacity": 1, "w": 42, "h": 21, "x": -2164, "y": 11069, "r": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#f8f8f8", "v": "VariableID:VariableID:2611:57509", "token": { "cssVar": "--text-body", "figmaName": "Color Type/Text/Text_1", "variableId": "VariableID:2611:57509", "strategy": "normalized-variable-id" } } ], "strokes": [], "characters": "Option" } ], "description": null, "componentSetId": "3242:15188", "componentPropertyReferences": null }, { "id": "374:857", "name": "dark theme=off, status=off, enable=yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 21, "w": 66, "x": -2188, "y": 11124.216796875, "pH": null, "pV": null, "pR": null, "pB": null, "gap": 8, "r": null, "layoutMode": "HORIZONTAL", "layoutSizingHorizontal": "HUG", "layoutSizingVertical": "HUG", "primaryAxisSizingMode": null, "counterAxisSizingMode": null, "subnodeCount": 2, "primaryAxisAlignItems": null, "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Option", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "size": 14, "fontFamily": "Roboto", "fontWeight": 400, "lineHeightPx": 21, "letterSpacing": 0, "textCase": null, "textDecoration": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#141414", "v": "VariableID:VariableID:1558:94792", "token": { "cssVar": "--color-grey-13", "figmaName": "UX/Grey/grey-13 #141414", "variableId": "VariableID:1558:94792", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [], "children": [ { "id": "4600:21830", "name": "Icon", "type": "SLOT", "visible": true, "opacity": 1, "w": 16, "h": 16, "x": -2188, "y": 11126.716796875, "r": null, "fills": [], "strokes": [], "children": [ { "id": "1548:37023", "name": "radio", "type": "INSTANCE", "visible": true, "opacity": 1, "w": 16, "h": 16, "x": -2188, "y": 11126.716796875, "r": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#9e9e9e", "v": "VariableID:VariableID:1558:94786", "token": { "cssVar": "--color-grey-6", "figmaName": "UX/Grey/grey-6 #9E9E9E", "variableId": "VariableID:1558:94786", "strategy": "normalized-variable-id" } } ], "strokes": [], "componentId": "374:376" } ] }, { "id": "374:845", "name": "Option", "type": "TEXT", "visible": true, "opacity": 1, "w": 42, "h": 21, "x": -2164, "y": 11124.216796875, "r": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#141414", "v": "VariableID:VariableID:1558:94792", "token": { "cssVar": "--color-grey-13", "figmaName": "UX/Grey/grey-13 #141414", "variableId": "VariableID:1558:94792", "strategy": "normalized-variable-id" } } ], "strokes": [], "characters": "Option" } ], "description": null, "componentSetId": "3242:15188", "componentPropertyReferences": null }, { "id": "374:860", "name": "dark theme=off, status=on, enable=yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 21, "w": 66, "x": -2188, "y": 11162, "pH": null, "pV": null, "pR": null, "pB": null, "gap": 8, "r": null, "layoutMode": "HORIZONTAL", "layoutSizingHorizontal": "HUG", "layoutSizingVertical": "HUG", "primaryAxisSizingMode": null, "counterAxisSizingMode": null, "subnodeCount": 2, "primaryAxisAlignItems": null, "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Option", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "size": 14, "fontFamily": "Roboto", "fontWeight": 400, "lineHeightPx": 21, "letterSpacing": 0, "textCase": null, "textDecoration": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#141414", "v": "VariableID:VariableID:1558:94792", "token": { "cssVar": "--color-grey-13", "figmaName": "UX/Grey/grey-13 #141414", "variableId": "VariableID:1558:94792", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [], "children": [ { "id": "4600:21925", "name": "Icon", "type": "SLOT", "visible": true, "opacity": 1, "w": 16, "h": 16, "x": -2188, "y": 11164.5, "r": null, "fills": [], "strokes": [], "children": [ { "id": "1548:37617", "name": "radio", "type": "INSTANCE", "visible": true, "opacity": 1, "w": 16, "h": 16, "x": -2188, "y": 11164.5, "r": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#299f45", "v": "VariableID:VariableID:1626:104889", "token": { "cssVar": "--brand", "figmaName": "UX/Brand/Brand", "variableId": "VariableID:1626:104889", "strategy": "normalized-variable-id" } } ], "strokes": [], "componentId": "374:378" } ] }, { "id": "374:851", "name": "Option", "type": "TEXT", "visible": true, "opacity": 1, "w": 42, "h": 21, "x": -2164, "y": 11162, "r": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#141414", "v": "VariableID:VariableID:1558:94792", "token": { "cssVar": "--color-grey-13", "figmaName": "UX/Grey/grey-13 #141414", "variableId": "VariableID:1558:94792", "strategy": "normalized-variable-id" } } ], "strokes": [], "characters": "Option" } ], "description": null, "componentSetId": "3242:15188", "componentPropertyReferences": null }, { "id": "374:858", "name": "dark theme=off, status=off, enable=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 21, "w": 66, "x": -2106, "y": 11124.216796875, "pH": null, "pV": null, "pR": null, "pB": null, "gap": 8, "r": null, "layoutMode": "HORIZONTAL", "layoutSizingHorizontal": "HUG", "layoutSizingVertical": "HUG", "primaryAxisSizingMode": null, "counterAxisSizingMode": null, "subnodeCount": 2, "primaryAxisAlignItems": null, "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Option", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "size": 14, "fontFamily": "Roboto", "fontWeight": 400, "lineHeightPx": 21, "letterSpacing": 0, "textCase": null, "textDecoration": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#cccccc", "v": "VariableID:VariableID:2611:57612", "token": { "cssVar": "--text-disabled", "figmaName": "Color Type/Text/Disable", "variableId": "VariableID:2611:57612", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [], "children": [ { "id": "4600:21908", "name": "Icon", "type": "SLOT", "visible": true, "opacity": 1, "w": 16, "h": 16, "x": -2106, "y": 11126.716796875, "r": null, "fills": [], "strokes": [], "children": [ { "id": "1548:37553", "name": "radio", "type": "INSTANCE", "visible": true, "opacity": 1, "w": 16, "h": 16, "x": -2106, "y": 11126.716796875, "r": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#f0f0f0", "v": "VariableID:VariableID:1558:94783", "token": { "cssVar": "--color-grey-3", "figmaName": "UX/Grey/grey-3 #F0F0F0", "variableId": "VariableID:1558:94783", "strategy": "normalized-variable-id" } } ], "strokes": [], "componentId": "374:377" } ] }, { "id": "374:847", "name": "Option", "type": "TEXT", "visible": true, "opacity": 1, "w": 42, "h": 21, "x": -2082, "y": 11124.216796875, "r": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#cccccc", "v": "VariableID:VariableID:2611:57612", "token": { "cssVar": "--text-disabled", "figmaName": "Color Type/Text/Disable", "variableId": "VariableID:2611:57612", "strategy": "normalized-variable-id" } } ], "strokes": [], "characters": "Option" } ], "description": null, "componentSetId": "3242:15188", "componentPropertyReferences": null }, { "id": "374:859", "name": "dark theme=off, status=on, enable=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 21, "w": 66, "x": -2106, "y": 11162, "pH": null, "pV": null, "pR": null, "pB": null, "gap": 8, "r": null, "layoutMode": "HORIZONTAL", "layoutSizingHorizontal": "HUG", "layoutSizingVertical": "HUG", "primaryAxisSizingMode": null, "counterAxisSizingMode": null, "subnodeCount": 2, "primaryAxisAlignItems": null, "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Option", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "size": 14, "fontFamily": "Roboto", "fontWeight": 400, "lineHeightPx": 21, "letterSpacing": 0, "textCase": null, "textDecoration": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#cccccc", "v": "VariableID:VariableID:2611:57612", "token": { "cssVar": "--text-disabled", "figmaName": "Color Type/Text/Disable", "variableId": "VariableID:2611:57612", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [], "children": [ { "id": "4600:21974", "name": "Icon", "type": "SLOT", "visible": true, "opacity": 1, "w": 16, "h": 16, "x": -2106, "y": 11164.5, "r": null, "fills": [], "strokes": [], "children": [ { "id": "1548:37683", "name": "radio", "type": "INSTANCE", "visible": true, "opacity": 1, "w": 16, "h": 16, "x": -2106, "y": 11164.5, "r": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#8fcc9d", "v": "VariableID:VariableID:1626:104891", "token": { "cssVar": "--brand-disable", "figmaName": "UX/Brand/Disable", "variableId": "VariableID:1626:104891", "strategy": "normalized-variable-id" } } ], "strokes": [], "componentId": "374:379" } ] }, { "id": "374:849", "name": "Option", "type": "TEXT", "visible": true, "opacity": 1, "w": 42, "h": 21, "x": -2082, "y": 11162, "r": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#cccccc", "v": "VariableID:VariableID:2611:57612", "token": { "cssVar": "--text-disabled", "figmaName": "Color Type/Text/Disable", "variableId": "VariableID:2611:57612", "strategy": "normalized-variable-id" } } ], "strokes": [], "characters": "Option" } ], "description": null, "componentSetId": "3242:15188", "componentPropertyReferences": null } ], "tokenizedAt": "2026-06-09T05:12:24.746Z", "tokenizationStrategy": "variable-id-first-then-hex-fallback", "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" } }