{ "extractedAt": "2026-05-08T03:56:19.826Z", "figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn", "figmaName": "switch", "nodeId": "348:3483", "type": "COMPONENT_SET", "pageId": "273:43547", "pageName": "— — Buttons", "description": "", "key": "bf16e8f5ba6b8bd85a0b75961d19589a08a5c3a5", "variants": [ { "id": "337:18075", "name": "dark theme=on, status=on, enable=yes, loading=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 20, "w": 40, "x": -2229, "y": 5610, "pH": null, "pV": null, "pR": null, "pB": null, "gap": null, "r": 100, "layoutMode": null, "primaryAxisAlignItems": null, "counterAxisAlignItems": 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": [], "strokeWeight": 1, "effects": [], "text": null, "vectorNodeIds": [], "description": null, "componentSetId": "348:3483", "componentPropertyReferences": null }, { "id": "337:18211", "name": "dark theme=on, status=on, enable=no, loading=yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 20, "w": 40, "x": -2145, "y": 5610, "pH": null, "pV": null, "pR": null, "pB": null, "gap": null, "r": null, "layoutMode": null, "primaryAxisAlignItems": null, "counterAxisAlignItems": null, "fills": [], "strokes": [], "strokeWeight": 1, "effects": [], "text": null, "vectorNodeIds": [ "I1448:45833;1833:86611" ], "description": null, "componentSetId": "348:3483", "componentPropertyReferences": null }, { "id": "337:18249", "name": "dark theme=on, status=live, enable=yes, loading=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 20, "w": 40, "x": -1986, "y": 5610, "pH": null, "pV": null, "pR": null, "pB": null, "gap": null, "r": null, "layoutMode": null, "primaryAxisAlignItems": null, "counterAxisAlignItems": null, "fills": [], "strokes": [], "strokeWeight": 1, "effects": [], "text": null, "vectorNodeIds": [], "description": null, "componentSetId": "348:3483", "componentPropertyReferences": null }, { "id": "337:18248", "name": "dark theme=on, status=live, enable=no, loading=no", "type": "COMPONENT", "visible": true, "opacity": 0.4000000059604645, "blendMode": "PASS_THROUGH", "h": 20, "w": 40, "x": -1902.800048828125, "y": 5610, "pH": null, "pV": null, "pR": null, "pB": null, "gap": null, "r": null, "layoutMode": null, "primaryAxisAlignItems": null, "counterAxisAlignItems": null, "fills": [], "strokes": [], "strokeWeight": 1, "effects": [], "text": null, "vectorNodeIds": [], "description": null, "componentSetId": "348:3483", "componentPropertyReferences": null }, { "id": "337:18245", "name": "dark theme=on, status=live, enable=no, loading=yes", "type": "COMPONENT", "visible": true, "opacity": 0.4000000059604645, "blendMode": "PASS_THROUGH", "h": 20, "w": 40, "x": -1819.60009765625, "y": 5610, "pH": null, "pV": null, "pR": null, "pB": null, "gap": null, "r": null, "layoutMode": null, "primaryAxisAlignItems": null, "counterAxisAlignItems": null, "fills": [], "strokes": [], "strokeWeight": 1, "effects": [], "text": null, "vectorNodeIds": [ "I1448:45818;1833:86611" ], "description": null, "componentSetId": "348:3483", "componentPropertyReferences": null }, { "id": "337:18083", "name": "dark theme=off, status=on, enable=yes, loading=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 20, "w": 40, "x": -2229, "y": 5711, "pH": null, "pV": null, "pR": null, "pB": null, "gap": null, "r": 100, "layoutMode": null, "primaryAxisAlignItems": null, "counterAxisAlignItems": 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": [], "strokeWeight": 1, "effects": [], "text": null, "vectorNodeIds": [], "description": null, "componentSetId": "348:3483", "componentPropertyReferences": null }, { "id": "337:18209", "name": "dark theme=off, status=on, enable=no, loading=yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 20, "w": 40, "x": -2145, "y": 5711, "pH": null, "pV": null, "pR": null, "pB": null, "gap": null, "r": null, "layoutMode": null, "primaryAxisAlignItems": null, "counterAxisAlignItems": null, "fills": [], "strokes": [], "strokeWeight": 1, "effects": [], "text": null, "vectorNodeIds": [ "I1448:45803;1833:86611" ], "description": null, "componentSetId": "348:3483", "componentPropertyReferences": null }, { "id": "337:18250", "name": "dark theme=off, status=live, enable=yes, loading=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 20, "w": 40, "x": -1986, "y": 5711, "pH": null, "pV": null, "pR": null, "pB": null, "gap": null, "r": null, "layoutMode": null, "primaryAxisAlignItems": null, "counterAxisAlignItems": null, "fills": [], "strokes": [], "strokeWeight": 1, "effects": [], "text": null, "vectorNodeIds": [], "description": null, "componentSetId": "348:3483", "componentPropertyReferences": null }, { "id": "337:18247", "name": "dark theme=off, status=live, enable=no, loading=no", "type": "COMPONENT", "visible": true, "opacity": 0.4000000059604645, "blendMode": "PASS_THROUGH", "h": 20, "w": 40, "x": -1902.800048828125, "y": 5711, "pH": null, "pV": null, "pR": null, "pB": null, "gap": null, "r": null, "layoutMode": null, "primaryAxisAlignItems": null, "counterAxisAlignItems": null, "fills": [], "strokes": [], "strokeWeight": 1, "effects": [], "text": null, "vectorNodeIds": [], "description": null, "componentSetId": "348:3483", "componentPropertyReferences": null }, { "id": "337:18246", "name": "dark theme=off, status=live, enable=no, loading=yes", "type": "COMPONENT", "visible": true, "opacity": 0.4000000059604645, "blendMode": "PASS_THROUGH", "h": 20, "w": 40, "x": -1819.60009765625, "y": 5711, "pH": null, "pV": null, "pR": null, "pB": null, "gap": null, "r": null, "layoutMode": null, "primaryAxisAlignItems": null, "counterAxisAlignItems": null, "fills": [], "strokes": [], "strokeWeight": 1, "effects": [], "text": null, "vectorNodeIds": [ "I1448:45788;1833:86611" ], "description": null, "componentSetId": "348:3483", "componentPropertyReferences": null }, { "id": "337:18076", "name": "dark theme=on, status=on, enable=no, loading=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 20, "w": 40, "x": -2061.599853515625, "y": 5610, "pH": null, "pV": null, "pR": null, "pB": null, "gap": null, "r": null, "layoutMode": null, "primaryAxisAlignItems": null, "counterAxisAlignItems": null, "fills": [], "strokes": [], "strokeWeight": 1, "effects": [], "text": null, "vectorNodeIds": [], "description": null, "componentSetId": "348:3483", "componentPropertyReferences": null }, { "id": "337:18084", "name": "dark theme=off, status=on, enable=no, loading=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 20, "w": 40, "x": -2062, "y": 5711, "pH": null, "pV": null, "pR": null, "pB": null, "gap": null, "r": null, "layoutMode": null, "primaryAxisAlignItems": null, "counterAxisAlignItems": null, "fills": [], "strokes": [], "strokeWeight": 1, "effects": [], "text": null, "vectorNodeIds": [], "description": null, "componentSetId": "348:3483", "componentPropertyReferences": null }, { "id": "337:18082", "name": "dark theme=on, status=off, enable=yes, loading=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 20, "w": 40, "x": -2229, "y": 5652, "pH": null, "pV": null, "pR": null, "pB": null, "gap": null, "r": 100, "layoutMode": null, "primaryAxisAlignItems": null, "counterAxisAlignItems": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#595959", "v": "VariableID:VariableID:1558:94787", "token": { "cssVar": "--color-grey-8", "figmaName": "UX/Grey/grey-8 #595959", "variableId": "VariableID:1558:94787", "strategy": "normalized-variable-id" } } ], "strokes": [], "strokeWeight": 1.2000000476837158, "effects": [], "text": null, "vectorNodeIds": [], "description": null, "componentSetId": "348:3483", "componentPropertyReferences": null }, { "id": "337:18210", "name": "dark theme=on, status=off, enable=no, loading=yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 20, "w": 40, "x": -2145, "y": 5652, "pH": null, "pV": null, "pR": null, "pB": null, "gap": null, "r": null, "layoutMode": null, "primaryAxisAlignItems": null, "counterAxisAlignItems": null, "fills": [], "strokes": [], "strokeWeight": 1, "effects": [], "text": null, "vectorNodeIds": [ "I1448:45758;1833:86611" ], "description": null, "componentSetId": "348:3483", "componentPropertyReferences": null }, { "id": "337:18081", "name": "dark theme=on, status=off, enable=no, loading=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 20, "w": 40, "x": -2061.599853515625, "y": 5652, "pH": null, "pV": null, "pR": null, "pB": null, "gap": null, "r": null, "layoutMode": null, "primaryAxisAlignItems": null, "counterAxisAlignItems": null, "fills": [], "strokes": [], "strokeWeight": 1, "effects": [], "text": null, "vectorNodeIds": [], "description": null, "componentSetId": "348:3483", "componentPropertyReferences": null }, { "id": "337:18085", "name": "dark theme=off, status=off, enable=yes, loading=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 20, "w": 40, "x": -2229, "y": 5752, "pH": null, "pV": null, "pR": null, "pB": null, "gap": null, "r": 100, "layoutMode": null, "primaryAxisAlignItems": null, "counterAxisAlignItems": 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": [], "strokeWeight": 1.2000000476837158, "effects": [], "text": null, "vectorNodeIds": [], "description": null, "componentSetId": "348:3483", "componentPropertyReferences": null }, { "id": "337:18212", "name": "dark theme=off, status=off, enable=no, loading=yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 20, "w": 40, "x": -2145, "y": 5752, "pH": null, "pV": null, "pR": null, "pB": null, "gap": null, "r": null, "layoutMode": null, "primaryAxisAlignItems": null, "counterAxisAlignItems": null, "fills": [], "strokes": [], "strokeWeight": 1, "effects": [], "text": null, "vectorNodeIds": [ "I1448:45773;1833:86611" ], "description": null, "componentSetId": "348:3483", "componentPropertyReferences": null }, { "id": "337:18086", "name": "dark theme=off, status=off, enable=no, loading=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 20, "w": 40, "x": -2061.599853515625, "y": 5752, "pH": null, "pV": null, "pR": null, "pB": null, "gap": null, "r": null, "layoutMode": null, "primaryAxisAlignItems": null, "counterAxisAlignItems": null, "fills": [], "strokes": [], "strokeWeight": 1, "effects": [], "text": null, "vectorNodeIds": [ "337:18022" ], "description": null, "componentSetId": "348:3483", "componentPropertyReferences": null } ], "tokenizedAt": "2026-05-08T04:02:55.947Z", "tokenizationStrategy": "variable-id-first-then-hex-fallback", "source": { "sourceLayer": "figma-data/raw/components", "sourceFile": "figma-data/raw/components/switch__348_3483.json", "rawExtractedAt": "2026-05-08T03:56:19.826Z", "rawNodeId": "348:3483", "rawSha256": "9d13994cc68ea480b9a2818a04fe4fe9cac91b6b304ccdc4494f2780a7402dcd" } }