{ "extractedAt": "2026-05-08T03:56:19.859Z", "figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn", "figmaName": "Badge", "nodeId": "4821:1665", "type": "COMPONENT_SET", "pageId": "4265:5942", "pageName": "— — Other Components", "description": "", "key": "4db5246d0782fe13bcc01747a7a2578c2da77b2a", "variants": [ { "id": "4821:1662", "name": "Type=Circle, Color=Green, Tag=Filled", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 24, "w": 24, "x": 10054, "y": 953, "pH": null, "pV": null, "pR": null, "pB": null, "gap": 10, "r": 16, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "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": { "characters": "5", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "size": 12, "fontFamily": "Roboto", "fontWeight": 400, "lineHeightPx": 16, "letterSpacing": 0, "textCase": null, "textDecoration": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#ffffff", "v": "VariableID:VariableID:4263:102", "token": { "cssVar": "--text-primary-btn", "figmaName": "Color Type/Text/Primary Button", "variableId": "VariableID:4263:102", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [], "description": null, "componentSetId": "4821:1665", "componentPropertyReferences": null }, { "id": "4895:1363", "name": "Type=Circle, Color=Green, Tag=Line", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 24, "w": 24, "x": 10102, "y": 953, "pH": null, "pV": null, "pR": null, "pB": null, "gap": 10, "r": 16, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [ { "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" } } ], "strokeWeight": 1, "effects": [], "text": { "characters": "5", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "size": 12, "fontFamily": "Roboto", "fontWeight": 400, "lineHeightPx": 16, "letterSpacing": 0, "textCase": null, "textDecoration": 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" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [], "description": null, "componentSetId": "4821:1665", "componentPropertyReferences": null }, { "id": "4821:1663", "name": "Type=Circle, Color=Blue, Tag=Filled", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 24, "w": 24, "x": 10150, "y": 953, "pH": null, "pV": null, "pR": null, "pB": null, "gap": 10, "r": 16, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#3892f3", "v": "VariableID:VariableID:1671:114779", "token": { "cssVar": "--blue", "figmaName": "UX/Blue/Default", "variableId": "VariableID:1671:114779", "strategy": "normalized-variable-id" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "5", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "size": 12, "fontFamily": "Roboto", "fontWeight": 400, "lineHeightPx": 16, "letterSpacing": 0, "textCase": null, "textDecoration": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#ffffff", "v": "VariableID:VariableID:4263:102", "token": { "cssVar": "--text-primary-btn", "figmaName": "Color Type/Text/Primary Button", "variableId": "VariableID:4263:102", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [], "description": null, "componentSetId": "4821:1665", "componentPropertyReferences": null }, { "id": "4895:1365", "name": "Type=Circle, Color=Blue, Tag=Line", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 24, "w": 24, "x": 10198, "y": 953, "pH": null, "pV": null, "pR": null, "pB": null, "gap": 10, "r": 16, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#3892f3", "v": "VariableID:VariableID:1671:114779", "token": { "cssVar": "--blue", "figmaName": "UX/Blue/Default", "variableId": "VariableID:1671:114779", "strategy": "normalized-variable-id" } } ], "strokeWeight": 1, "effects": [], "text": { "characters": "5", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "size": 12, "fontFamily": "Roboto", "fontWeight": 400, "lineHeightPx": 16, "letterSpacing": 0, "textCase": null, "textDecoration": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#3892f3", "v": "VariableID:VariableID:1671:114779", "token": { "cssVar": "--blue", "figmaName": "UX/Blue/Default", "variableId": "VariableID:1671:114779", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [], "description": null, "componentSetId": "4821:1665", "componentPropertyReferences": null }, { "id": "4821:1661", "name": "Type=Circle, Color=Orange, Tag=Filled", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 24, "w": 24, "x": 10246, "y": 953, "pH": null, "pV": null, "pR": null, "pB": null, "gap": 10, "r": 16, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#f68512", "v": "VariableID:VariableID:1671:114765", "token": { "cssVar": "--orange", "figmaName": "UX/Orange/Default", "variableId": "VariableID:1671:114765", "strategy": "normalized-variable-id" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "5", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "size": 12, "fontFamily": "Roboto", "fontWeight": 400, "lineHeightPx": 16, "letterSpacing": 0, "textCase": null, "textDecoration": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#ffffff", "v": "VariableID:VariableID:4263:102", "token": { "cssVar": "--text-primary-btn", "figmaName": "Color Type/Text/Primary Button", "variableId": "VariableID:4263:102", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [], "description": null, "componentSetId": "4821:1665", "componentPropertyReferences": null }, { "id": "4895:1367", "name": "Type=Circle, Color=Orange, Tag=Line", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 24, "w": 24, "x": 10054, "y": 1001, "pH": null, "pV": null, "pR": null, "pB": null, "gap": 10, "r": 16, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#f68512", "v": "VariableID:VariableID:1671:114765", "token": { "cssVar": "--orange", "figmaName": "UX/Orange/Default", "variableId": "VariableID:1671:114765", "strategy": "normalized-variable-id" } } ], "strokeWeight": 1, "effects": [], "text": { "characters": "5", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "size": 12, "fontFamily": "Roboto", "fontWeight": 400, "lineHeightPx": 16, "letterSpacing": 0, "textCase": null, "textDecoration": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#f68512", "v": "VariableID:VariableID:1671:114765", "token": { "cssVar": "--orange", "figmaName": "UX/Orange/Default", "variableId": "VariableID:1671:114765", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [], "description": null, "componentSetId": "4821:1665", "componentPropertyReferences": null }, { "id": "4821:1660", "name": "Type=Circle, Color=Red, Tag=Filled", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 24, "w": 24, "x": 10102, "y": 1001, "pH": null, "pV": null, "pR": null, "pB": null, "gap": 10, "r": 16, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "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": [], "strokeWeight": 1, "effects": [], "text": { "characters": "5", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "size": 12, "fontFamily": "Roboto", "fontWeight": 400, "lineHeightPx": 16, "letterSpacing": 0, "textCase": null, "textDecoration": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#ffffff", "v": "VariableID:VariableID:4263:102", "token": { "cssVar": "--text-primary-btn", "figmaName": "Color Type/Text/Primary Button", "variableId": "VariableID:4263:102", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [], "description": null, "componentSetId": "4821:1665", "componentPropertyReferences": null }, { "id": "4895:1369", "name": "Type=Circle, Color=Red, Tag=Line", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 24, "w": 24, "x": 10150, "y": 1001, "pH": null, "pV": null, "pR": null, "pB": null, "gap": 10, "r": 16, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [ { "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" } } ], "strokeWeight": 1, "effects": [], "text": { "characters": "5", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "size": 12, "fontFamily": "Roboto", "fontWeight": 400, "lineHeightPx": 16, "letterSpacing": 0, "textCase": null, "textDecoration": null, "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" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [], "description": null, "componentSetId": "4821:1665", "componentPropertyReferences": null }, { "id": "4993:1547", "name": "Type=Circle, Color=Neutral, Tag=Line", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 24, "w": 24, "x": 10198, "y": 1001, "pH": null, "pV": null, "pR": null, "pB": null, "gap": 10, "r": 16, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#353535", "v": "VariableID:VariableID:2611:57629", "token": { "cssVar": "--line-deep", "figmaName": "Color Type/Line/Deep Divider", "variableId": "VariableID:2611:57629", "strategy": "normalized-variable-id" } } ], "strokeWeight": 1, "effects": [], "text": { "characters": "5", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "size": 12, "fontFamily": "Roboto", "fontWeight": 400, "lineHeightPx": 16, "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": "4821:1665", "componentPropertyReferences": null }, { "id": "4993:1549", "name": "Type=Circle, Color=Neutral, Tag=Filled", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 24, "w": 24, "x": 10246, "y": 1001, "pH": null, "pV": null, "pR": null, "pB": null, "gap": 10, "r": 16, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#262626", "v": "VariableID:VariableID:2611:57621", "token": { "cssVar": "--bg-layer3", "figmaName": "Color Type/Background/Layer_3", "variableId": "VariableID:2611:57621", "strategy": "normalized-variable-id" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "5", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "size": 12, "fontFamily": "Roboto", "fontWeight": 400, "lineHeightPx": 16, "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": "4821:1665", "componentPropertyReferences": null }, { "id": "4821:1668", "name": "Type=Rectangle, Color=Green, Tag=Filled", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 24, "w": 52, "x": 10054, "y": 1049, "pH": 12, "pV": 4, "pR": 12, "pB": 4, "gap": null, "r": 16, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "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": { "characters": "Done", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "size": 12, "fontFamily": "Roboto", "fontWeight": 400, "lineHeightPx": 16, "letterSpacing": 0, "textCase": null, "textDecoration": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#ffffff", "v": "VariableID:VariableID:4263:102", "token": { "cssVar": "--text-primary-btn", "figmaName": "Color Type/Text/Primary Button", "variableId": "VariableID:4263:102", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [], "description": null, "componentSetId": "4821:1665", "componentPropertyReferences": null }, { "id": "4895:1371", "name": "Type=Rectangle, Color=Green, Tag=Line", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 24, "w": 52, "x": 10130, "y": 1049, "pH": 12, "pV": 4, "pR": 12, "pB": 4, "gap": null, "r": 16, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [ { "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" } } ], "strokeWeight": 1, "effects": [], "text": { "characters": "Done", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "size": 12, "fontFamily": "Roboto", "fontWeight": 400, "lineHeightPx": 16, "letterSpacing": 0, "textCase": null, "textDecoration": 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" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [], "description": null, "componentSetId": "4821:1665", "componentPropertyReferences": null }, { "id": "4821:1669", "name": "Type=Rectangle, Color=Blue, Tag=Filled", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 24, "w": 58, "x": 10206, "y": 1049, "pH": 12, "pV": 4, "pR": 12, "pB": 4, "gap": null, "r": 16, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#3892f3", "v": "VariableID:VariableID:1671:114779", "token": { "cssVar": "--blue", "figmaName": "UX/Blue/Default", "variableId": "VariableID:1671:114779", "strategy": "normalized-variable-id" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Active", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "size": 12, "fontFamily": "Roboto", "fontWeight": 400, "lineHeightPx": 16, "letterSpacing": 0, "textCase": null, "textDecoration": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#ffffff", "v": "VariableID:VariableID:4263:102", "token": { "cssVar": "--text-primary-btn", "figmaName": "Color Type/Text/Primary Button", "variableId": "VariableID:4263:102", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [], "description": null, "componentSetId": "4821:1665", "componentPropertyReferences": null }, { "id": "4895:1373", "name": "Type=Rectangle, Color=Blue, Tag=Line", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 24, "w": 58, "x": 10054, "y": 1097, "pH": 12, "pV": 4, "pR": 12, "pB": 4, "gap": null, "r": 16, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#3892f3", "v": "VariableID:VariableID:1671:114779", "token": { "cssVar": "--blue", "figmaName": "UX/Blue/Default", "variableId": "VariableID:1671:114779", "strategy": "normalized-variable-id" } } ], "strokeWeight": 1, "effects": [], "text": { "characters": "Active", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "size": 12, "fontFamily": "Roboto", "fontWeight": 400, "lineHeightPx": 16, "letterSpacing": 0, "textCase": null, "textDecoration": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#3892f3", "v": "VariableID:VariableID:1671:114779", "token": { "cssVar": "--blue", "figmaName": "UX/Blue/Default", "variableId": "VariableID:1671:114779", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [], "description": null, "componentSetId": "4821:1665", "componentPropertyReferences": null }, { "id": "4821:1667", "name": "Type=Rectangle, Color=Orange, Tag=Filled", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 24, "w": 52, "x": 10136, "y": 1097, "pH": 12, "pV": 4, "pR": 12, "pB": 4, "gap": null, "r": 16, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#f68512", "v": "VariableID:VariableID:1671:114765", "token": { "cssVar": "--orange", "figmaName": "UX/Orange/Default", "variableId": "VariableID:1671:114765", "strategy": "normalized-variable-id" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Warn", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "size": 12, "fontFamily": "Roboto", "fontWeight": 400, "lineHeightPx": 16, "letterSpacing": 0, "textCase": null, "textDecoration": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#ffffff", "v": "VariableID:VariableID:4263:102", "token": { "cssVar": "--text-primary-btn", "figmaName": "Color Type/Text/Primary Button", "variableId": "VariableID:4263:102", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [], "description": null, "componentSetId": "4821:1665", "componentPropertyReferences": null }, { "id": "4895:1375", "name": "Type=Rectangle, Color=Orange, Tag=Line", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 24, "w": 52, "x": 10212, "y": 1097, "pH": 12, "pV": 4, "pR": 12, "pB": 4, "gap": null, "r": 16, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#f68512", "v": "VariableID:VariableID:1671:114765", "token": { "cssVar": "--orange", "figmaName": "UX/Orange/Default", "variableId": "VariableID:1671:114765", "strategy": "normalized-variable-id" } } ], "strokeWeight": 1, "effects": [], "text": { "characters": "Warn", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "size": 12, "fontFamily": "Roboto", "fontWeight": 400, "lineHeightPx": 16, "letterSpacing": 0, "textCase": null, "textDecoration": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#f68512", "v": "VariableID:VariableID:1671:114765", "token": { "cssVar": "--orange", "figmaName": "UX/Orange/Default", "variableId": "VariableID:1671:114765", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [], "description": null, "componentSetId": "4821:1665", "componentPropertyReferences": null }, { "id": "4821:1666", "name": "Type=Rectangle, Color=Red, Tag=Filled", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 24, "w": 50, "x": 10054, "y": 1145, "pH": 12, "pV": 4, "pR": 12, "pB": 4, "gap": null, "r": 16, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "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": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Error", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "size": 12, "fontFamily": "Roboto", "fontWeight": 400, "lineHeightPx": 16, "letterSpacing": 0, "textCase": null, "textDecoration": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#ffffff", "v": "VariableID:VariableID:4263:102", "token": { "cssVar": "--text-primary-btn", "figmaName": "Color Type/Text/Primary Button", "variableId": "VariableID:4263:102", "strategy": "normalized-variable-id" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [], "description": null, "componentSetId": "4821:1665", "componentPropertyReferences": null }, { "id": "4895:1377", "name": "Type=Rectangle, Color=Red, Tag=Line", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 24, "w": 50, "x": 10128, "y": 1145, "pH": 12, "pV": 4, "pR": 12, "pB": 4, "gap": null, "r": 16, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [ { "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" } } ], "strokeWeight": 1, "effects": [], "text": { "characters": "Error", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "size": 12, "fontFamily": "Roboto", "fontWeight": 400, "lineHeightPx": 16, "letterSpacing": 0, "textCase": null, "textDecoration": null, "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" } } ], "v": null, "compositeToken": null }, "vectorNodeIds": [], "description": null, "componentSetId": "4821:1665", "componentPropertyReferences": null }, { "id": "4993:1553", "name": "Type=Rectangle, Color=Neutral, Tag=Line", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 24, "w": 48, "x": 10202, "y": 1145, "pH": 12, "pV": 4, "pR": 12, "pB": 4, "gap": null, "r": 16, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [], "strokes": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#353535", "v": "VariableID:VariableID:2611:57629", "token": { "cssVar": "--line-deep", "figmaName": "Color Type/Line/Deep Divider", "variableId": "VariableID:2611:57629", "strategy": "normalized-variable-id" } } ], "strokeWeight": 1, "effects": [], "text": { "characters": "Msg", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "size": 12, "fontFamily": "Roboto", "fontWeight": 400, "lineHeightPx": 16, "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": "4821:1665", "componentPropertyReferences": null }, { "id": "4993:1551", "name": "Type=Rectangle, Color=Neutral, Tag=Filled", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 24, "w": 48, "x": 10054, "y": 1193, "pH": 12, "pV": 4, "pR": 12, "pB": 4, "gap": null, "r": 16, "layoutMode": "HORIZONTAL", "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#262626", "v": "VariableID:VariableID:2611:57621", "token": { "cssVar": "--bg-layer3", "figmaName": "Color Type/Background/Layer_3", "variableId": "VariableID:2611:57621", "strategy": "normalized-variable-id" } } ], "strokes": [], "strokeWeight": 1, "effects": [], "text": { "characters": "Msg", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "size": 12, "fontFamily": "Roboto", "fontWeight": 400, "lineHeightPx": 16, "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": "4821:1665", "componentPropertyReferences": null } ], "tokenizedAt": "2026-05-08T04:02:55.457Z", "tokenizationStrategy": "variable-id-first-then-hex-fallback", "source": { "sourceLayer": "figma-data/raw/components", "sourceFile": "figma-data/raw/components/badge__4821_1665.json", "rawExtractedAt": "2026-05-08T03:56:19.859Z", "rawNodeId": "4821:1665", "rawSha256": "493c86eeaaf61ca0fc55efdc59986f9644b1223ba5f64aaf1dd60ac9fad0b3e2" } }