{ "extractedAt": "2026-05-08T03:56:19.826Z", "figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn", "figmaName": "check box", "nodeId": "3242:13521", "type": "COMPONENT_SET", "pageId": "273:43547", "pageName": "— — Buttons", "description": "", "key": "03397666c96da62c5ac40842d377a7651623b1a3", "variants": [ { "id": "374:771", "name": "dark theme=on, status=off, enable=yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 21, "w": 66, "x": -2099, "y": 8457, "pH": null, "pV": null, "pR": null, "pB": null, "gap": 8, "r": null, "layoutMode": "HORIZONTAL", "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": [], "description": null, "componentSetId": "3242:13521", "componentPropertyReferences": null }, { "id": "374:783", "name": "dark theme=on, status=off, enable=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 21, "w": 66, "x": -2010.5, "y": 8457, "pH": null, "pV": null, "pR": null, "pB": null, "gap": 8, "r": null, "layoutMode": "HORIZONTAL", "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": [], "description": null, "componentSetId": "3242:13521", "componentPropertyReferences": null }, { "id": "374:782", "name": "dark theme=on, status=on, enable=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 21, "w": 66, "x": -2010.931640625, "y": 8492, "pH": null, "pV": null, "pR": null, "pB": null, "gap": 8, "r": null, "layoutMode": "HORIZONTAL", "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": [], "description": null, "componentSetId": "3242:13521", "componentPropertyReferences": null }, { "id": "374:780", "name": "dark theme=on, status=some, enable=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 21, "w": 66, "x": -2010.5, "y": 8528.04296875, "pH": null, "pV": null, "pR": null, "pB": null, "gap": 8, "r": null, "layoutMode": "HORIZONTAL", "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": [], "description": null, "componentSetId": "3242:13521", "componentPropertyReferences": null }, { "id": "374:772", "name": "dark theme=on, status=on, enable=yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 21, "w": 66, "x": -2099, "y": 8492.36328125, "pH": null, "pV": null, "pR": null, "pB": null, "gap": 8, "r": null, "layoutMode": "HORIZONTAL", "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": [], "description": null, "componentSetId": "3242:13521", "componentPropertyReferences": null }, { "id": "374:773", "name": "dark theme=on, status=some, enable=yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 21, "w": 66, "x": -2100, "y": 8527.7275390625, "pH": null, "pV": null, "pR": null, "pB": null, "gap": 8, "r": null, "layoutMode": "HORIZONTAL", "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": [], "description": null, "componentSetId": "3242:13521", "componentPropertyReferences": null }, { "id": "374:774", "name": "dark theme=off, status=off, enable=yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 21, "w": 66, "x": -2100, "y": 8574.3056640625, "pH": null, "pV": null, "pR": null, "pB": null, "gap": 8, "r": null, "layoutMode": "HORIZONTAL", "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": [], "description": null, "componentSetId": "3242:13521", "componentPropertyReferences": null }, { "id": "374:775", "name": "dark theme=off, status=on, enable=yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 21, "w": 66, "x": -2100, "y": 8609.7978515625, "pH": null, "pV": null, "pR": null, "pB": null, "gap": 8, "r": null, "layoutMode": "HORIZONTAL", "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": [], "description": null, "componentSetId": "3242:13521", "componentPropertyReferences": null }, { "id": "374:776", "name": "dark theme=off, status=some, enable=yes", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 21, "w": 66, "x": -2100, "y": 8645.2900390625, "pH": null, "pV": null, "pR": null, "pB": null, "gap": 8, "r": null, "layoutMode": "HORIZONTAL", "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": [], "description": null, "componentSetId": "3242:13521", "componentPropertyReferences": null }, { "id": "374:777", "name": "dark theme=off, status=some, enable=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 21, "w": 66, "x": -2009.5, "y": 8644.2900390625, "pH": null, "pV": null, "pR": null, "pB": null, "gap": 8, "r": null, "layoutMode": "HORIZONTAL", "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": [], "description": null, "componentSetId": "3242:13521", "componentPropertyReferences": null }, { "id": "374:778", "name": "dark theme=off, status=on, enable=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 21, "w": 66, "x": -2010.431640625, "y": 8610, "pH": null, "pV": null, "pR": null, "pB": null, "gap": 8, "r": null, "layoutMode": "HORIZONTAL", "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": [], "description": null, "componentSetId": "3242:13521", "componentPropertyReferences": null }, { "id": "374:779", "name": "dark theme=off, status=off, enable=no", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 21, "w": 66, "x": -2009.931640625, "y": 8572, "pH": null, "pV": null, "pR": null, "pB": null, "gap": 8, "r": null, "layoutMode": "HORIZONTAL", "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": [], "description": null, "componentSetId": "3242:13521", "componentPropertyReferences": null } ], "tokenizedAt": "2026-05-08T04:02:55.498Z", "tokenizationStrategy": "variable-id-first-then-hex-fallback", "source": { "sourceLayer": "figma-data/raw/components", "sourceFile": "figma-data/raw/components/check_box__3242_13521.json", "rawExtractedAt": "2026-05-08T03:56:19.826Z", "rawNodeId": "3242:13521", "rawSha256": "5894a94355d0af9e59f111905e6a62843f0272769f24726ea6e7bb87e561d101" } }