{ "extractedAt": "2026-06-09T09:36:17.218Z", "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", "layoutSizingHorizontal": "FIXED", "layoutSizingVertical": "FIXED", "primaryAxisSizingMode": "FIXED", "counterAxisSizingMode": "FIXED", "subnodeCount": 1, "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": "#f8f8f8", "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": [], "children": [ { "id": "4824:8661", "name": "5", "type": "TEXT", "visible": true, "opacity": 1, "w": 7, "h": 16, "x": 10062.5, "y": 957, "r": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#f8f8f8", "v": "VariableID:VariableID:4263:102", "token": { "cssVar": "--text-primary-btn", "figmaName": "Color Type/Text/Primary Button", "variableId": "VariableID:4263:102", "strategy": "normalized-variable-id" } } ], "strokes": [], "characters": "5" } ], "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", "layoutSizingHorizontal": "FIXED", "layoutSizingVertical": "FIXED", "primaryAxisSizingMode": "FIXED", "counterAxisSizingMode": "FIXED", "subnodeCount": 1, "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": [], "children": [ { "id": "4895:1364", "name": "5", "type": "TEXT", "visible": true, "opacity": 1, "w": 7, "h": 16, "x": 10110.5, "y": 957, "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": [], "characters": "5" } ], "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", "layoutSizingHorizontal": "FIXED", "layoutSizingVertical": "FIXED", "primaryAxisSizingMode": "FIXED", "counterAxisSizingMode": "FIXED", "subnodeCount": 1, "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": "#f8f8f8", "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": [], "children": [ { "id": "4824:8659", "name": "5", "type": "TEXT", "visible": true, "opacity": 1, "w": 7, "h": 16, "x": 10158.5, "y": 957, "r": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#f8f8f8", "v": "VariableID:VariableID:4263:102", "token": { "cssVar": "--text-primary-btn", "figmaName": "Color Type/Text/Primary Button", "variableId": "VariableID:4263:102", "strategy": "normalized-variable-id" } } ], "strokes": [], "characters": "5" } ], "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", "layoutSizingHorizontal": "FIXED", "layoutSizingVertical": "FIXED", "primaryAxisSizingMode": "FIXED", "counterAxisSizingMode": "FIXED", "subnodeCount": 1, "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": [], "children": [ { "id": "4895:1366", "name": "5", "type": "TEXT", "visible": true, "opacity": 1, "w": 7, "h": 16, "x": 10206.5, "y": 957, "r": 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" } } ], "strokes": [], "characters": "5" } ], "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", "layoutSizingHorizontal": "FIXED", "layoutSizingVertical": "FIXED", "primaryAxisSizingMode": "FIXED", "counterAxisSizingMode": "FIXED", "subnodeCount": 1, "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": "#f8f8f8", "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": [], "children": [ { "id": "4824:8663", "name": "5", "type": "TEXT", "visible": true, "opacity": 1, "w": 7, "h": 16, "x": 10254.5, "y": 957, "r": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#f8f8f8", "v": "VariableID:VariableID:4263:102", "token": { "cssVar": "--text-primary-btn", "figmaName": "Color Type/Text/Primary Button", "variableId": "VariableID:4263:102", "strategy": "normalized-variable-id" } } ], "strokes": [], "characters": "5" } ], "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", "layoutSizingHorizontal": "FIXED", "layoutSizingVertical": "FIXED", "primaryAxisSizingMode": "FIXED", "counterAxisSizingMode": "FIXED", "subnodeCount": 1, "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": [], "children": [ { "id": "4895:1368", "name": "5", "type": "TEXT", "visible": true, "opacity": 1, "w": 7, "h": 16, "x": 10062.5, "y": 1005, "r": 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" } } ], "strokes": [], "characters": "5" } ], "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", "layoutSizingHorizontal": "FIXED", "layoutSizingVertical": "FIXED", "primaryAxisSizingMode": "FIXED", "counterAxisSizingMode": "FIXED", "subnodeCount": 1, "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": "#f8f8f8", "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": [], "children": [ { "id": "4824:8665", "name": "5", "type": "TEXT", "visible": true, "opacity": 1, "w": 7, "h": 16, "x": 10110.5, "y": 1005, "r": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#f8f8f8", "v": "VariableID:VariableID:4263:102", "token": { "cssVar": "--text-primary-btn", "figmaName": "Color Type/Text/Primary Button", "variableId": "VariableID:4263:102", "strategy": "normalized-variable-id" } } ], "strokes": [], "characters": "5" } ], "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", "layoutSizingHorizontal": "FIXED", "layoutSizingVertical": "FIXED", "primaryAxisSizingMode": "FIXED", "counterAxisSizingMode": "FIXED", "subnodeCount": 1, "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": [], "children": [ { "id": "4895:1370", "name": "5", "type": "TEXT", "visible": true, "opacity": 1, "w": 7, "h": 16, "x": 10158.5, "y": 1005, "r": 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" } } ], "strokes": [], "characters": "5" } ], "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", "layoutSizingHorizontal": "FIXED", "layoutSizingVertical": "FIXED", "primaryAxisSizingMode": "FIXED", "counterAxisSizingMode": "FIXED", "subnodeCount": 1, "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": [], "children": [ { "id": "4993:1548", "name": "5", "type": "TEXT", "visible": true, "opacity": 1, "w": 7, "h": 16, "x": 10206.5, "y": 1005, "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": "5" } ], "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", "layoutSizingHorizontal": "FIXED", "layoutSizingVertical": "FIXED", "primaryAxisSizingMode": "FIXED", "counterAxisSizingMode": "FIXED", "subnodeCount": 1, "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#353535", "v": "VariableID:VariableID:2611:57622", "token": { "cssVar": "--bg-layer4", "figmaName": "Color Type/Background/Layer_4", "variableId": "VariableID:2611:57622", "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": [], "children": [ { "id": "4993:1550", "name": "5", "type": "TEXT", "visible": true, "opacity": 1, "w": 7, "h": 16, "x": 10254.5, "y": 1005, "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": "5" } ], "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", "layoutSizingHorizontal": "HUG", "layoutSizingVertical": "HUG", "primaryAxisSizingMode": null, "counterAxisSizingMode": null, "subnodeCount": 1, "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": "#f8f8f8", "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": [], "children": [ { "id": "4824:8687", "name": "Done", "type": "TEXT", "visible": true, "opacity": 1, "w": 28, "h": 16, "x": 10066, "y": 1053, "r": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#f8f8f8", "v": "VariableID:VariableID:4263:102", "token": { "cssVar": "--text-primary-btn", "figmaName": "Color Type/Text/Primary Button", "variableId": "VariableID:4263:102", "strategy": "normalized-variable-id" } } ], "strokes": [], "characters": "Done" } ], "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", "layoutSizingHorizontal": "HUG", "layoutSizingVertical": "HUG", "primaryAxisSizingMode": null, "counterAxisSizingMode": null, "subnodeCount": 1, "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": [], "children": [ { "id": "4895:1372", "name": "Done", "type": "TEXT", "visible": true, "opacity": 1, "w": 28, "h": 16, "x": 10142, "y": 1053, "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": [], "characters": "Done" } ], "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", "layoutSizingHorizontal": "HUG", "layoutSizingVertical": "HUG", "primaryAxisSizingMode": null, "counterAxisSizingMode": null, "subnodeCount": 1, "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": "#f8f8f8", "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": [], "children": [ { "id": "4824:8685", "name": "Active", "type": "TEXT", "visible": true, "opacity": 1, "w": 34, "h": 16, "x": 10218, "y": 1053, "r": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#f8f8f8", "v": "VariableID:VariableID:4263:102", "token": { "cssVar": "--text-primary-btn", "figmaName": "Color Type/Text/Primary Button", "variableId": "VariableID:4263:102", "strategy": "normalized-variable-id" } } ], "strokes": [], "characters": "Active" } ], "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", "layoutSizingHorizontal": "HUG", "layoutSizingVertical": "HUG", "primaryAxisSizingMode": null, "counterAxisSizingMode": null, "subnodeCount": 1, "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": [], "children": [ { "id": "4895:1374", "name": "Active", "type": "TEXT", "visible": true, "opacity": 1, "w": 34, "h": 16, "x": 10066, "y": 1101, "r": 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" } } ], "strokes": [], "characters": "Active" } ], "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", "layoutSizingHorizontal": "HUG", "layoutSizingVertical": "HUG", "primaryAxisSizingMode": null, "counterAxisSizingMode": null, "subnodeCount": 1, "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": "#f8f8f8", "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": [], "children": [ { "id": "4824:8689", "name": "Warn", "type": "TEXT", "visible": true, "opacity": 1, "w": 28, "h": 16, "x": 10148, "y": 1101, "r": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#f8f8f8", "v": "VariableID:VariableID:4263:102", "token": { "cssVar": "--text-primary-btn", "figmaName": "Color Type/Text/Primary Button", "variableId": "VariableID:4263:102", "strategy": "normalized-variable-id" } } ], "strokes": [], "characters": "Warn" } ], "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", "layoutSizingHorizontal": "HUG", "layoutSizingVertical": "HUG", "primaryAxisSizingMode": null, "counterAxisSizingMode": null, "subnodeCount": 1, "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": [], "children": [ { "id": "4895:1376", "name": "Warn", "type": "TEXT", "visible": true, "opacity": 1, "w": 28, "h": 16, "x": 10224, "y": 1101, "r": 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" } } ], "strokes": [], "characters": "Warn" } ], "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", "layoutSizingHorizontal": "HUG", "layoutSizingVertical": "HUG", "primaryAxisSizingMode": null, "counterAxisSizingMode": null, "subnodeCount": 1, "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": "#f8f8f8", "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": [], "children": [ { "id": "4824:8691", "name": "Error", "type": "TEXT", "visible": true, "opacity": 1, "w": 26, "h": 16, "x": 10066, "y": 1149, "r": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#f8f8f8", "v": "VariableID:VariableID:4263:102", "token": { "cssVar": "--text-primary-btn", "figmaName": "Color Type/Text/Primary Button", "variableId": "VariableID:4263:102", "strategy": "normalized-variable-id" } } ], "strokes": [], "characters": "Error" } ], "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", "layoutSizingHorizontal": "HUG", "layoutSizingVertical": "HUG", "primaryAxisSizingMode": null, "counterAxisSizingMode": null, "subnodeCount": 1, "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": [], "children": [ { "id": "4895:1378", "name": "Error", "type": "TEXT", "visible": true, "opacity": 1, "w": 26, "h": 16, "x": 10140, "y": 1149, "r": 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" } } ], "strokes": [], "characters": "Error" } ], "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", "layoutSizingHorizontal": "HUG", "layoutSizingVertical": "HUG", "primaryAxisSizingMode": null, "counterAxisSizingMode": null, "subnodeCount": 1, "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": [], "children": [ { "id": "4993:1554", "name": "Msg", "type": "TEXT", "visible": true, "opacity": 1, "w": 24, "h": 16, "x": 10214, "y": 1149, "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": "Msg" } ], "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", "layoutSizingHorizontal": "HUG", "layoutSizingVertical": "HUG", "primaryAxisSizingMode": null, "counterAxisSizingMode": null, "subnodeCount": 1, "primaryAxisAlignItems": "CENTER", "counterAxisAlignItems": "CENTER", "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#353535", "v": "VariableID:VariableID:2611:57622", "token": { "cssVar": "--bg-layer4", "figmaName": "Color Type/Background/Layer_4", "variableId": "VariableID:2611:57622", "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": [], "children": [ { "id": "4993:1552", "name": "Msg", "type": "TEXT", "visible": true, "opacity": 1, "w": 24, "h": 16, "x": 10066, "y": 1197, "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": "Msg" } ], "description": null, "componentSetId": "4821:1665", "componentPropertyReferences": null } ], "tokenizedAt": "2026-06-09T09:36:28.107Z", "tokenizationStrategy": "variable-id-first-then-hex-fallback", "source": { "sourceLayer": "figma-data/raw/components", "sourceFile": "figma-data/raw/components/badge__4821_1665.json", "rawExtractedAt": "2026-06-09T09:36:17.218Z", "rawNodeId": "4821:1665", "rawSha256": "f879aa56d7ff4ae39c791533fbe6acb29813cbfb025655c3351c5357c9939683" } }