{ "extractedAt": "2026-06-08T05:30:11.642Z", "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, "layoutSizingHorizontal": null, "layoutSizingVertical": null, "primaryAxisSizingMode": null, "counterAxisSizingMode": null, "subnodeCount": 1, "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": [], "children": [ { "id": "337:18011", "name": "Ellipse 140", "type": "ELLIPSE", "visible": true, "opacity": 1, "w": 16, "h": 16, "x": -2207, "y": 5612, "r": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#ffffff", "v": "VariableID:VariableID:1558:94781", "token": { "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "variableId": "VariableID:1558:94781", "strategy": "normalized-variable-id" } } ], "strokes": [] } ], "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, "layoutSizingHorizontal": null, "layoutSizingVertical": null, "primaryAxisSizingMode": null, "counterAxisSizingMode": null, "subnodeCount": 3, "primaryAxisAlignItems": null, "counterAxisAlignItems": null, "fills": [], "strokes": [], "strokeWeight": 1, "effects": [], "text": null, "vectorNodeIds": [ "I1448:45833;1833:86611" ], "children": [ { "id": "337:18126", "name": "Rectangle 535", "type": "RECTANGLE", "visible": true, "opacity": 1, "w": 40, "h": 20, "x": -2145, "y": 5610, "r": 100, "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": [] }, { "id": "337:18127", "name": "Ellipse 140", "type": "ELLIPSE", "visible": true, "opacity": 1, "w": 16, "h": 16, "x": -2123, "y": 5612, "r": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#7b7b7b", "v": "VariableID:VariableID:1608:170962", "token": { "cssVar": "--color-grey-7", "figmaName": "UX/Grey/grey-7 #7B7B7B", "variableId": "VariableID:1608:170962", "strategy": "normalized-variable-id" } } ], "strokes": [] }, { "id": "1448:45833", "name": "icon/load/loading 2", "type": "INSTANCE", "visible": true, "opacity": 1, "w": 12, "h": 12, "x": -2121, "y": 5614, "r": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#cccccc", "v": "VariableID:VariableID:1558:94785", "token": { "cssVar": "--color-grey-5", "figmaName": "UX/Grey/grey-5 #CCCCCC", "variableId": "VariableID:1558:94785", "strategy": "normalized-variable-id" } } ], "strokes": [], "componentId": "1202:4149" } ], "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, "layoutSizingHorizontal": null, "layoutSizingVertical": null, "primaryAxisSizingMode": null, "counterAxisSizingMode": null, "subnodeCount": 2, "primaryAxisAlignItems": null, "counterAxisAlignItems": null, "fills": [], "strokes": [], "strokeWeight": 1, "effects": [], "text": null, "vectorNodeIds": [], "children": [ { "id": "337:18099", "name": "Rectangle 535", "type": "RECTANGLE", "visible": true, "opacity": 1, "w": 40, "h": 20, "x": -1986, "y": 5610, "r": 100, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#ea4233", "v": "VariableID:VariableID:1671:111623", "token": { "cssVar": "--red", "figmaName": "UX/Red/Default", "variableId": "VariableID:1671:111623", "strategy": "normalized-variable-id" } } ], "strokes": [] }, { "id": "337:18100", "name": "Ellipse 140", "type": "ELLIPSE", "visible": true, "opacity": 1, "w": 16, "h": 16, "x": -1964, "y": 5612, "r": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#ffffff", "v": "VariableID:VariableID:1558:94781", "token": { "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "variableId": "VariableID:1558:94781", "strategy": "normalized-variable-id" } } ], "strokes": [] } ], "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, "layoutSizingHorizontal": null, "layoutSizingVertical": null, "primaryAxisSizingMode": null, "counterAxisSizingMode": null, "subnodeCount": 2, "primaryAxisAlignItems": null, "counterAxisAlignItems": null, "fills": [], "strokes": [], "strokeWeight": 1, "effects": [], "text": null, "vectorNodeIds": [], "children": [ { "id": "337:18108", "name": "Rectangle 535", "type": "RECTANGLE", "visible": true, "opacity": 1, "w": 40, "h": 20, "x": -1902.800048828125, "y": 5610, "r": 100, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#ea4233", "v": "VariableID:VariableID:1671:111623", "token": { "cssVar": "--red", "figmaName": "UX/Red/Default", "variableId": "VariableID:1671:111623", "strategy": "normalized-variable-id" } } ], "strokes": [] }, { "id": "337:18109", "name": "Ellipse 140", "type": "ELLIPSE", "visible": true, "opacity": 1, "w": 16, "h": 16, "x": -1880.800048828125, "y": 5612, "r": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#ffffff", "v": "VariableID:VariableID:1558:94781", "token": { "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "variableId": "VariableID:1558:94781", "strategy": "normalized-variable-id" } } ], "strokes": [] } ], "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, "layoutSizingHorizontal": null, "layoutSizingVertical": null, "primaryAxisSizingMode": null, "counterAxisSizingMode": null, "subnodeCount": 3, "primaryAxisAlignItems": null, "counterAxisAlignItems": null, "fills": [], "strokes": [], "strokeWeight": 1, "effects": [], "text": null, "vectorNodeIds": [ "I1448:45818;1833:86611" ], "children": [ { "id": "337:18228", "name": "Rectangle 535", "type": "RECTANGLE", "visible": true, "opacity": 1, "w": 40, "h": 20, "x": -1819.60009765625, "y": 5610, "r": 100, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#ea4233", "v": "VariableID:VariableID:1671:111623", "token": { "cssVar": "--red", "figmaName": "UX/Red/Default", "variableId": "VariableID:1671:111623", "strategy": "normalized-variable-id" } } ], "strokes": [] }, { "id": "337:18229", "name": "Ellipse 140", "type": "ELLIPSE", "visible": true, "opacity": 1, "w": 16, "h": 16, "x": -1797.60009765625, "y": 5612, "r": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#ffffff", "v": "VariableID:VariableID:1558:94781", "token": { "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "variableId": "VariableID:1558:94781", "strategy": "normalized-variable-id" } } ], "strokes": [] }, { "id": "1448:45818", "name": "icon/load/loading 2", "type": "INSTANCE", "visible": true, "opacity": 1, "w": 12, "h": 12, "x": -1795.60009765625, "y": 5614, "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": "1202:4149" } ], "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, "layoutSizingHorizontal": null, "layoutSizingVertical": null, "primaryAxisSizingMode": null, "counterAxisSizingMode": null, "subnodeCount": 1, "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": [], "children": [ { "id": "337:18029", "name": "Ellipse 140", "type": "ELLIPSE", "visible": true, "opacity": 1, "w": 16, "h": 16, "x": -2207, "y": 5713, "r": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#ffffff", "v": "VariableID:VariableID:1558:94781", "token": { "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "variableId": "VariableID:1558:94781", "strategy": "normalized-variable-id" } } ], "strokes": [] } ], "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, "layoutSizingHorizontal": null, "layoutSizingVertical": null, "primaryAxisSizingMode": null, "counterAxisSizingMode": null, "subnodeCount": 3, "primaryAxisAlignItems": null, "counterAxisAlignItems": null, "fills": [], "strokes": [], "strokeWeight": 1, "effects": [], "text": null, "vectorNodeIds": [ "I1448:45803;1833:86611" ], "children": [ { "id": "337:18129", "name": "Rectangle 535", "type": "RECTANGLE", "visible": true, "opacity": 1, "w": 40, "h": 20, "x": -2145, "y": 5711, "r": 100, "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": [] }, { "id": "337:18130", "name": "Ellipse 140", "type": "ELLIPSE", "visible": true, "opacity": 1, "w": 16, "h": 16, "x": -2123, "y": 5713, "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": [] }, { "id": "1448:45803", "name": "icon/load/loading 2", "type": "INSTANCE", "visible": true, "opacity": 1, "w": 12, "h": 12, "x": -2121, "y": 5715, "r": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#cccccc", "v": "VariableID:VariableID:1558:94785", "token": { "cssVar": "--color-grey-5", "figmaName": "UX/Grey/grey-5 #CCCCCC", "variableId": "VariableID:1558:94785", "strategy": "normalized-variable-id" } } ], "strokes": [], "componentId": "1202:4149" } ], "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, "layoutSizingHorizontal": null, "layoutSizingVertical": null, "primaryAxisSizingMode": null, "counterAxisSizingMode": null, "subnodeCount": 2, "primaryAxisAlignItems": null, "counterAxisAlignItems": null, "fills": [], "strokes": [], "strokeWeight": 1, "effects": [], "text": null, "vectorNodeIds": [], "children": [ { "id": "337:18102", "name": "Rectangle 535", "type": "RECTANGLE", "visible": true, "opacity": 1, "w": 40, "h": 20, "x": -1986, "y": 5711, "r": 100, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#dc2717", "v": "VariableID:VariableID:1671:111623", "token": { "cssVar": "--red", "figmaName": "UX/Red/Default", "variableId": "VariableID:1671:111623", "strategy": "normalized-variable-id" } } ], "strokes": [] }, { "id": "337:18103", "name": "Ellipse 140", "type": "ELLIPSE", "visible": true, "opacity": 1, "w": 16, "h": 16, "x": -1964, "y": 5713, "r": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#ffffff", "v": "VariableID:VariableID:1558:94781", "token": { "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "variableId": "VariableID:1558:94781", "strategy": "normalized-variable-id" } } ], "strokes": [] } ], "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, "layoutSizingHorizontal": null, "layoutSizingVertical": null, "primaryAxisSizingMode": null, "counterAxisSizingMode": null, "subnodeCount": 2, "primaryAxisAlignItems": null, "counterAxisAlignItems": null, "fills": [], "strokes": [], "strokeWeight": 1, "effects": [], "text": null, "vectorNodeIds": [], "children": [ { "id": "337:18111", "name": "Rectangle 535", "type": "RECTANGLE", "visible": true, "opacity": 1, "w": 40, "h": 20, "x": -1902.800048828125, "y": 5711, "r": 100, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#dc2717", "v": "VariableID:VariableID:1671:111623", "token": { "cssVar": "--red", "figmaName": "UX/Red/Default", "variableId": "VariableID:1671:111623", "strategy": "normalized-variable-id" } } ], "strokes": [] }, { "id": "337:18112", "name": "Ellipse 140", "type": "ELLIPSE", "visible": true, "opacity": 1, "w": 16, "h": 16, "x": -1880.800048828125, "y": 5713, "r": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#ffffff", "v": "VariableID:VariableID:1558:94781", "token": { "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "variableId": "VariableID:1558:94781", "strategy": "normalized-variable-id" } } ], "strokes": [] } ], "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, "layoutSizingHorizontal": null, "layoutSizingVertical": null, "primaryAxisSizingMode": null, "counterAxisSizingMode": null, "subnodeCount": 3, "primaryAxisAlignItems": null, "counterAxisAlignItems": null, "fills": [], "strokes": [], "strokeWeight": 1, "effects": [], "text": null, "vectorNodeIds": [ "I1448:45788;1833:86611" ], "children": [ { "id": "337:18231", "name": "Rectangle 535", "type": "RECTANGLE", "visible": true, "opacity": 1, "w": 40, "h": 20, "x": -1819.60009765625, "y": 5711, "r": 100, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#dc2717", "v": "VariableID:VariableID:1671:111623", "token": { "cssVar": "--red", "figmaName": "UX/Red/Default", "variableId": "VariableID:1671:111623", "strategy": "normalized-variable-id" } } ], "strokes": [] }, { "id": "337:18232", "name": "Ellipse 140", "type": "ELLIPSE", "visible": true, "opacity": 1, "w": 16, "h": 16, "x": -1797.60009765625, "y": 5713, "r": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#ffffff", "v": "VariableID:VariableID:1558:94781", "token": { "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "variableId": "VariableID:1558:94781", "strategy": "normalized-variable-id" } } ], "strokes": [] }, { "id": "1448:45788", "name": "icon/load/loading 2", "type": "INSTANCE", "visible": true, "opacity": 1, "w": 12, "h": 12, "x": -1795.60009765625, "y": 5715, "r": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#434343", "v": "VariableID:VariableID:1558:94788", "token": { "cssVar": "--color-grey-9", "figmaName": "UX/Grey/grey-9 #434343", "variableId": "VariableID:1558:94788", "strategy": "normalized-variable-id" } } ], "strokes": [], "componentId": "1202:4149" } ], "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, "layoutSizingHorizontal": null, "layoutSizingVertical": null, "primaryAxisSizingMode": null, "counterAxisSizingMode": null, "subnodeCount": 2, "primaryAxisAlignItems": null, "counterAxisAlignItems": null, "fills": [], "strokes": [], "strokeWeight": 1, "effects": [], "text": null, "vectorNodeIds": [], "children": [ { "id": "337:18007", "name": "Rectangle 535", "type": "RECTANGLE", "visible": true, "opacity": 1, "w": 40, "h": 20, "x": -2061.599853515625, "y": 5610, "r": 100, "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": [] }, { "id": "337:18008", "name": "Ellipse 140", "type": "ELLIPSE", "visible": true, "opacity": 1, "w": 16, "h": 16, "x": -2039.599853515625, "y": 5612, "r": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#7b7b7b", "v": "VariableID:VariableID:1608:170962", "token": { "cssVar": "--color-grey-7", "figmaName": "UX/Grey/grey-7 #7B7B7B", "variableId": "VariableID:1608:170962", "strategy": "normalized-variable-id" } } ], "strokes": [] } ], "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, "layoutSizingHorizontal": null, "layoutSizingVertical": null, "primaryAxisSizingMode": null, "counterAxisSizingMode": null, "subnodeCount": 2, "primaryAxisAlignItems": null, "counterAxisAlignItems": null, "fills": [], "strokes": [], "strokeWeight": 1, "effects": [], "text": null, "vectorNodeIds": [], "children": [ { "id": "337:18013", "name": "Rectangle 535", "type": "RECTANGLE", "visible": true, "opacity": 1, "w": 40, "h": 20, "x": -2062, "y": 5711, "r": 100, "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": [] }, { "id": "337:18014", "name": "Ellipse 140", "type": "ELLIPSE", "visible": true, "opacity": 1, "w": 16, "h": 16, "x": -2040, "y": 5713, "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": [] } ], "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, "layoutSizingHorizontal": null, "layoutSizingVertical": null, "primaryAxisSizingMode": null, "counterAxisSizingMode": null, "subnodeCount": 1, "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": [], "children": [ { "id": "337:18005", "name": "Ellipse 140", "type": "ELLIPSE", "visible": true, "opacity": 1, "w": 16, "h": 16, "x": -2227, "y": 5654, "r": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#ffffff", "v": "VariableID:VariableID:1558:94781", "token": { "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "variableId": "VariableID:1558:94781", "strategy": "normalized-variable-id" } } ], "strokes": [] } ], "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, "layoutSizingHorizontal": null, "layoutSizingVertical": null, "primaryAxisSizingMode": null, "counterAxisSizingMode": null, "subnodeCount": 3, "primaryAxisAlignItems": null, "counterAxisAlignItems": null, "fills": [], "strokes": [], "strokeWeight": 1, "effects": [], "text": null, "vectorNodeIds": [ "I1448:45758;1833:86611" ], "children": [ { "id": "337:18132", "name": "Rectangle 535", "type": "RECTANGLE", "visible": true, "opacity": 1, "w": 40, "h": 20, "x": -2145, "y": 5652, "r": 100, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#434343", "v": "VariableID:VariableID:1558:94788", "token": { "cssVar": "--color-grey-9", "figmaName": "UX/Grey/grey-9 #434343", "variableId": "VariableID:1558:94788", "strategy": "normalized-variable-id" } } ], "strokes": [] }, { "id": "337:18133", "name": "Ellipse 140", "type": "ELLIPSE", "visible": true, "opacity": 1, "w": 16, "h": 16, "x": -2143, "y": 5654, "r": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#7b7b7b", "v": "VariableID:VariableID:1608:170962", "token": { "cssVar": "--color-grey-7", "figmaName": "UX/Grey/grey-7 #7B7B7B", "variableId": "VariableID:1608:170962", "strategy": "normalized-variable-id" } } ], "strokes": [] }, { "id": "1448:45758", "name": "icon/load/loading 2", "type": "INSTANCE", "visible": true, "opacity": 1, "w": 12, "h": 12, "x": -2141, "y": 5656, "r": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#cccccc", "v": "VariableID:VariableID:1558:94785", "token": { "cssVar": "--color-grey-5", "figmaName": "UX/Grey/grey-5 #CCCCCC", "variableId": "VariableID:1558:94785", "strategy": "normalized-variable-id" } } ], "strokes": [], "componentId": "1202:4149" } ], "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, "layoutSizingHorizontal": null, "layoutSizingVertical": null, "primaryAxisSizingMode": null, "counterAxisSizingMode": null, "subnodeCount": 2, "primaryAxisAlignItems": null, "counterAxisAlignItems": null, "fills": [], "strokes": [], "strokeWeight": 1, "effects": [], "text": null, "vectorNodeIds": [], "children": [ { "id": "337:18054", "name": "Rectangle 535", "type": "RECTANGLE", "visible": true, "opacity": 1, "w": 40, "h": 20, "x": -2061.599853515625, "y": 5652, "r": 100, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#434343", "v": "VariableID:VariableID:1558:94788", "token": { "cssVar": "--color-grey-9", "figmaName": "UX/Grey/grey-9 #434343", "variableId": "VariableID:1558:94788", "strategy": "normalized-variable-id" } } ], "strokes": [] }, { "id": "337:18055", "name": "Ellipse 140", "type": "ELLIPSE", "visible": true, "opacity": 1, "w": 16, "h": 16, "x": -2059.599853515625, "y": 5654, "r": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#7b7b7b", "v": "VariableID:VariableID:1608:170962", "token": { "cssVar": "--color-grey-7", "figmaName": "UX/Grey/grey-7 #7B7B7B", "variableId": "VariableID:1608:170962", "strategy": "normalized-variable-id" } } ], "strokes": [] } ], "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, "layoutSizingHorizontal": null, "layoutSizingVertical": null, "primaryAxisSizingMode": null, "counterAxisSizingMode": null, "subnodeCount": 1, "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": [], "children": [ { "id": "337:18017", "name": "Ellipse 140", "type": "ELLIPSE", "visible": true, "opacity": 1, "w": 16, "h": 16, "x": -2227, "y": 5754, "r": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#ffffff", "v": "VariableID:VariableID:1558:94781", "token": { "cssVar": "--color-white", "figmaName": "UX/Grey/grey-1 #FFFFFF", "variableId": "VariableID:1558:94781", "strategy": "normalized-variable-id" } } ], "strokes": [] } ], "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, "layoutSizingHorizontal": null, "layoutSizingVertical": null, "primaryAxisSizingMode": null, "counterAxisSizingMode": null, "subnodeCount": 3, "primaryAxisAlignItems": null, "counterAxisAlignItems": null, "fills": [], "strokes": [], "strokeWeight": 1, "effects": [], "text": null, "vectorNodeIds": [ "I1448:45773;1833:86611" ], "children": [ { "id": "337:18135", "name": "Rectangle 535", "type": "RECTANGLE", "visible": true, "opacity": 1, "w": 40, "h": 20, "x": -2145, "y": 5752, "r": 100, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#cccccc", "v": "VariableID:VariableID:1558:94785", "token": { "cssVar": "--color-grey-5", "figmaName": "UX/Grey/grey-5 #CCCCCC", "variableId": "VariableID:1558:94785", "strategy": "normalized-variable-id" } } ], "strokes": [] }, { "id": "337:18136", "name": "Ellipse 140", "type": "ELLIPSE", "visible": true, "opacity": 1, "w": 16, "h": 16, "x": -2143, "y": 5754, "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": [] }, { "id": "1448:45773", "name": "icon/load/loading 2", "type": "INSTANCE", "visible": true, "opacity": 1, "w": 12, "h": 12, "x": -2141, "y": 5756, "r": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#cccccc", "v": "VariableID:VariableID:1558:94785", "token": { "cssVar": "--color-grey-5", "figmaName": "UX/Grey/grey-5 #CCCCCC", "variableId": "VariableID:1558:94785", "strategy": "normalized-variable-id" } } ], "strokes": [], "componentId": "1202:4149" } ], "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, "layoutSizingHorizontal": null, "layoutSizingVertical": null, "primaryAxisSizingMode": null, "counterAxisSizingMode": null, "subnodeCount": 2, "primaryAxisAlignItems": null, "counterAxisAlignItems": null, "fills": [], "strokes": [], "strokeWeight": 1, "effects": [], "text": null, "vectorNodeIds": [ "337:18022" ], "children": [ { "id": "337:18022", "name": "Rectangle 535", "type": "VECTOR", "visible": true, "opacity": 1, "w": 40, "h": 20, "x": -2061.599853515625, "y": 5752, "r": 100, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#cccccc", "v": "VariableID:VariableID:1558:94785", "token": { "cssVar": "--color-grey-5", "figmaName": "UX/Grey/grey-5 #CCCCCC", "variableId": "VariableID:1558:94785", "strategy": "normalized-variable-id" } } ], "strokes": [] }, { "id": "337:18023", "name": "Ellipse 140", "type": "ELLIPSE", "visible": true, "opacity": 1, "w": 16, "h": 16, "x": -2059.599853515625, "y": 5754, "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": [] } ], "description": null, "componentSetId": "348:3483", "componentPropertyReferences": null } ], "tokenizedAt": "2026-06-08T05:30:11.705Z", "tokenizationStrategy": "variable-id-first-then-hex-fallback", "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" } }