{ "extractedAt": "2026-06-12T03:56:51.349Z", "figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn", "figmaName": "Notification", "nodeId": "1408:17154", "type": "COMPONENT_SET", "pageId": "1379:4191", "pageName": "— — Notifications & Pop box", "description": "Multi-purpose feedback surface. Variants by `form` (dialog / alert / pop confirm / slide) × `type` (warning / danger / error / info / success / default) × `theme` (dark / light); boolean `closable`. Primary-action color is type-driven: Confirm/OK is red for `error` and `danger`; brand green for `default` / `info` / `warning` / `success`. Use `danger` for destructive confirmations (e.g. a delete pop confirm). Buttons are form-intrinsic: dialog & pop confirm = Cancel + Confirm; alert = single OK; slide = no buttons (passive). All variants hug height (content-adaptive); content↔button gap = Basic Size/#32. Width: dialog / alert / pop confirm = Module Width/XL (480), slide = Module Width/M (320). For lightweight, centered, auto-dismiss operation-result toasts, use the `Message` component instead. Keywords: dialog, modal, alert, confirmation, confirm dialog, popup, popconfirm, toast, side-pop, snackbar, danger", "key": "23535120dbdc93bf90af9a118b5091e58b590dc6", "variants": [ { "id": "5891:7085", "name": "theme=dark, form=dialog, type=success", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 153, "w": 480, "x": -12234, "y": -4909, "pH": 24, "pV": 16, "pR": 24, "pB": 16, "gap": 32, "r": 6, "layoutMode": "VERTICAL", "layoutSizingHorizontal": "FIXED", "layoutSizingVertical": "HUG", "primaryAxisSizingMode": null, "counterAxisSizingMode": "FIXED", "subnodeCount": 2, "primaryAxisAlignItems": null, "counterAxisAlignItems": null, "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": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#434343", "v": "VariableID:VariableID:2611:57630", "token": { "cssVar": "--line-light", "figmaName": "Color Type/Line/Light Divider", "variableId": "VariableID:2611:57630", "strategy": "normalized-variable-id" } } ], "strokeWeight": 1.2000000476837158, "effects": [ { "type": "DROP_SHADOW", "visible": true, "radius": 48, "spread": 16, "blendMode": "NORMAL", "offset": { "x": 0, "y": 12 }, "color": { "hex": "#000000", "opacity": 0.029999999329447746 } }, { "type": "DROP_SHADOW", "visible": true, "radius": 28, "spread": null, "blendMode": "NORMAL", "offset": { "x": 0, "y": 9 }, "color": { "hex": "#000000", "opacity": 0.05000000074505806 } }, { "type": "DROP_SHADOW", "visible": true, "radius": 16, "spread": -8, "blendMode": "NORMAL", "offset": { "x": 0, "y": 6 }, "color": { "hex": "#000000", "opacity": 0.07999999821186066 } } ], "text": { "characters": "Notification title", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "size": 16, "fontFamily": "Roboto", "fontWeight": 600, "lineHeightPx": 24, "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": [ "I5891:7087;1517:28928", "I5891:7087;1517:29808", "I5891:7091;1480:73575", "I5891:7091;1480:73576", "I5891:7091;1480:74296" ], "children": [ { "id": "5891:7086", "name": "Notification_content", "type": "SLOT", "visible": true, "opacity": 1, "w": 432, "h": 57, "x": -12210, "y": -4893, "r": null, "fills": [], "strokes": [], "children": [ { "id": "5891:7087", "name": "icon/Message/Success 2", "type": "INSTANCE", "visible": true, "opacity": 1, "w": 24, "h": 24, "x": -12210, "y": -4893, "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": [], "componentId": "1168:20881" }, { "id": "5891:7088", "name": "content", "type": "FRAME", "visible": true, "opacity": 1, "w": 392, "h": 57, "x": -12170, "y": -4893, "r": null, "fills": [], "strokes": [], "children": [ { "id": "5891:7089", "name": "title", "type": "FRAME", "visible": true, "opacity": 1, "w": 392, "h": 24, "x": -12170, "y": -4893, "r": null, "fills": [], "strokes": [], "children": [ { "id": "5891:7090", "name": "Title", "type": "TEXT", "visible": true, "opacity": 1, "w": 360, "h": 24, "x": -12170, "y": -4893, "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": "Notification title" }, { "id": "5891:7091", "name": "icon/Edit/Close", "type": "INSTANCE", "visible": true, "opacity": 1, "w": 16, "h": 16, "x": -11794, "y": -4889, "r": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#9e9e9e", "v": "VariableID:VariableID:2611:57617", "token": { "cssVar": "--icon-default", "figmaName": "Color Type/Icon/Default", "variableId": "VariableID:2611:57617", "strategy": "normalized-variable-id" } } ], "strokes": [], "componentId": "1155:24553" } ] }, { "id": "5891:7092", "name": "↳ Description", "type": "TEXT", "visible": true, "opacity": 1, "w": 392, "h": 21, "x": -12170, "y": -4857, "r": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#9e9e9e", "v": "VariableID:VariableID:2611:57610", "token": { "cssVar": "--text-tips", "figmaName": "Color Type/Text/Tips", "variableId": "VariableID:2611:57610", "strategy": "normalized-variable-id" } } ], "strokes": [], "characters": "This is a sample notification message." } ] } ] }, { "id": "5891:7093", "name": "comfirm", "type": "FRAME", "visible": true, "opacity": 1, "w": 432, "h": 32, "x": -12210, "y": -4804, "r": null, "fills": [], "strokes": [], "children": [ { "id": "5891:7094", "name": "Button/dark M", "type": "INSTANCE", "visible": true, "opacity": 1, "w": 75, "h": 32, "x": -11951, "y": -4804, "r": 4, "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": [ { "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" } } ], "componentId": "314:47909" }, { "id": "5891:7095", "name": "Button/dark M", "type": "INSTANCE", "visible": true, "opacity": 1, "w": 82, "h": 32, "x": -11860, "y": -4804, "r": 4, "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": [], "componentId": "314:47919" } ] } ], "description": null, "componentSetId": "1408:17154", "componentPropertyReferences": null }, { "id": "5891:7102", "name": "theme=light, form=dialog, type=success", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 153, "w": 480, "x": -11709, "y": -4909, "pH": 24, "pV": 16, "pR": 24, "pB": 16, "gap": 32, "r": 6, "layoutMode": "VERTICAL", "layoutSizingHorizontal": "FIXED", "layoutSizingVertical": "HUG", "primaryAxisSizingMode": null, "counterAxisSizingMode": "FIXED", "subnodeCount": 2, "primaryAxisAlignItems": null, "counterAxisAlignItems": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#f8f8f8", "v": "VariableID:VariableID:2611:57620", "token": { "cssVar": "--bg-layer2", "figmaName": "Color Type/Background/Layer_2", "variableId": "VariableID:2611:57620", "strategy": "normalized-variable-id" } } ], "strokes": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#cccccc", "v": "VariableID:VariableID:2611:57630", "token": { "cssVar": "--line-light", "figmaName": "Color Type/Line/Light Divider", "variableId": "VariableID:2611:57630", "strategy": "normalized-variable-id" } } ], "strokeWeight": 1.2000000476837158, "effects": [ { "type": "DROP_SHADOW", "visible": true, "radius": 48, "spread": 16, "blendMode": "NORMAL", "offset": { "x": 0, "y": 12 }, "color": { "hex": "#000000", "opacity": 0.029999999329447746 } }, { "type": "DROP_SHADOW", "visible": true, "radius": 28, "spread": null, "blendMode": "NORMAL", "offset": { "x": 0, "y": 9 }, "color": { "hex": "#000000", "opacity": 0.05000000074505806 } }, { "type": "DROP_SHADOW", "visible": true, "radius": 16, "spread": -8, "blendMode": "NORMAL", "offset": { "x": 0, "y": 6 }, "color": { "hex": "#000000", "opacity": 0.07999999821186066 } } ], "text": { "characters": "Notification title", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "size": 16, "fontFamily": "Roboto", "fontWeight": 600, "lineHeightPx": 24, "letterSpacing": 0, "textCase": null, "textDecoration": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#141414", "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": [ "I5891:7104;1517:28928", "I5891:7104;1517:29808", "I5891:7108;1480:73575", "I5891:7108;1480:73576", "I5891:7108;1480:74296" ], "children": [ { "id": "5891:7103", "name": "Notification_content", "type": "SLOT", "visible": true, "opacity": 1, "w": 432, "h": 57, "x": -11685, "y": -4893, "r": null, "fills": [], "strokes": [], "children": [ { "id": "5891:7104", "name": "icon/Message/Success 2", "type": "INSTANCE", "visible": true, "opacity": 1, "w": 24, "h": 24, "x": -11685, "y": -4893, "r": 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": [], "componentId": "1168:20881" }, { "id": "5891:7105", "name": "content", "type": "FRAME", "visible": true, "opacity": 1, "w": 392, "h": 57, "x": -11645, "y": -4893, "r": null, "fills": [], "strokes": [], "children": [ { "id": "5891:7106", "name": "title", "type": "FRAME", "visible": true, "opacity": 1, "w": 392, "h": 24, "x": -11645, "y": -4893, "r": null, "fills": [], "strokes": [], "children": [ { "id": "5891:7107", "name": "Title", "type": "TEXT", "visible": true, "opacity": 1, "w": 360, "h": 24, "x": -11645, "y": -4893, "r": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#141414", "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": "Notification title" }, { "id": "5891:7108", "name": "icon/Edit/Close", "type": "INSTANCE", "visible": true, "opacity": 1, "w": 16, "h": 16, "x": -11269, "y": -4889, "r": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#595959", "v": "VariableID:VariableID:2611:57617", "token": { "cssVar": "--icon-default", "figmaName": "Color Type/Icon/Default", "variableId": "VariableID:2611:57617", "strategy": "normalized-variable-id" } } ], "strokes": [], "componentId": "1155:24553" } ] }, { "id": "5891:7109", "name": "↳ Description", "type": "TEXT", "visible": true, "opacity": 1, "w": 392, "h": 21, "x": -11645, "y": -4857, "r": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#595959", "v": "VariableID:VariableID:2611:57610", "token": { "cssVar": "--text-tips", "figmaName": "Color Type/Text/Tips", "variableId": "VariableID:2611:57610", "strategy": "normalized-variable-id" } } ], "strokes": [], "characters": "This is a sample notification message." } ] } ] }, { "id": "5891:7110", "name": "comfirm", "type": "FRAME", "visible": true, "opacity": 1, "w": 432, "h": 32, "x": -11685, "y": -4804, "r": null, "fills": [], "strokes": [], "children": [ { "id": "5891:7111", "name": "Button/light M", "type": "INSTANCE", "visible": true, "opacity": 1, "w": 75, "h": 32, "x": -11426, "y": -4804, "r": 4, "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": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#dbdbdb", "v": "VariableID:VariableID:1558:94784", "token": { "cssVar": "--color-grey-4", "figmaName": "UX/Grey/grey-4 #DBDBDB", "variableId": "VariableID:1558:94784", "strategy": "normalized-variable-id" } } ], "componentId": "314:46903" }, { "id": "5891:7112", "name": "Button/light M", "type": "INSTANCE", "visible": true, "opacity": 1, "w": 82, "h": 32, "x": -11335, "y": -4804, "r": 4, "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": [], "componentId": "314:46878" } ] } ], "description": null, "componentSetId": "1408:17154", "componentPropertyReferences": null }, { "id": "5819:7085", "name": "theme=dark, form=dialog, type=info", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 153, "w": 480, "x": -12234, "y": -4716, "pH": 24, "pV": 16, "pR": 24, "pB": 16, "gap": 32, "r": 6, "layoutMode": "VERTICAL", "layoutSizingHorizontal": "FIXED", "layoutSizingVertical": "HUG", "primaryAxisSizingMode": null, "counterAxisSizingMode": "FIXED", "subnodeCount": 2, "primaryAxisAlignItems": null, "counterAxisAlignItems": null, "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": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#434343", "v": "VariableID:VariableID:2611:57630", "token": { "cssVar": "--line-light", "figmaName": "Color Type/Line/Light Divider", "variableId": "VariableID:2611:57630", "strategy": "normalized-variable-id" } } ], "strokeWeight": 1.2000000476837158, "effects": [ { "type": "DROP_SHADOW", "visible": true, "radius": 48, "spread": 16, "blendMode": "NORMAL", "offset": { "x": 0, "y": 12 }, "color": { "hex": "#000000", "opacity": 0.029999999329447746 } }, { "type": "DROP_SHADOW", "visible": true, "radius": 28, "spread": null, "blendMode": "NORMAL", "offset": { "x": 0, "y": 9 }, "color": { "hex": "#000000", "opacity": 0.05000000074505806 } }, { "type": "DROP_SHADOW", "visible": true, "radius": 16, "spread": -8, "blendMode": "NORMAL", "offset": { "x": 0, "y": 6 }, "color": { "hex": "#000000", "opacity": 0.07999999821186066 } } ], "text": { "characters": "Notification title", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "size": 16, "fontFamily": "Roboto", "fontWeight": 600, "lineHeightPx": 24, "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": [ "I5819:7087;1517:27670", "I5819:7091;1480:73575", "I5819:7091;1480:73576", "I5819:7091;1480:74296" ], "children": [ { "id": "5819:7086", "name": "Notification_content", "type": "SLOT", "visible": true, "opacity": 1, "w": 432, "h": 57, "x": -12210, "y": -4700, "r": null, "fills": [], "strokes": [], "children": [ { "id": "5819:7087", "name": "icon/Message/Info 2", "type": "INSTANCE", "visible": true, "opacity": 1, "w": 24, "h": 24, "x": -12210, "y": -4700, "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": [], "componentId": "1168:23690" }, { "id": "5819:7088", "name": "content", "type": "FRAME", "visible": true, "opacity": 1, "w": 392, "h": 57, "x": -12170, "y": -4700, "r": null, "fills": [], "strokes": [], "children": [ { "id": "5819:7089", "name": "title", "type": "FRAME", "visible": true, "opacity": 1, "w": 392, "h": 24, "x": -12170, "y": -4700, "r": null, "fills": [], "strokes": [], "children": [ { "id": "5819:7090", "name": "Title", "type": "TEXT", "visible": true, "opacity": 1, "w": 360, "h": 24, "x": -12170, "y": -4700, "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": "Notification title" }, { "id": "5819:7091", "name": "icon/Edit/Close", "type": "INSTANCE", "visible": true, "opacity": 1, "w": 16, "h": 16, "x": -11794, "y": -4696, "r": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#9e9e9e", "v": "VariableID:VariableID:2611:57617", "token": { "cssVar": "--icon-default", "figmaName": "Color Type/Icon/Default", "variableId": "VariableID:2611:57617", "strategy": "normalized-variable-id" } } ], "strokes": [], "componentId": "1155:24553" } ] }, { "id": "5819:7092", "name": "↳ Description", "type": "TEXT", "visible": true, "opacity": 1, "w": 392, "h": 21, "x": -12170, "y": -4664, "r": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#9e9e9e", "v": "VariableID:VariableID:2611:57610", "token": { "cssVar": "--text-tips", "figmaName": "Color Type/Text/Tips", "variableId": "VariableID:2611:57610", "strategy": "normalized-variable-id" } } ], "strokes": [], "characters": "This is a sample notification message." } ] } ] }, { "id": "5819:7093", "name": "comfirm", "type": "FRAME", "visible": true, "opacity": 1, "w": 432, "h": 32, "x": -12210, "y": -4611, "r": null, "fills": [], "strokes": [], "children": [ { "id": "5819:7094", "name": "Button/dark M", "type": "INSTANCE", "visible": true, "opacity": 1, "w": 75, "h": 32, "x": -11951, "y": -4611, "r": 4, "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": [ { "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" } } ], "componentId": "314:47909" }, { "id": "5819:7095", "name": "Button/dark M", "type": "INSTANCE", "visible": true, "opacity": 1, "w": 82, "h": 32, "x": -11860, "y": -4611, "r": 4, "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": [], "componentId": "314:47919" } ] } ], "description": null, "componentSetId": "1408:17154", "componentPropertyReferences": null }, { "id": "5820:7085", "name": "theme=light, form=dialog, type=info", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 153, "w": 480, "x": -11709, "y": -4716, "pH": 24, "pV": 16, "pR": 24, "pB": 16, "gap": 32, "r": 6, "layoutMode": "VERTICAL", "layoutSizingHorizontal": "FIXED", "layoutSizingVertical": "HUG", "primaryAxisSizingMode": null, "counterAxisSizingMode": "FIXED", "subnodeCount": 2, "primaryAxisAlignItems": null, "counterAxisAlignItems": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#f8f8f8", "v": "VariableID:VariableID:2611:57620", "token": { "cssVar": "--bg-layer2", "figmaName": "Color Type/Background/Layer_2", "variableId": "VariableID:2611:57620", "strategy": "normalized-variable-id" } } ], "strokes": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#cccccc", "v": "VariableID:VariableID:2611:57630", "token": { "cssVar": "--line-light", "figmaName": "Color Type/Line/Light Divider", "variableId": "VariableID:2611:57630", "strategy": "normalized-variable-id" } } ], "strokeWeight": 1.2000000476837158, "effects": [ { "type": "DROP_SHADOW", "visible": true, "radius": 48, "spread": 16, "blendMode": "NORMAL", "offset": { "x": 0, "y": 12 }, "color": { "hex": "#000000", "opacity": 0.029999999329447746 } }, { "type": "DROP_SHADOW", "visible": true, "radius": 28, "spread": null, "blendMode": "NORMAL", "offset": { "x": 0, "y": 9 }, "color": { "hex": "#000000", "opacity": 0.05000000074505806 } }, { "type": "DROP_SHADOW", "visible": true, "radius": 16, "spread": -8, "blendMode": "NORMAL", "offset": { "x": 0, "y": 6 }, "color": { "hex": "#000000", "opacity": 0.07999999821186066 } } ], "text": { "characters": "Notification title", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "size": 16, "fontFamily": "Roboto", "fontWeight": 600, "lineHeightPx": 24, "letterSpacing": 0, "textCase": null, "textDecoration": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#141414", "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": [ "I5820:7087;1517:27670", "I5820:7091;1480:73575", "I5820:7091;1480:73576", "I5820:7091;1480:74296" ], "children": [ { "id": "5820:7086", "name": "Notification_content", "type": "SLOT", "visible": true, "opacity": 1, "w": 432, "h": 57, "x": -11685, "y": -4700, "r": null, "fills": [], "strokes": [], "children": [ { "id": "5820:7087", "name": "icon/Message/Info 2", "type": "INSTANCE", "visible": true, "opacity": 1, "w": 24, "h": 24, "x": -11685, "y": -4700, "r": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#0473d5", "v": "VariableID:VariableID:1671:114779", "token": { "cssVar": "--blue", "figmaName": "UX/Blue/Default", "variableId": "VariableID:1671:114779", "strategy": "normalized-variable-id" } } ], "strokes": [], "componentId": "1168:23690" }, { "id": "5820:7088", "name": "content", "type": "FRAME", "visible": true, "opacity": 1, "w": 392, "h": 57, "x": -11645, "y": -4700, "r": null, "fills": [], "strokes": [], "children": [ { "id": "5820:7089", "name": "title", "type": "FRAME", "visible": true, "opacity": 1, "w": 392, "h": 24, "x": -11645, "y": -4700, "r": null, "fills": [], "strokes": [], "children": [ { "id": "5820:7090", "name": "Title", "type": "TEXT", "visible": true, "opacity": 1, "w": 360, "h": 24, "x": -11645, "y": -4700, "r": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#141414", "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": "Notification title" }, { "id": "5820:7091", "name": "icon/Edit/Close", "type": "INSTANCE", "visible": true, "opacity": 1, "w": 16, "h": 16, "x": -11269, "y": -4696, "r": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#595959", "v": "VariableID:VariableID:2611:57617", "token": { "cssVar": "--icon-default", "figmaName": "Color Type/Icon/Default", "variableId": "VariableID:2611:57617", "strategy": "normalized-variable-id" } } ], "strokes": [], "componentId": "1155:24553" } ] }, { "id": "5820:7092", "name": "↳ Description", "type": "TEXT", "visible": true, "opacity": 1, "w": 392, "h": 21, "x": -11645, "y": -4664, "r": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#595959", "v": "VariableID:VariableID:2611:57610", "token": { "cssVar": "--text-tips", "figmaName": "Color Type/Text/Tips", "variableId": "VariableID:2611:57610", "strategy": "normalized-variable-id" } } ], "strokes": [], "characters": "This is a sample notification message." } ] } ] }, { "id": "5820:7093", "name": "comfirm", "type": "FRAME", "visible": true, "opacity": 1, "w": 432, "h": 32, "x": -11685, "y": -4611, "r": null, "fills": [], "strokes": [], "children": [ { "id": "5820:7094", "name": "Button/light M", "type": "INSTANCE", "visible": true, "opacity": 1, "w": 75, "h": 32, "x": -11426, "y": -4611, "r": 4, "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": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#dbdbdb", "v": "VariableID:VariableID:1558:94784", "token": { "cssVar": "--color-grey-4", "figmaName": "UX/Grey/grey-4 #DBDBDB", "variableId": "VariableID:1558:94784", "strategy": "normalized-variable-id" } } ], "componentId": "314:46903" }, { "id": "5820:7095", "name": "Button/light M", "type": "INSTANCE", "visible": true, "opacity": 1, "w": 82, "h": 32, "x": -11335, "y": -4611, "r": 4, "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": [], "componentId": "314:46878" } ] } ], "description": null, "componentSetId": "1408:17154", "componentPropertyReferences": null }, { "id": "1408:17123", "name": "theme=dark, form=dialog, type=warning", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 153, "w": 480, "x": -12234, "y": -4523, "pH": 24, "pV": 16, "pR": 24, "pB": 16, "gap": 32, "r": 6, "layoutMode": "VERTICAL", "layoutSizingHorizontal": "FIXED", "layoutSizingVertical": "HUG", "primaryAxisSizingMode": null, "counterAxisSizingMode": "FIXED", "subnodeCount": 2, "primaryAxisAlignItems": null, "counterAxisAlignItems": null, "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": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#434343", "v": "VariableID:VariableID:2611:57630", "token": { "cssVar": "--line-light", "figmaName": "Color Type/Line/Light Divider", "variableId": "VariableID:2611:57630", "strategy": "normalized-variable-id" } } ], "strokeWeight": 1.2000000476837158, "effects": [ { "type": "DROP_SHADOW", "visible": true, "radius": 48, "spread": 16, "blendMode": "NORMAL", "offset": { "x": 0, "y": 12 }, "color": { "hex": "#000000", "opacity": 0.029999999329447746 } }, { "type": "DROP_SHADOW", "visible": true, "radius": 28, "spread": null, "blendMode": "NORMAL", "offset": { "x": 0, "y": 9 }, "color": { "hex": "#000000", "opacity": 0.05000000074505806 } }, { "type": "DROP_SHADOW", "visible": true, "radius": 16, "spread": -8, "blendMode": "NORMAL", "offset": { "x": 0, "y": 6 }, "color": { "hex": "#000000", "opacity": 0.07999999821186066 } } ], "text": { "characters": "Notification title", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "size": 16, "fontFamily": "Roboto", "fontWeight": 600, "lineHeightPx": 24, "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": [ "I1392:1786;1517:27746", "I1392:1786;1538:130", "I1392:1817;1480:73575", "I1392:1817;1480:73576", "I1392:1817;1480:74296" ], "children": [ { "id": "1392:579", "name": "Notification_content", "type": "SLOT", "visible": true, "opacity": 1, "w": 432, "h": 57, "x": -12210, "y": -4507, "r": null, "fills": [], "strokes": [], "children": [ { "id": "1392:1786", "name": "icon/Message/warning 2", "type": "INSTANCE", "visible": true, "opacity": 1, "w": 24, "h": 24, "x": -12210, "y": -4507, "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": [], "componentId": "1517:27744" }, { "id": "1392:581", "name": "content", "type": "FRAME", "visible": true, "opacity": 1, "w": 392, "h": 57, "x": -12170, "y": -4507, "r": null, "fills": [], "strokes": [], "children": [ { "id": "1392:582", "name": "title", "type": "FRAME", "visible": true, "opacity": 1, "w": 392, "h": 24, "x": -12170, "y": -4507, "r": null, "fills": [], "strokes": [], "children": [ { "id": "1392:583", "name": "Title", "type": "TEXT", "visible": true, "opacity": 1, "w": 360, "h": 24, "x": -12170, "y": -4507, "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": "Notification title" }, { "id": "1392:1817", "name": "icon/Edit/Close", "type": "INSTANCE", "visible": true, "opacity": 1, "w": 16, "h": 16, "x": -11794, "y": -4503, "r": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#9e9e9e", "v": "VariableID:VariableID:2611:57617", "token": { "cssVar": "--icon-default", "figmaName": "Color Type/Icon/Default", "variableId": "VariableID:2611:57617", "strategy": "normalized-variable-id" } } ], "strokes": [], "componentId": "1155:24553" } ] }, { "id": "1392:585", "name": "↳ Description", "type": "TEXT", "visible": true, "opacity": 1, "w": 392, "h": 21, "x": -12170, "y": -4471, "r": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#9e9e9e", "v": "VariableID:VariableID:2611:57610", "token": { "cssVar": "--text-tips", "figmaName": "Color Type/Text/Tips", "variableId": "VariableID:2611:57610", "strategy": "normalized-variable-id" } } ], "strokes": [], "characters": "This is a sample notification message." } ] } ] }, { "id": "1392:586", "name": "comfirm", "type": "FRAME", "visible": true, "opacity": 1, "w": 432, "h": 32, "x": -12210, "y": -4418, "r": null, "fills": [], "strokes": [], "children": [ { "id": "4751:9156", "name": "Button/dark M", "type": "INSTANCE", "visible": true, "opacity": 1, "w": 75, "h": 32, "x": -11951, "y": -4418, "r": 4, "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": [ { "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" } } ], "componentId": "314:47909" }, { "id": "1396:5168", "name": "Button/dark M", "type": "INSTANCE", "visible": true, "opacity": 1, "w": 82, "h": 32, "x": -11860, "y": -4418, "r": 4, "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": [], "componentId": "314:47919" } ] } ], "description": null, "componentSetId": "1408:17154", "componentPropertyReferences": null }, { "id": "1408:17129", "name": "theme=light, form=dialog, type=warning", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 153, "w": 480, "x": -11709, "y": -4523, "pH": 24, "pV": 16, "pR": 24, "pB": 16, "gap": 32, "r": 6, "layoutMode": "VERTICAL", "layoutSizingHorizontal": "FIXED", "layoutSizingVertical": "HUG", "primaryAxisSizingMode": null, "counterAxisSizingMode": "FIXED", "subnodeCount": 2, "primaryAxisAlignItems": null, "counterAxisAlignItems": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#f8f8f8", "v": "VariableID:VariableID:2611:57620", "token": { "cssVar": "--bg-layer2", "figmaName": "Color Type/Background/Layer_2", "variableId": "VariableID:2611:57620", "strategy": "normalized-variable-id" } } ], "strokes": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#cccccc", "v": "VariableID:VariableID:2611:57630", "token": { "cssVar": "--line-light", "figmaName": "Color Type/Line/Light Divider", "variableId": "VariableID:2611:57630", "strategy": "normalized-variable-id" } } ], "strokeWeight": 1.2000000476837158, "effects": [ { "type": "DROP_SHADOW", "visible": true, "radius": 48, "spread": 16, "blendMode": "NORMAL", "offset": { "x": 0, "y": 12 }, "color": { "hex": "#000000", "opacity": 0.029999999329447746 } }, { "type": "DROP_SHADOW", "visible": true, "radius": 28, "spread": null, "blendMode": "NORMAL", "offset": { "x": 0, "y": 9 }, "color": { "hex": "#000000", "opacity": 0.05000000074505806 } }, { "type": "DROP_SHADOW", "visible": true, "radius": 16, "spread": -8, "blendMode": "NORMAL", "offset": { "x": 0, "y": 6 }, "color": { "hex": "#000000", "opacity": 0.07999999821186066 } } ], "text": { "characters": "Notification title", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "size": 16, "fontFamily": "Roboto", "fontWeight": 600, "lineHeightPx": 24, "letterSpacing": 0, "textCase": null, "textDecoration": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#141414", "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": [ "I1400:5332;1517:27746", "I1400:5332;1538:130", "I1400:5336;1480:73575", "I1400:5336;1480:73576", "I1400:5336;1480:74296" ], "children": [ { "id": "1400:5331", "name": "Notification_content", "type": "SLOT", "visible": true, "opacity": 1, "w": 432, "h": 57, "x": -11685, "y": -4507, "r": null, "fills": [], "strokes": [], "children": [ { "id": "1400:5332", "name": "icon/Message/warning 2", "type": "INSTANCE", "visible": true, "opacity": 1, "w": 24, "h": 24, "x": -11685, "y": -4507, "r": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#e26601", "v": "VariableID:VariableID:1671:114765", "token": { "cssVar": "--orange", "figmaName": "UX/Orange/Default", "variableId": "VariableID:1671:114765", "strategy": "normalized-variable-id" } } ], "strokes": [], "componentId": "1517:27744" }, { "id": "1400:5333", "name": "content", "type": "FRAME", "visible": true, "opacity": 1, "w": 392, "h": 57, "x": -11645, "y": -4507, "r": null, "fills": [], "strokes": [], "children": [ { "id": "1400:5334", "name": "title", "type": "FRAME", "visible": true, "opacity": 1, "w": 392, "h": 24, "x": -11645, "y": -4507, "r": null, "fills": [], "strokes": [], "children": [ { "id": "1400:5335", "name": "Title", "type": "TEXT", "visible": true, "opacity": 1, "w": 360, "h": 24, "x": -11645, "y": -4507, "r": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#141414", "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": "Notification title" }, { "id": "1400:5336", "name": "icon/Edit/Close", "type": "INSTANCE", "visible": true, "opacity": 1, "w": 16, "h": 16, "x": -11269, "y": -4503, "r": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#595959", "v": "VariableID:VariableID:2611:57617", "token": { "cssVar": "--icon-default", "figmaName": "Color Type/Icon/Default", "variableId": "VariableID:2611:57617", "strategy": "normalized-variable-id" } } ], "strokes": [], "componentId": "1155:24553" } ] }, { "id": "1400:5337", "name": "↳ Description", "type": "TEXT", "visible": true, "opacity": 1, "w": 392, "h": 21, "x": -11645, "y": -4471, "r": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#9e9e9e", "v": "VariableID:VariableID:2611:57610", "token": { "cssVar": "--text-tips", "figmaName": "Color Type/Text/Tips", "variableId": "VariableID:2611:57610", "strategy": "normalized-variable-id" } } ], "strokes": [], "characters": "This is a sample notification message." } ] } ] }, { "id": "1400:5338", "name": "comfirm", "type": "FRAME", "visible": true, "opacity": 1, "w": 432, "h": 32, "x": -11685, "y": -4418, "r": null, "fills": [], "strokes": [], "children": [ { "id": "1400:5474", "name": "Button/light M", "type": "INSTANCE", "visible": true, "opacity": 1, "w": 75, "h": 32, "x": -11426, "y": -4418, "r": 4, "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": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#dbdbdb", "v": "VariableID:VariableID:1558:94784", "token": { "cssVar": "--color-grey-4", "figmaName": "UX/Grey/grey-4 #DBDBDB", "variableId": "VariableID:1558:94784", "strategy": "normalized-variable-id" } } ], "componentId": "314:46903" }, { "id": "1400:5483", "name": "Button/light M", "type": "INSTANCE", "visible": true, "opacity": 1, "w": 82, "h": 32, "x": -11335, "y": -4418, "r": 4, "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": [], "componentId": "314:46878" } ] } ], "description": null, "componentSetId": "1408:17154", "componentPropertyReferences": null }, { "id": "1539:31680", "name": "theme=dark, form=dialog, type=danger", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 153, "w": 480, "x": -12234, "y": -4330, "pH": 24, "pV": 16, "pR": 24, "pB": 16, "gap": 32, "r": 6, "layoutMode": "VERTICAL", "layoutSizingHorizontal": "FIXED", "layoutSizingVertical": "HUG", "primaryAxisSizingMode": null, "counterAxisSizingMode": "FIXED", "subnodeCount": 2, "primaryAxisAlignItems": null, "counterAxisAlignItems": null, "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": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#434343", "v": "VariableID:VariableID:2611:57630", "token": { "cssVar": "--line-light", "figmaName": "Color Type/Line/Light Divider", "variableId": "VariableID:2611:57630", "strategy": "normalized-variable-id" } } ], "strokeWeight": 1.2000000476837158, "effects": [ { "type": "DROP_SHADOW", "visible": true, "radius": 48, "spread": 16, "blendMode": "NORMAL", "offset": { "x": 0, "y": 12 }, "color": { "hex": "#000000", "opacity": 0.029999999329447746 } }, { "type": "DROP_SHADOW", "visible": true, "radius": 28, "spread": null, "blendMode": "NORMAL", "offset": { "x": 0, "y": 9 }, "color": { "hex": "#000000", "opacity": 0.05000000074505806 } }, { "type": "DROP_SHADOW", "visible": true, "radius": 16, "spread": -8, "blendMode": "NORMAL", "offset": { "x": 0, "y": 6 }, "color": { "hex": "#000000", "opacity": 0.07999999821186066 } } ], "text": { "characters": "Notification title", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "size": 16, "fontFamily": "Roboto", "fontWeight": 600, "lineHeightPx": 24, "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": [ "I1539:31682;1517:28004", "I1539:31682;1538:132", "I1539:31686;1480:73575", "I1539:31686;1480:73576", "I1539:31686;1480:74296" ], "children": [ { "id": "1539:31681", "name": "Notification_content", "type": "SLOT", "visible": true, "opacity": 1, "w": 432, "h": 57, "x": -12210, "y": -4314, "r": null, "fills": [], "strokes": [], "children": [ { "id": "1539:31682", "name": "icon/Message/Error 4", "type": "INSTANCE", "visible": true, "opacity": 1, "w": 24, "h": 24, "x": -12210, "y": -4314, "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": [], "componentId": "1168:23924" }, { "id": "1539:31683", "name": "content", "type": "FRAME", "visible": true, "opacity": 1, "w": 392, "h": 57, "x": -12170, "y": -4314, "r": null, "fills": [], "strokes": [], "children": [ { "id": "1539:31684", "name": "title", "type": "FRAME", "visible": true, "opacity": 1, "w": 392, "h": 24, "x": -12170, "y": -4314, "r": null, "fills": [], "strokes": [], "children": [ { "id": "1539:31685", "name": "Title", "type": "TEXT", "visible": true, "opacity": 1, "w": 360, "h": 24, "x": -12170, "y": -4314, "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": "Notification title" }, { "id": "1539:31686", "name": "icon/Edit/Close", "type": "INSTANCE", "visible": true, "opacity": 1, "w": 16, "h": 16, "x": -11794, "y": -4310, "r": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#9e9e9e", "v": "VariableID:VariableID:2611:57617", "token": { "cssVar": "--icon-default", "figmaName": "Color Type/Icon/Default", "variableId": "VariableID:2611:57617", "strategy": "normalized-variable-id" } } ], "strokes": [], "componentId": "1155:24553" } ] }, { "id": "1539:31687", "name": "↳ Description", "type": "TEXT", "visible": true, "opacity": 1, "w": 392, "h": 21, "x": -12170, "y": -4278, "r": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#9e9e9e", "v": "VariableID:VariableID:2611:57610", "token": { "cssVar": "--text-tips", "figmaName": "Color Type/Text/Tips", "variableId": "VariableID:2611:57610", "strategy": "normalized-variable-id" } } ], "strokes": [], "characters": "This is a sample notification message." } ] } ] }, { "id": "1539:31688", "name": "comfirm", "type": "FRAME", "visible": true, "opacity": 1, "w": 432, "h": 32, "x": -12210, "y": -4225, "r": null, "fills": [], "strokes": [], "children": [ { "id": "4751:9147", "name": "Button/dark M", "type": "INSTANCE", "visible": true, "opacity": 1, "w": 75, "h": 32, "x": -11951, "y": -4225, "r": 4, "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": [ { "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" } } ], "componentId": "314:47909" }, { "id": "1539:31690", "name": "Button/dark M", "type": "INSTANCE", "visible": true, "opacity": 1, "w": 82, "h": 32, "x": -11860, "y": -4225, "r": 4, "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": [], "componentId": "314:47919" } ] } ], "description": null, "componentSetId": "1408:17154", "componentPropertyReferences": null }, { "id": "1539:31691", "name": "theme=light, form=dialog, type=danger", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 153, "w": 480, "x": -11709, "y": -4330, "pH": 24, "pV": 16, "pR": 24, "pB": 16, "gap": 32, "r": 6, "layoutMode": "VERTICAL", "layoutSizingHorizontal": "FIXED", "layoutSizingVertical": "HUG", "primaryAxisSizingMode": null, "counterAxisSizingMode": "FIXED", "subnodeCount": 2, "primaryAxisAlignItems": null, "counterAxisAlignItems": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#f8f8f8", "v": "VariableID:VariableID:2611:57620", "token": { "cssVar": "--bg-layer2", "figmaName": "Color Type/Background/Layer_2", "variableId": "VariableID:2611:57620", "strategy": "normalized-variable-id" } } ], "strokes": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#cccccc", "v": "VariableID:VariableID:2611:57630", "token": { "cssVar": "--line-light", "figmaName": "Color Type/Line/Light Divider", "variableId": "VariableID:2611:57630", "strategy": "normalized-variable-id" } } ], "strokeWeight": 1.2000000476837158, "effects": [ { "type": "DROP_SHADOW", "visible": true, "radius": 48, "spread": 16, "blendMode": "NORMAL", "offset": { "x": 0, "y": 12 }, "color": { "hex": "#000000", "opacity": 0.029999999329447746 } }, { "type": "DROP_SHADOW", "visible": true, "radius": 28, "spread": null, "blendMode": "NORMAL", "offset": { "x": 0, "y": 9 }, "color": { "hex": "#000000", "opacity": 0.05000000074505806 } }, { "type": "DROP_SHADOW", "visible": true, "radius": 16, "spread": -8, "blendMode": "NORMAL", "offset": { "x": 0, "y": 6 }, "color": { "hex": "#000000", "opacity": 0.07999999821186066 } } ], "text": { "characters": "Notification title", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "size": 16, "fontFamily": "Roboto", "fontWeight": 600, "lineHeightPx": 24, "letterSpacing": 0, "textCase": null, "textDecoration": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#141414", "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": [ "I1539:31693;1517:28004", "I1539:31693;1538:132", "I1539:31697;1480:73575", "I1539:31697;1480:73576", "I1539:31697;1480:74296" ], "children": [ { "id": "1539:31692", "name": "Notification_content", "type": "SLOT", "visible": true, "opacity": 1, "w": 432, "h": 57, "x": -11685, "y": -4314, "r": null, "fills": [], "strokes": [], "children": [ { "id": "1539:31693", "name": "icon/Message/Error 4", "type": "INSTANCE", "visible": true, "opacity": 1, "w": 24, "h": 24, "x": -11685, "y": -4314, "r": null, "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": [], "componentId": "1168:23924" }, { "id": "1539:31694", "name": "content", "type": "FRAME", "visible": true, "opacity": 1, "w": 392, "h": 57, "x": -11645, "y": -4314, "r": null, "fills": [], "strokes": [], "children": [ { "id": "1539:31695", "name": "title", "type": "FRAME", "visible": true, "opacity": 1, "w": 392, "h": 24, "x": -11645, "y": -4314, "r": null, "fills": [], "strokes": [], "children": [ { "id": "1539:31696", "name": "Title", "type": "TEXT", "visible": true, "opacity": 1, "w": 360, "h": 24, "x": -11645, "y": -4314, "r": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#141414", "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": "Notification title" }, { "id": "1539:31697", "name": "icon/Edit/Close", "type": "INSTANCE", "visible": true, "opacity": 1, "w": 16, "h": 16, "x": -11269, "y": -4310, "r": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#595959", "v": "VariableID:VariableID:2611:57617", "token": { "cssVar": "--icon-default", "figmaName": "Color Type/Icon/Default", "variableId": "VariableID:2611:57617", "strategy": "normalized-variable-id" } } ], "strokes": [], "componentId": "1155:24553" } ] }, { "id": "1539:31698", "name": "↳ Description", "type": "TEXT", "visible": true, "opacity": 1, "w": 392, "h": 21, "x": -11645, "y": -4278, "r": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#9e9e9e", "v": "VariableID:VariableID:2611:57610", "token": { "cssVar": "--text-tips", "figmaName": "Color Type/Text/Tips", "variableId": "VariableID:2611:57610", "strategy": "normalized-variable-id" } } ], "strokes": [], "characters": "This is a sample notification message." } ] } ] }, { "id": "1539:31699", "name": "comfirm", "type": "FRAME", "visible": true, "opacity": 1, "w": 432, "h": 32, "x": -11685, "y": -4225, "r": null, "fills": [], "strokes": [], "children": [ { "id": "1539:31700", "name": "Button/light M", "type": "INSTANCE", "visible": true, "opacity": 1, "w": 75, "h": 32, "x": -11426, "y": -4225, "r": 4, "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": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#dbdbdb", "v": "VariableID:VariableID:1558:94784", "token": { "cssVar": "--color-grey-4", "figmaName": "UX/Grey/grey-4 #DBDBDB", "variableId": "VariableID:1558:94784", "strategy": "normalized-variable-id" } } ], "componentId": "314:46903" }, { "id": "1539:31701", "name": "Button/light M", "type": "INSTANCE", "visible": true, "opacity": 1, "w": 82, "h": 32, "x": -11335, "y": -4225, "r": 4, "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": [], "componentId": "314:46878" } ] } ], "description": null, "componentSetId": "1408:17154", "componentPropertyReferences": null }, { "id": "1408:17125", "name": "theme=dark, form=dialog, type=error", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 153, "w": 480, "x": -12234, "y": -4137, "pH": 24, "pV": 16, "pR": 24, "pB": 16, "gap": 32, "r": 6, "layoutMode": "VERTICAL", "layoutSizingHorizontal": "FIXED", "layoutSizingVertical": "HUG", "primaryAxisSizingMode": null, "counterAxisSizingMode": "FIXED", "subnodeCount": 2, "primaryAxisAlignItems": null, "counterAxisAlignItems": null, "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": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#434343", "v": "VariableID:VariableID:2611:57630", "token": { "cssVar": "--line-light", "figmaName": "Color Type/Line/Light Divider", "variableId": "VariableID:2611:57630", "strategy": "normalized-variable-id" } } ], "strokeWeight": 1.2000000476837158, "effects": [ { "type": "DROP_SHADOW", "visible": true, "radius": 48, "spread": 16, "blendMode": "NORMAL", "offset": { "x": 0, "y": 12 }, "color": { "hex": "#000000", "opacity": 0.029999999329447746 } }, { "type": "DROP_SHADOW", "visible": true, "radius": 28, "spread": null, "blendMode": "NORMAL", "offset": { "x": 0, "y": 9 }, "color": { "hex": "#000000", "opacity": 0.05000000074505806 } }, { "type": "DROP_SHADOW", "visible": true, "radius": 16, "spread": -8, "blendMode": "NORMAL", "offset": { "x": 0, "y": 6 }, "color": { "hex": "#000000", "opacity": 0.07999999821186066 } } ], "text": { "characters": "Notification title", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "size": 16, "fontFamily": "Roboto", "fontWeight": 600, "lineHeightPx": 24, "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": [ "I1396:5204;1544:33368", "I1396:5217;1480:73575", "I1396:5217;1480:73576", "I1396:5217;1480:74296" ], "children": [ { "id": "1392:634", "name": "Notification_content", "type": "SLOT", "visible": true, "opacity": 1, "w": 432, "h": 57, "x": -12210, "y": -4121, "r": null, "fills": [], "strokes": [], "children": [ { "id": "1396:5204", "name": "icon/Message/Error 2", "type": "INSTANCE", "visible": true, "opacity": 1, "w": 24, "h": 24, "x": -12210, "y": -4121, "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": [], "componentId": "1168:23569" }, { "id": "1392:636", "name": "content", "type": "FRAME", "visible": true, "opacity": 1, "w": 392, "h": 57, "x": -12170, "y": -4121, "r": null, "fills": [], "strokes": [], "children": [ { "id": "1392:637", "name": "title", "type": "FRAME", "visible": true, "opacity": 1, "w": 392, "h": 24, "x": -12170, "y": -4121, "r": null, "fills": [], "strokes": [], "children": [ { "id": "1392:638", "name": "Title", "type": "TEXT", "visible": true, "opacity": 1, "w": 360, "h": 24, "x": -12170, "y": -4121, "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": "Notification title" }, { "id": "1396:5217", "name": "icon/Edit/Close", "type": "INSTANCE", "visible": true, "opacity": 1, "w": 16, "h": 16, "x": -11794, "y": -4117, "r": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#9e9e9e", "v": "VariableID:VariableID:2611:57617", "token": { "cssVar": "--icon-default", "figmaName": "Color Type/Icon/Default", "variableId": "VariableID:2611:57617", "strategy": "normalized-variable-id" } } ], "strokes": [], "componentId": "1155:24553" } ] }, { "id": "1392:640", "name": "↳ Description", "type": "TEXT", "visible": true, "opacity": 1, "w": 392, "h": 21, "x": -12170, "y": -4085, "r": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#9e9e9e", "v": "VariableID:VariableID:2611:57610", "token": { "cssVar": "--text-tips", "figmaName": "Color Type/Text/Tips", "variableId": "VariableID:2611:57610", "strategy": "normalized-variable-id" } } ], "strokes": [], "characters": "This is a sample notification message." } ] } ] }, { "id": "1396:5229", "name": "comfirm", "type": "FRAME", "visible": true, "opacity": 1, "w": 432, "h": 32, "x": -12210, "y": -4032, "r": null, "fills": [], "strokes": [], "children": [ { "id": "4751:9141", "name": "Button/dark M", "type": "INSTANCE", "visible": true, "opacity": 1, "w": 75, "h": 32, "x": -11951, "y": -4032, "r": 4, "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": [ { "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" } } ], "componentId": "314:47909" }, { "id": "1396:5231", "name": "Button/dark M", "type": "INSTANCE", "visible": true, "opacity": 1, "w": 82, "h": 32, "x": -11860, "y": -4032, "r": 4, "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": [], "componentId": "314:47919" } ] } ], "description": null, "componentSetId": "1408:17154", "componentPropertyReferences": null }, { "id": "1408:17131", "name": "theme=light, form=dialog, type=error", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 153, "w": 480, "x": -11709, "y": -4137, "pH": 24, "pV": 16, "pR": 24, "pB": 16, "gap": 32, "r": 6, "layoutMode": "VERTICAL", "layoutSizingHorizontal": "FIXED", "layoutSizingVertical": "HUG", "primaryAxisSizingMode": null, "counterAxisSizingMode": "FIXED", "subnodeCount": 2, "primaryAxisAlignItems": null, "counterAxisAlignItems": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#f8f8f8", "v": "VariableID:VariableID:2611:57620", "token": { "cssVar": "--bg-layer2", "figmaName": "Color Type/Background/Layer_2", "variableId": "VariableID:2611:57620", "strategy": "normalized-variable-id" } } ], "strokes": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#cccccc", "v": "VariableID:VariableID:2611:57630", "token": { "cssVar": "--line-light", "figmaName": "Color Type/Line/Light Divider", "variableId": "VariableID:2611:57630", "strategy": "normalized-variable-id" } } ], "strokeWeight": 1.2000000476837158, "effects": [ { "type": "DROP_SHADOW", "visible": true, "radius": 48, "spread": 16, "blendMode": "NORMAL", "offset": { "x": 0, "y": 12 }, "color": { "hex": "#000000", "opacity": 0.029999999329447746 } }, { "type": "DROP_SHADOW", "visible": true, "radius": 28, "spread": null, "blendMode": "NORMAL", "offset": { "x": 0, "y": 9 }, "color": { "hex": "#000000", "opacity": 0.05000000074505806 } }, { "type": "DROP_SHADOW", "visible": true, "radius": 16, "spread": -8, "blendMode": "NORMAL", "offset": { "x": 0, "y": 6 }, "color": { "hex": "#000000", "opacity": 0.07999999821186066 } } ], "text": { "characters": "Notification title", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "size": 16, "fontFamily": "Roboto", "fontWeight": 600, "lineHeightPx": 24, "letterSpacing": 0, "textCase": null, "textDecoration": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#141414", "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": [ "I1400:5435;1544:33368", "I1400:5439;1480:73575", "I1400:5439;1480:73576", "I1400:5439;1480:74296" ], "children": [ { "id": "1400:5434", "name": "Notification_content", "type": "SLOT", "visible": true, "opacity": 1, "w": 432, "h": 57, "x": -11685, "y": -4121, "r": null, "fills": [], "strokes": [], "children": [ { "id": "1400:5435", "name": "icon/Message/Error 2", "type": "INSTANCE", "visible": true, "opacity": 1, "w": 24, "h": 24, "x": -11685, "y": -4121, "r": null, "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": [], "componentId": "1168:23569" }, { "id": "1400:5436", "name": "content", "type": "FRAME", "visible": true, "opacity": 1, "w": 392, "h": 57, "x": -11645, "y": -4121, "r": null, "fills": [], "strokes": [], "children": [ { "id": "1400:5437", "name": "title", "type": "FRAME", "visible": true, "opacity": 1, "w": 392, "h": 24, "x": -11645, "y": -4121, "r": null, "fills": [], "strokes": [], "children": [ { "id": "1400:5438", "name": "Title", "type": "TEXT", "visible": true, "opacity": 1, "w": 360, "h": 24, "x": -11645, "y": -4121, "r": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#141414", "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": "Notification title" }, { "id": "1400:5439", "name": "icon/Edit/Close", "type": "INSTANCE", "visible": true, "opacity": 1, "w": 16, "h": 16, "x": -11269, "y": -4117, "r": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#595959", "v": "VariableID:VariableID:2611:57617", "token": { "cssVar": "--icon-default", "figmaName": "Color Type/Icon/Default", "variableId": "VariableID:2611:57617", "strategy": "normalized-variable-id" } } ], "strokes": [], "componentId": "1155:24553" } ] }, { "id": "1400:5440", "name": "↳ Description", "type": "TEXT", "visible": true, "opacity": 1, "w": 392, "h": 21, "x": -11645, "y": -4085, "r": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#9e9e9e", "v": "VariableID:VariableID:2611:57610", "token": { "cssVar": "--text-tips", "figmaName": "Color Type/Text/Tips", "variableId": "VariableID:2611:57610", "strategy": "normalized-variable-id" } } ], "strokes": [], "characters": "This is a sample notification message." } ] } ] }, { "id": "1400:5468", "name": "comfirm", "type": "FRAME", "visible": true, "opacity": 1, "w": 432, "h": 32, "x": -11685, "y": -4032, "r": null, "fills": [], "strokes": [], "children": [ { "id": "1400:5480", "name": "Button/light M", "type": "INSTANCE", "visible": true, "opacity": 1, "w": 75, "h": 32, "x": -11426, "y": -4032, "r": 4, "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": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#dbdbdb", "v": "VariableID:VariableID:1558:94784", "token": { "cssVar": "--color-grey-4", "figmaName": "UX/Grey/grey-4 #DBDBDB", "variableId": "VariableID:1558:94784", "strategy": "normalized-variable-id" } } ], "componentId": "314:46903" }, { "id": "1400:5489", "name": "Button/light M", "type": "INSTANCE", "visible": true, "opacity": 1, "w": 82, "h": 32, "x": -11335, "y": -4032, "r": 4, "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": [], "componentId": "314:46878" } ] } ], "description": null, "componentSetId": "1408:17154", "componentPropertyReferences": null }, { "id": "1408:17126", "name": "theme=dark, form=dialog, type=default", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 153, "w": 480, "x": -12234, "y": -3944, "pH": 24, "pV": 16, "pR": 24, "pB": 16, "gap": 32, "r": 6, "layoutMode": "VERTICAL", "layoutSizingHorizontal": "FIXED", "layoutSizingVertical": "HUG", "primaryAxisSizingMode": null, "counterAxisSizingMode": "FIXED", "subnodeCount": 2, "primaryAxisAlignItems": null, "counterAxisAlignItems": null, "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": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#434343", "v": "VariableID:VariableID:2611:57630", "token": { "cssVar": "--line-light", "figmaName": "Color Type/Line/Light Divider", "variableId": "VariableID:2611:57630", "strategy": "normalized-variable-id" } } ], "strokeWeight": 1.2000000476837158, "effects": [ { "type": "DROP_SHADOW", "visible": true, "radius": 48, "spread": 16, "blendMode": "NORMAL", "offset": { "x": 0, "y": 12 }, "color": { "hex": "#000000", "opacity": 0.029999999329447746 } }, { "type": "DROP_SHADOW", "visible": true, "radius": 28, "spread": null, "blendMode": "NORMAL", "offset": { "x": 0, "y": 9 }, "color": { "hex": "#000000", "opacity": 0.05000000074505806 } }, { "type": "DROP_SHADOW", "visible": true, "radius": 16, "spread": -8, "blendMode": "NORMAL", "offset": { "x": 0, "y": 6 }, "color": { "hex": "#000000", "opacity": 0.07999999821186066 } } ], "text": { "characters": "Notification title", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "size": 16, "fontFamily": "Roboto", "fontWeight": 600, "lineHeightPx": 24, "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": [ "I1545:21989;1480:73575", "I1545:21989;1480:73576", "I1545:21989;1480:74296" ], "children": [ { "id": "1396:5256", "name": "Notification_content", "type": "SLOT", "visible": true, "opacity": 1, "w": 432, "h": 57, "x": -12210, "y": -3928, "r": null, "fills": [], "strokes": [], "children": [ { "id": "1545:21987", "name": "title", "type": "FRAME", "visible": true, "opacity": 1, "w": 432, "h": 24, "x": -12210, "y": -3928, "r": null, "fills": [], "strokes": [], "children": [ { "id": "1545:21988", "name": "Title", "type": "TEXT", "visible": true, "opacity": 1, "w": 400, "h": 24, "x": -12210, "y": -3928, "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": "Notification title" }, { "id": "1545:21989", "name": "icon/Edit/Close", "type": "INSTANCE", "visible": true, "opacity": 1, "w": 16, "h": 16, "x": -11794, "y": -3924, "r": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#9e9e9e", "v": "VariableID:VariableID:2611:57617", "token": { "cssVar": "--icon-default", "figmaName": "Color Type/Icon/Default", "variableId": "VariableID:2611:57617", "strategy": "normalized-variable-id" } } ], "strokes": [], "componentId": "1155:24553" } ] }, { "id": "1396:5260", "name": "↳ Description", "type": "TEXT", "visible": true, "opacity": 1, "w": 432, "h": 21, "x": -12210, "y": -3892, "r": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#9e9e9e", "v": "VariableID:VariableID:2611:57610", "token": { "cssVar": "--text-tips", "figmaName": "Color Type/Text/Tips", "variableId": "VariableID:2611:57610", "strategy": "normalized-variable-id" } } ], "strokes": [], "characters": "This is a sample notification message." } ] }, { "id": "1396:5261", "name": "comfirm", "type": "FRAME", "visible": true, "opacity": 1, "w": 432, "h": 32, "x": -12210, "y": -3839, "r": null, "fills": [], "strokes": [], "children": [ { "id": "1396:5262", "name": "Button/dark M", "type": "INSTANCE", "visible": true, "opacity": 1, "w": 75, "h": 32, "x": -11951, "y": -3839, "r": 4, "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": [ { "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" } } ], "componentId": "314:47909" }, { "id": "1396:5263", "name": "Button/dark M", "type": "INSTANCE", "visible": true, "opacity": 1, "w": 82, "h": 32, "x": -11860, "y": -3839, "r": 4, "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": [], "componentId": "314:47920" } ] } ], "description": null, "componentSetId": "1408:17154", "componentPropertyReferences": null }, { "id": "1408:17132", "name": "theme=light, form=dialog, type=default", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 153, "w": 480, "x": -11709, "y": -3944, "pH": 24, "pV": 16, "pR": 24, "pB": 16, "gap": 32, "r": 6, "layoutMode": "VERTICAL", "layoutSizingHorizontal": "FIXED", "layoutSizingVertical": "HUG", "primaryAxisSizingMode": null, "counterAxisSizingMode": "FIXED", "subnodeCount": 2, "primaryAxisAlignItems": null, "counterAxisAlignItems": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#f8f8f8", "v": "VariableID:VariableID:2611:57620", "token": { "cssVar": "--bg-layer2", "figmaName": "Color Type/Background/Layer_2", "variableId": "VariableID:2611:57620", "strategy": "normalized-variable-id" } } ], "strokes": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#cccccc", "v": "VariableID:VariableID:2611:57630", "token": { "cssVar": "--line-light", "figmaName": "Color Type/Line/Light Divider", "variableId": "VariableID:2611:57630", "strategy": "normalized-variable-id" } } ], "strokeWeight": 1.2000000476837158, "effects": [ { "type": "DROP_SHADOW", "visible": true, "radius": 48, "spread": 16, "blendMode": "NORMAL", "offset": { "x": 0, "y": 12 }, "color": { "hex": "#000000", "opacity": 0.029999999329447746 } }, { "type": "DROP_SHADOW", "visible": true, "radius": 28, "spread": null, "blendMode": "NORMAL", "offset": { "x": 0, "y": 9 }, "color": { "hex": "#000000", "opacity": 0.05000000074505806 } }, { "type": "DROP_SHADOW", "visible": true, "radius": 16, "spread": -8, "blendMode": "NORMAL", "offset": { "x": 0, "y": 6 }, "color": { "hex": "#000000", "opacity": 0.07999999821186066 } } ], "text": { "characters": "Notification title", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "size": 16, "fontFamily": "Roboto", "fontWeight": 600, "lineHeightPx": 24, "letterSpacing": 0, "textCase": null, "textDecoration": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#141414", "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": [ "I1545:22067;1480:73575", "I1545:22067;1480:73576", "I1545:22067;1480:74296" ], "children": [ { "id": "1400:5493", "name": "Notification_content", "type": "SLOT", "visible": true, "opacity": 1, "w": 432, "h": 57, "x": -11685, "y": -3928, "r": null, "fills": [], "strokes": [], "children": [ { "id": "1545:22065", "name": "title", "type": "FRAME", "visible": true, "opacity": 1, "w": 432, "h": 24, "x": -11685, "y": -3928, "r": null, "fills": [], "strokes": [], "children": [ { "id": "1545:22066", "name": "Title", "type": "TEXT", "visible": true, "opacity": 1, "w": 400, "h": 24, "x": -11685, "y": -3928, "r": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#141414", "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": "Notification title" }, { "id": "1545:22067", "name": "icon/Edit/Close", "type": "INSTANCE", "visible": true, "opacity": 1, "w": 16, "h": 16, "x": -11269, "y": -3924, "r": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#595959", "v": "VariableID:VariableID:2611:57617", "token": { "cssVar": "--icon-default", "figmaName": "Color Type/Icon/Default", "variableId": "VariableID:2611:57617", "strategy": "normalized-variable-id" } } ], "strokes": [], "componentId": "1155:24553" } ] }, { "id": "1400:5495", "name": "↳ Description", "type": "TEXT", "visible": true, "opacity": 1, "w": 432, "h": 21, "x": -11685, "y": -3892, "r": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#9e9e9e", "v": "VariableID:VariableID:2611:57610", "token": { "cssVar": "--text-tips", "figmaName": "Color Type/Text/Tips", "variableId": "VariableID:2611:57610", "strategy": "normalized-variable-id" } } ], "strokes": [], "characters": "This is a sample notification message." } ] }, { "id": "1400:5511", "name": "comfirm", "type": "FRAME", "visible": true, "opacity": 1, "w": 432, "h": 32, "x": -11685, "y": -3839, "r": null, "fills": [], "strokes": [], "children": [ { "id": "1400:5512", "name": "Button/light M", "type": "INSTANCE", "visible": true, "opacity": 1, "w": 75, "h": 32, "x": -11426, "y": -3839, "r": 4, "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": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#dbdbdb", "v": "VariableID:VariableID:1558:94784", "token": { "cssVar": "--color-grey-4", "figmaName": "UX/Grey/grey-4 #DBDBDB", "variableId": "VariableID:1558:94784", "strategy": "normalized-variable-id" } } ], "componentId": "314:46903" }, { "id": "1400:5513", "name": "Button/light M", "type": "INSTANCE", "visible": true, "opacity": 1, "w": 82, "h": 32, "x": -11335, "y": -3839, "r": 4, "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": [], "componentId": "314:46884" } ] } ], "description": null, "componentSetId": "1408:17154", "componentPropertyReferences": null }, { "id": "5908:7085", "name": "theme=dark, form=pop confirm, type=danger", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 145, "w": 480, "x": -12234, "y": -3751, "pH": 24, "pV": 16, "pR": 24, "pB": 16, "gap": 32, "r": 6, "layoutMode": "VERTICAL", "layoutSizingHorizontal": "FIXED", "layoutSizingVertical": "HUG", "primaryAxisSizingMode": null, "counterAxisSizingMode": "FIXED", "subnodeCount": 2, "primaryAxisAlignItems": null, "counterAxisAlignItems": null, "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": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#434343", "v": "VariableID:VariableID:2611:57630", "token": { "cssVar": "--line-light", "figmaName": "Color Type/Line/Light Divider", "variableId": "VariableID:2611:57630", "strategy": "normalized-variable-id" } } ], "strokeWeight": 1.2000000476837158, "effects": [ { "type": "DROP_SHADOW", "visible": true, "radius": 48, "spread": 16, "blendMode": "NORMAL", "offset": { "x": 0, "y": 12 }, "color": { "hex": "#000000", "opacity": 0.029999999329447746 } }, { "type": "DROP_SHADOW", "visible": true, "radius": 28, "spread": null, "blendMode": "NORMAL", "offset": { "x": 0, "y": 9 }, "color": { "hex": "#000000", "opacity": 0.05000000074505806 } }, { "type": "DROP_SHADOW", "visible": true, "radius": 16, "spread": -8, "blendMode": "NORMAL", "offset": { "x": 0, "y": 6 }, "color": { "hex": "#000000", "opacity": 0.07999999821186066 } } ], "text": { "characters": "Are you sure you want to proceed", "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": [ "I5908:7087;1480:73575", "I5908:7087;1480:73576", "I5908:7087;1480:74296" ], "children": [ { "id": "5908:7086", "name": "Notification_content", "type": "SLOT", "visible": true, "opacity": 1, "w": 432, "h": 49, "x": -12210, "y": -3735, "r": null, "fills": [], "strokes": [], "children": [ { "id": "5908:7087", "name": "icon/Edit/Close", "type": "INSTANCE", "visible": true, "opacity": 1, "w": 16, "h": 16, "x": -11794, "y": -3735, "r": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#9e9e9e", "v": "VariableID:VariableID:2611:57617", "token": { "cssVar": "--icon-default", "figmaName": "Color Type/Icon/Default", "variableId": "VariableID:2611:57617", "strategy": "normalized-variable-id" } } ], "strokes": [], "componentId": "1155:24553" }, { "id": "5908:7088", "name": "↳ Description", "type": "TEXT", "visible": true, "opacity": 1, "w": 432, "h": 21, "x": -12210, "y": -3707, "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": "Are you sure you want to proceed" } ] }, { "id": "5908:7089", "name": "comfirm", "type": "FRAME", "visible": true, "opacity": 1, "w": 432, "h": 32, "x": -12210, "y": -3654, "r": null, "fills": [], "strokes": [], "children": [ { "id": "5908:7090", "name": "Button/dark M", "type": "INSTANCE", "visible": true, "opacity": 1, "w": 75, "h": 32, "x": -11951, "y": -3654, "r": 4, "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": [ { "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" } } ], "componentId": "314:47909" }, { "id": "5908:7091", "name": "Button/dark M", "type": "INSTANCE", "visible": true, "opacity": 1, "w": 82, "h": 32, "x": -11860, "y": -3654, "r": 4, "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": [], "componentId": "314:47920" } ] } ], "description": null, "componentSetId": "1408:17154", "componentPropertyReferences": null }, { "id": "5908:7098", "name": "theme=light, form=pop confirm, type=danger", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 145, "w": 480, "x": -11709, "y": -3751, "pH": 24, "pV": 16, "pR": 24, "pB": 16, "gap": 32, "r": 6, "layoutMode": "VERTICAL", "layoutSizingHorizontal": "FIXED", "layoutSizingVertical": "HUG", "primaryAxisSizingMode": null, "counterAxisSizingMode": "FIXED", "subnodeCount": 2, "primaryAxisAlignItems": null, "counterAxisAlignItems": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#f8f8f8", "v": "VariableID:VariableID:2611:57620", "token": { "cssVar": "--bg-layer2", "figmaName": "Color Type/Background/Layer_2", "variableId": "VariableID:2611:57620", "strategy": "normalized-variable-id" } } ], "strokes": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#cccccc", "v": "VariableID:VariableID:2611:57630", "token": { "cssVar": "--line-light", "figmaName": "Color Type/Line/Light Divider", "variableId": "VariableID:2611:57630", "strategy": "normalized-variable-id" } } ], "strokeWeight": 1.2000000476837158, "effects": [ { "type": "DROP_SHADOW", "visible": true, "radius": 48, "spread": 16, "blendMode": "NORMAL", "offset": { "x": 0, "y": 12 }, "color": { "hex": "#000000", "opacity": 0.029999999329447746 } }, { "type": "DROP_SHADOW", "visible": true, "radius": 28, "spread": null, "blendMode": "NORMAL", "offset": { "x": 0, "y": 9 }, "color": { "hex": "#000000", "opacity": 0.05000000074505806 } }, { "type": "DROP_SHADOW", "visible": true, "radius": 16, "spread": -8, "blendMode": "NORMAL", "offset": { "x": 0, "y": 6 }, "color": { "hex": "#000000", "opacity": 0.07999999821186066 } } ], "text": { "characters": "Are you sure you want to proceed?", "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: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": [ "I5908:7100;1480:73575", "I5908:7100;1480:73576", "I5908:7100;1480:74296" ], "children": [ { "id": "5908:7099", "name": "Notification_content", "type": "SLOT", "visible": true, "opacity": 1, "w": 432, "h": 49, "x": -11685, "y": -3735, "r": null, "fills": [], "strokes": [], "children": [ { "id": "5908:7100", "name": "icon/Edit/Close", "type": "INSTANCE", "visible": true, "opacity": 1, "w": 16, "h": 16, "x": -11269, "y": -3735, "r": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#595959", "v": "VariableID:VariableID:2611:57617", "token": { "cssVar": "--icon-default", "figmaName": "Color Type/Icon/Default", "variableId": "VariableID:2611:57617", "strategy": "normalized-variable-id" } } ], "strokes": [], "componentId": "1155:24553" }, { "id": "5908:7101", "name": "↳ Description", "type": "TEXT", "visible": true, "opacity": 1, "w": 432, "h": 21, "x": -11685, "y": -3707, "r": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#141414", "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": "Are you sure you want to proceed?" } ] }, { "id": "5908:7102", "name": "comfirm", "type": "FRAME", "visible": true, "opacity": 1, "w": 432, "h": 32, "x": -11685, "y": -3654, "r": null, "fills": [], "strokes": [], "children": [ { "id": "5908:7103", "name": "Button/light M", "type": "INSTANCE", "visible": true, "opacity": 1, "w": 75, "h": 32, "x": -11426, "y": -3654, "r": 4, "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": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#dbdbdb", "v": "VariableID:VariableID:1558:94784", "token": { "cssVar": "--color-grey-4", "figmaName": "UX/Grey/grey-4 #DBDBDB", "variableId": "VariableID:1558:94784", "strategy": "normalized-variable-id" } } ], "componentId": "314:46903" }, { "id": "5908:7104", "name": "Button/light M", "type": "INSTANCE", "visible": true, "opacity": 1, "w": 82, "h": 32, "x": -11335, "y": -3654, "r": 4, "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": [], "componentId": "314:46884" } ] } ], "description": null, "componentSetId": "1408:17154", "componentPropertyReferences": null }, { "id": "1408:17128", "name": "theme=dark, form=pop confirm, type=default", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 145, "w": 480, "x": -12234, "y": -3566, "pH": 24, "pV": 16, "pR": 24, "pB": 16, "gap": 32, "r": 6, "layoutMode": "VERTICAL", "layoutSizingHorizontal": "FIXED", "layoutSizingVertical": "HUG", "primaryAxisSizingMode": null, "counterAxisSizingMode": "FIXED", "subnodeCount": 2, "primaryAxisAlignItems": null, "counterAxisAlignItems": null, "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": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#434343", "v": "VariableID:VariableID:2611:57630", "token": { "cssVar": "--line-light", "figmaName": "Color Type/Line/Light Divider", "variableId": "VariableID:2611:57630", "strategy": "normalized-variable-id" } } ], "strokeWeight": 1.2000000476837158, "effects": [ { "type": "DROP_SHADOW", "visible": true, "radius": 48, "spread": 16, "blendMode": "NORMAL", "offset": { "x": 0, "y": 12 }, "color": { "hex": "#000000", "opacity": 0.029999999329447746 } }, { "type": "DROP_SHADOW", "visible": true, "radius": 28, "spread": null, "blendMode": "NORMAL", "offset": { "x": 0, "y": 9 }, "color": { "hex": "#000000", "opacity": 0.05000000074505806 } }, { "type": "DROP_SHADOW", "visible": true, "radius": 16, "spread": -8, "blendMode": "NORMAL", "offset": { "x": 0, "y": 6 }, "color": { "hex": "#000000", "opacity": 0.07999999821186066 } } ], "text": { "characters": "Are you sure you want to proceed", "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": [ "I1400:5313;1480:73575", "I1400:5313;1480:73576", "I1400:5313;1480:74296" ], "children": [ { "id": "1400:5312", "name": "Notification_content", "type": "SLOT", "visible": true, "opacity": 1, "w": 432, "h": 49, "x": -12210, "y": -3550, "r": null, "fills": [], "strokes": [], "children": [ { "id": "1400:5313", "name": "icon/Edit/Close", "type": "INSTANCE", "visible": true, "opacity": 1, "w": 16, "h": 16, "x": -11794, "y": -3550, "r": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#9e9e9e", "v": "VariableID:VariableID:2611:57617", "token": { "cssVar": "--icon-default", "figmaName": "Color Type/Icon/Default", "variableId": "VariableID:2611:57617", "strategy": "normalized-variable-id" } } ], "strokes": [], "componentId": "1155:24553" }, { "id": "1400:5314", "name": "↳ Description", "type": "TEXT", "visible": true, "opacity": 1, "w": 432, "h": 21, "x": -12210, "y": -3522, "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": "Are you sure you want to proceed" } ] }, { "id": "1400:5315", "name": "comfirm", "type": "FRAME", "visible": true, "opacity": 1, "w": 432, "h": 32, "x": -12210, "y": -3469, "r": null, "fills": [], "strokes": [], "children": [ { "id": "4751:9136", "name": "Button/dark M", "type": "INSTANCE", "visible": true, "opacity": 1, "w": 75, "h": 32, "x": -11951, "y": -3469, "r": 4, "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": [ { "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" } } ], "componentId": "314:47909" }, { "id": "1400:5317", "name": "Button/dark M", "type": "INSTANCE", "visible": true, "opacity": 1, "w": 82, "h": 32, "x": -11860, "y": -3469, "r": 4, "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": [], "componentId": "314:47920" } ] } ], "description": null, "componentSetId": "1408:17154", "componentPropertyReferences": null }, { "id": "1408:17134", "name": "theme=light, form=pop confirm, type=default", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 145, "w": 480, "x": -11709, "y": -3566, "pH": 24, "pV": 16, "pR": 24, "pB": 16, "gap": 32, "r": 6, "layoutMode": "VERTICAL", "layoutSizingHorizontal": "FIXED", "layoutSizingVertical": "HUG", "primaryAxisSizingMode": null, "counterAxisSizingMode": "FIXED", "subnodeCount": 2, "primaryAxisAlignItems": null, "counterAxisAlignItems": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#f8f8f8", "v": "VariableID:VariableID:2611:57620", "token": { "cssVar": "--bg-layer2", "figmaName": "Color Type/Background/Layer_2", "variableId": "VariableID:2611:57620", "strategy": "normalized-variable-id" } } ], "strokes": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#cccccc", "v": "VariableID:VariableID:2611:57630", "token": { "cssVar": "--line-light", "figmaName": "Color Type/Line/Light Divider", "variableId": "VariableID:2611:57630", "strategy": "normalized-variable-id" } } ], "strokeWeight": 1.2000000476837158, "effects": [ { "type": "DROP_SHADOW", "visible": true, "radius": 48, "spread": 16, "blendMode": "NORMAL", "offset": { "x": 0, "y": 12 }, "color": { "hex": "#000000", "opacity": 0.029999999329447746 } }, { "type": "DROP_SHADOW", "visible": true, "radius": 28, "spread": null, "blendMode": "NORMAL", "offset": { "x": 0, "y": 9 }, "color": { "hex": "#000000", "opacity": 0.05000000074505806 } }, { "type": "DROP_SHADOW", "visible": true, "radius": 16, "spread": -8, "blendMode": "NORMAL", "offset": { "x": 0, "y": 6 }, "color": { "hex": "#000000", "opacity": 0.07999999821186066 } } ], "text": { "characters": "Are you sure you want to proceed?", "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: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": [ "I1400:5533;1480:73575", "I1400:5533;1480:73576", "I1400:5533;1480:74296" ], "children": [ { "id": "1400:5532", "name": "Notification_content", "type": "SLOT", "visible": true, "opacity": 1, "w": 432, "h": 49, "x": -11685, "y": -3550, "r": null, "fills": [], "strokes": [], "children": [ { "id": "1400:5533", "name": "icon/Edit/Close", "type": "INSTANCE", "visible": true, "opacity": 1, "w": 16, "h": 16, "x": -11269, "y": -3550, "r": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#595959", "v": "VariableID:VariableID:2611:57617", "token": { "cssVar": "--icon-default", "figmaName": "Color Type/Icon/Default", "variableId": "VariableID:2611:57617", "strategy": "normalized-variable-id" } } ], "strokes": [], "componentId": "1155:24553" }, { "id": "1400:5534", "name": "↳ Description", "type": "TEXT", "visible": true, "opacity": 1, "w": 432, "h": 21, "x": -11685, "y": -3522, "r": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#141414", "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": "Are you sure you want to proceed?" } ] }, { "id": "1400:5550", "name": "comfirm", "type": "FRAME", "visible": true, "opacity": 1, "w": 432, "h": 32, "x": -11685, "y": -3469, "r": null, "fills": [], "strokes": [], "children": [ { "id": "1400:5551", "name": "Button/light M", "type": "INSTANCE", "visible": true, "opacity": 1, "w": 75, "h": 32, "x": -11426, "y": -3469, "r": 4, "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": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#dbdbdb", "v": "VariableID:VariableID:1558:94784", "token": { "cssVar": "--color-grey-4", "figmaName": "UX/Grey/grey-4 #DBDBDB", "variableId": "VariableID:1558:94784", "strategy": "normalized-variable-id" } } ], "componentId": "314:46903" }, { "id": "1400:5552", "name": "Button/light M", "type": "INSTANCE", "visible": true, "opacity": 1, "w": 82, "h": 32, "x": -11335, "y": -3469, "r": 4, "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": [], "componentId": "314:46884" } ] } ], "description": null, "componentSetId": "1408:17154", "componentPropertyReferences": null }, { "id": "1408:17127", "name": "theme=dark, form=slide, type=default", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 89, "w": 320, "x": -12234, "y": -3381, "pH": 24, "pV": 16, "pR": 24, "pB": 16, "gap": 12, "r": 6, "layoutMode": "VERTICAL", "layoutSizingHorizontal": "FIXED", "layoutSizingVertical": "HUG", "primaryAxisSizingMode": null, "counterAxisSizingMode": "FIXED", "subnodeCount": 2, "primaryAxisAlignItems": null, "counterAxisAlignItems": null, "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": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#434343", "v": "VariableID:VariableID:2611:57630", "token": { "cssVar": "--line-light", "figmaName": "Color Type/Line/Light Divider", "variableId": "VariableID:2611:57630", "strategy": "normalized-variable-id" } } ], "strokeWeight": 1.2000000476837158, "effects": [ { "type": "DROP_SHADOW", "visible": true, "radius": 48, "spread": 16, "blendMode": "NORMAL", "offset": { "x": 0, "y": 12 }, "color": { "hex": "#000000", "opacity": 0.029999999329447746 } }, { "type": "DROP_SHADOW", "visible": true, "radius": 28, "spread": null, "blendMode": "NORMAL", "offset": { "x": 0, "y": 9 }, "color": { "hex": "#000000", "opacity": 0.05000000074505806 } }, { "type": "DROP_SHADOW", "visible": true, "radius": 16, "spread": -8, "blendMode": "NORMAL", "offset": { "x": 0, "y": 6 }, "color": { "hex": "#000000", "opacity": 0.07999999821186066 } } ], "text": { "characters": "Notification title", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "size": 16, "fontFamily": "Roboto", "fontWeight": 600, "lineHeightPx": 24, "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": [ "I1708:25148;1480:73575", "I1708:25148;1480:73576", "I1708:25148;1480:74296" ], "children": [ { "id": "1708:25146", "name": "title", "type": "FRAME", "visible": true, "opacity": 1, "w": 272, "h": 24, "x": -12210, "y": -3365, "r": null, "fills": [], "strokes": [], "children": [ { "id": "1708:25147", "name": "Title", "type": "TEXT", "visible": true, "opacity": 1, "w": 240, "h": 24, "x": -12210, "y": -3365, "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": "Notification title" }, { "id": "1708:25148", "name": "icon/Edit/Close", "type": "INSTANCE", "visible": true, "opacity": 1, "w": 16, "h": 16, "x": -11954, "y": -3361, "r": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#9e9e9e", "v": "VariableID:VariableID:2611:57617", "token": { "cssVar": "--icon-default", "figmaName": "Color Type/Icon/Default", "variableId": "VariableID:2611:57617", "strategy": "normalized-variable-id" } } ], "strokes": [], "componentId": "1155:24553" } ] }, { "id": "1396:5289", "name": "Notification_content", "type": "SLOT", "visible": true, "opacity": 1, "w": 272, "h": 21, "x": -12210, "y": -3329, "r": null, "fills": [], "strokes": [], "children": [ { "id": "1396:5291", "name": "↳ Description", "type": "TEXT", "visible": true, "opacity": 1, "w": 272, "h": 21, "x": -12210, "y": -3329, "r": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#9e9e9e", "v": "VariableID:VariableID:2611:57610", "token": { "cssVar": "--text-tips", "figmaName": "Color Type/Text/Tips", "variableId": "VariableID:2611:57610", "strategy": "normalized-variable-id" } } ], "strokes": [], "characters": "This is a sample notification message." } ] } ], "description": null, "componentSetId": "1408:17154", "componentPropertyReferences": null }, { "id": "1408:17133", "name": "theme=light, form=slide, type=default", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 89, "w": 320, "x": -11709, "y": -3381, "pH": 24, "pV": 16, "pR": 24, "pB": 16, "gap": 12, "r": 6, "layoutMode": "VERTICAL", "layoutSizingHorizontal": "FIXED", "layoutSizingVertical": "HUG", "primaryAxisSizingMode": null, "counterAxisSizingMode": "FIXED", "subnodeCount": 2, "primaryAxisAlignItems": null, "counterAxisAlignItems": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#f8f8f8", "v": "VariableID:VariableID:2611:57620", "token": { "cssVar": "--bg-layer2", "figmaName": "Color Type/Background/Layer_2", "variableId": "VariableID:2611:57620", "strategy": "normalized-variable-id" } } ], "strokes": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#cccccc", "v": "VariableID:VariableID:2611:57630", "token": { "cssVar": "--line-light", "figmaName": "Color Type/Line/Light Divider", "variableId": "VariableID:2611:57630", "strategy": "normalized-variable-id" } } ], "strokeWeight": 1.2000000476837158, "effects": [ { "type": "DROP_SHADOW", "visible": true, "radius": 48, "spread": 16, "blendMode": "NORMAL", "offset": { "x": 0, "y": 12 }, "color": { "hex": "#000000", "opacity": 0.029999999329447746 } }, { "type": "DROP_SHADOW", "visible": true, "radius": 28, "spread": null, "blendMode": "NORMAL", "offset": { "x": 0, "y": 9 }, "color": { "hex": "#000000", "opacity": 0.05000000074505806 } }, { "type": "DROP_SHADOW", "visible": true, "radius": 16, "spread": -8, "blendMode": "NORMAL", "offset": { "x": 0, "y": 6 }, "color": { "hex": "#000000", "opacity": 0.07999999821186066 } } ], "text": { "characters": "Notification title", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "size": 16, "fontFamily": "Roboto", "fontWeight": 600, "lineHeightPx": 24, "letterSpacing": 0, "textCase": null, "textDecoration": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#141414", "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": [ "I1708:25070;1480:73575", "I1708:25070;1480:73576", "I1708:25070;1480:74296" ], "children": [ { "id": "1708:25068", "name": "title", "type": "FRAME", "visible": true, "opacity": 1, "w": 272, "h": 24, "x": -11685, "y": -3365, "r": null, "fills": [], "strokes": [], "children": [ { "id": "1708:25069", "name": "Title", "type": "TEXT", "visible": true, "opacity": 1, "w": 240, "h": 24, "x": -11685, "y": -3365, "r": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#141414", "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": "Notification title" }, { "id": "1708:25070", "name": "icon/Edit/Close", "type": "INSTANCE", "visible": true, "opacity": 1, "w": 16, "h": 16, "x": -11429, "y": -3361, "r": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#595959", "v": "VariableID:VariableID:2611:57617", "token": { "cssVar": "--icon-default", "figmaName": "Color Type/Icon/Default", "variableId": "VariableID:2611:57617", "strategy": "normalized-variable-id" } } ], "strokes": [], "componentId": "1155:24553" } ] }, { "id": "1400:5518", "name": "Notification_content", "type": "SLOT", "visible": true, "opacity": 1, "w": 272, "h": 21, "x": -11685, "y": -3329, "r": null, "fills": [], "strokes": [], "children": [ { "id": "1400:5520", "name": "↳ Description", "type": "TEXT", "visible": true, "opacity": 1, "w": 272, "h": 21, "x": -11685, "y": -3329, "r": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#595959", "v": "VariableID:VariableID:2611:57610", "token": { "cssVar": "--text-tips", "figmaName": "Color Type/Text/Tips", "variableId": "VariableID:2611:57610", "strategy": "normalized-variable-id" } } ], "strokes": [], "characters": "This is a sample notification message." } ] } ], "description": null, "componentSetId": "1408:17154", "componentPropertyReferences": null }, { "id": "5788:7085", "name": "theme=dark, form=slide, type=success", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 110, "w": 320, "x": -12234, "y": -3252, "pH": 24, "pV": 16, "pR": 24, "pB": 16, "gap": 12, "r": 6, "layoutMode": "VERTICAL", "layoutSizingHorizontal": "FIXED", "layoutSizingVertical": "HUG", "primaryAxisSizingMode": null, "counterAxisSizingMode": "FIXED", "subnodeCount": 1, "primaryAxisAlignItems": null, "counterAxisAlignItems": null, "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": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#434343", "v": "VariableID:VariableID:2611:57630", "token": { "cssVar": "--line-light", "figmaName": "Color Type/Line/Light Divider", "variableId": "VariableID:2611:57630", "strategy": "normalized-variable-id" } } ], "strokeWeight": 1.2000000476837158, "effects": [ { "type": "DROP_SHADOW", "visible": true, "radius": 48, "spread": 16, "blendMode": "NORMAL", "offset": { "x": 0, "y": 12 }, "color": { "hex": "#000000", "opacity": 0.029999999329447746 } }, { "type": "DROP_SHADOW", "visible": true, "radius": 28, "spread": null, "blendMode": "NORMAL", "offset": { "x": 0, "y": 9 }, "color": { "hex": "#000000", "opacity": 0.05000000074505806 } }, { "type": "DROP_SHADOW", "visible": true, "radius": 16, "spread": -8, "blendMode": "NORMAL", "offset": { "x": 0, "y": 6 }, "color": { "hex": "#000000", "opacity": 0.07999999821186066 } } ], "text": { "characters": "Notification title", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "size": 16, "fontFamily": "Roboto", "fontWeight": 600, "lineHeightPx": 24, "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": [ "I5788:7091;1517:28928", "I5788:7091;1517:29808", "I5788:7088;1480:73575", "I5788:7088;1480:73576", "I5788:7088;1480:74296" ], "children": [ { "id": "5899:7117", "name": "Notification_content row", "type": "FRAME", "visible": true, "opacity": 1, "w": 272, "h": 78, "x": -12210, "y": -3236, "r": null, "fills": [], "strokes": [], "children": [ { "id": "5788:7091", "name": "icon/Message/Success 2", "type": "INSTANCE", "visible": true, "opacity": 1, "w": 24, "h": 24, "x": -12210, "y": -3236, "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": [], "componentId": "1168:20881" }, { "id": "5899:7118", "name": "content", "type": "FRAME", "visible": true, "opacity": 1, "w": 232, "h": 78, "x": -12170, "y": -3236, "r": null, "fills": [], "strokes": [], "children": [ { "id": "5788:7086", "name": "title", "type": "FRAME", "visible": true, "opacity": 1, "w": 232, "h": 24, "x": -12170, "y": -3236, "r": null, "fills": [], "strokes": [], "children": [ { "id": "5788:7087", "name": "Title", "type": "TEXT", "visible": true, "opacity": 1, "w": 200, "h": 24, "x": -12170, "y": -3236, "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": "Notification title" }, { "id": "5788:7088", "name": "icon/Edit/Close", "type": "INSTANCE", "visible": true, "opacity": 1, "w": 16, "h": 16, "x": -11954, "y": -3232, "r": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#9e9e9e", "v": "VariableID:VariableID:2611:57617", "token": { "cssVar": "--icon-default", "figmaName": "Color Type/Icon/Default", "variableId": "VariableID:2611:57617", "strategy": "normalized-variable-id" } } ], "strokes": [], "componentId": "1155:24553" } ] }, { "id": "5788:7089", "name": "Notification_content", "type": "SLOT", "visible": true, "opacity": 1, "w": 232, "h": 42, "x": -12170, "y": -3200, "r": null, "fills": [], "strokes": [], "children": [ { "id": "5788:7090", "name": "↳ Description", "type": "TEXT", "visible": true, "opacity": 1, "w": 232, "h": 42, "x": -12170, "y": -3200, "r": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#9e9e9e", "v": "VariableID:VariableID:2611:57610", "token": { "cssVar": "--text-tips", "figmaName": "Color Type/Text/Tips", "variableId": "VariableID:2611:57610", "strategy": "normalized-variable-id" } } ], "strokes": [], "characters": "This is a sample notification message." } ] } ] } ] } ], "description": null, "componentSetId": "1408:17154", "componentPropertyReferences": null }, { "id": "5789:7098", "name": "theme=light, form=slide, type=success", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 110, "w": 320, "x": -11709, "y": -3252, "pH": 24, "pV": 16, "pR": 24, "pB": 16, "gap": 12, "r": 6, "layoutMode": "VERTICAL", "layoutSizingHorizontal": "FIXED", "layoutSizingVertical": "HUG", "primaryAxisSizingMode": null, "counterAxisSizingMode": "FIXED", "subnodeCount": 1, "primaryAxisAlignItems": null, "counterAxisAlignItems": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#f8f8f8", "v": "VariableID:VariableID:2611:57620", "token": { "cssVar": "--bg-layer2", "figmaName": "Color Type/Background/Layer_2", "variableId": "VariableID:2611:57620", "strategy": "normalized-variable-id" } } ], "strokes": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#cccccc", "v": "VariableID:VariableID:2611:57630", "token": { "cssVar": "--line-light", "figmaName": "Color Type/Line/Light Divider", "variableId": "VariableID:2611:57630", "strategy": "normalized-variable-id" } } ], "strokeWeight": 1.2000000476837158, "effects": [ { "type": "DROP_SHADOW", "visible": true, "radius": 48, "spread": 16, "blendMode": "NORMAL", "offset": { "x": 0, "y": 12 }, "color": { "hex": "#000000", "opacity": 0.029999999329447746 } }, { "type": "DROP_SHADOW", "visible": true, "radius": 28, "spread": null, "blendMode": "NORMAL", "offset": { "x": 0, "y": 9 }, "color": { "hex": "#000000", "opacity": 0.05000000074505806 } }, { "type": "DROP_SHADOW", "visible": true, "radius": 16, "spread": -8, "blendMode": "NORMAL", "offset": { "x": 0, "y": 6 }, "color": { "hex": "#000000", "opacity": 0.07999999821186066 } } ], "text": { "characters": "Notification title", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "size": 16, "fontFamily": "Roboto", "fontWeight": 600, "lineHeightPx": 24, "letterSpacing": 0, "textCase": null, "textDecoration": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#141414", "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": [ "I5789:7104;1517:28928", "I5789:7104;1517:29808", "I5789:7101;1480:73575", "I5789:7101;1480:73576", "I5789:7101;1480:74296" ], "children": [ { "id": "5899:7127", "name": "Notification_content row", "type": "FRAME", "visible": true, "opacity": 1, "w": 272, "h": 78, "x": -11685, "y": -3236, "r": null, "fills": [], "strokes": [], "children": [ { "id": "5789:7104", "name": "icon/Message/Success 2", "type": "INSTANCE", "visible": true, "opacity": 1, "w": 24, "h": 24, "x": -11685, "y": -3236, "r": 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": [], "componentId": "1168:20881" }, { "id": "5899:7128", "name": "content", "type": "FRAME", "visible": true, "opacity": 1, "w": 232, "h": 78, "x": -11645, "y": -3236, "r": null, "fills": [], "strokes": [], "children": [ { "id": "5789:7099", "name": "title", "type": "FRAME", "visible": true, "opacity": 1, "w": 232, "h": 24, "x": -11645, "y": -3236, "r": null, "fills": [], "strokes": [], "children": [ { "id": "5789:7100", "name": "Title", "type": "TEXT", "visible": true, "opacity": 1, "w": 200, "h": 24, "x": -11645, "y": -3236, "r": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#141414", "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": "Notification title" }, { "id": "5789:7101", "name": "icon/Edit/Close", "type": "INSTANCE", "visible": true, "opacity": 1, "w": 16, "h": 16, "x": -11429, "y": -3232, "r": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#595959", "v": "VariableID:VariableID:2611:57617", "token": { "cssVar": "--icon-default", "figmaName": "Color Type/Icon/Default", "variableId": "VariableID:2611:57617", "strategy": "normalized-variable-id" } } ], "strokes": [], "componentId": "1155:24553" } ] }, { "id": "5789:7102", "name": "Notification_content", "type": "SLOT", "visible": true, "opacity": 1, "w": 232, "h": 42, "x": -11645, "y": -3200, "r": null, "fills": [], "strokes": [], "children": [ { "id": "5789:7103", "name": "↳ Description", "type": "TEXT", "visible": true, "opacity": 1, "w": 232, "h": 42, "x": -11645, "y": -3200, "r": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#595959", "v": "VariableID:VariableID:2611:57610", "token": { "cssVar": "--text-tips", "figmaName": "Color Type/Text/Tips", "variableId": "VariableID:2611:57610", "strategy": "normalized-variable-id" } } ], "strokes": [], "characters": "This is a sample notification message." } ] } ] } ] } ], "description": null, "componentSetId": "1408:17154", "componentPropertyReferences": null }, { "id": "5788:7109", "name": "theme=dark, form=slide, type=info", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 110, "w": 320, "x": -12234, "y": -3102, "pH": 24, "pV": 16, "pR": 24, "pB": 16, "gap": 12, "r": 6, "layoutMode": "VERTICAL", "layoutSizingHorizontal": "FIXED", "layoutSizingVertical": "HUG", "primaryAxisSizingMode": null, "counterAxisSizingMode": "FIXED", "subnodeCount": 1, "primaryAxisAlignItems": null, "counterAxisAlignItems": null, "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": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#434343", "v": "VariableID:VariableID:2611:57630", "token": { "cssVar": "--line-light", "figmaName": "Color Type/Line/Light Divider", "variableId": "VariableID:2611:57630", "strategy": "normalized-variable-id" } } ], "strokeWeight": 1.2000000476837158, "effects": [ { "type": "DROP_SHADOW", "visible": true, "radius": 48, "spread": 16, "blendMode": "NORMAL", "offset": { "x": 0, "y": 12 }, "color": { "hex": "#000000", "opacity": 0.029999999329447746 } }, { "type": "DROP_SHADOW", "visible": true, "radius": 28, "spread": null, "blendMode": "NORMAL", "offset": { "x": 0, "y": 9 }, "color": { "hex": "#000000", "opacity": 0.05000000074505806 } }, { "type": "DROP_SHADOW", "visible": true, "radius": 16, "spread": -8, "blendMode": "NORMAL", "offset": { "x": 0, "y": 6 }, "color": { "hex": "#000000", "opacity": 0.07999999821186066 } } ], "text": { "characters": "Notification title", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "size": 16, "fontFamily": "Roboto", "fontWeight": 600, "lineHeightPx": 24, "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": [ "I5788:7115;1517:27670", "I5788:7112;1480:73575", "I5788:7112;1480:73576", "I5788:7112;1480:74296" ], "children": [ { "id": "5900:7107", "name": "Notification_content row", "type": "FRAME", "visible": true, "opacity": 1, "w": 272, "h": 78, "x": -12210, "y": -3086, "r": null, "fills": [], "strokes": [], "children": [ { "id": "5788:7115", "name": "icon/Message/Info 2", "type": "INSTANCE", "visible": true, "opacity": 1, "w": 24, "h": 24, "x": -12210, "y": -3086, "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": [], "componentId": "1168:23690" }, { "id": "5900:7108", "name": "content", "type": "FRAME", "visible": true, "opacity": 1, "w": 232, "h": 78, "x": -12170, "y": -3086, "r": null, "fills": [], "strokes": [], "children": [ { "id": "5788:7110", "name": "title", "type": "FRAME", "visible": true, "opacity": 1, "w": 232, "h": 24, "x": -12170, "y": -3086, "r": null, "fills": [], "strokes": [], "children": [ { "id": "5788:7111", "name": "Title", "type": "TEXT", "visible": true, "opacity": 1, "w": 200, "h": 24, "x": -12170, "y": -3086, "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": "Notification title" }, { "id": "5788:7112", "name": "icon/Edit/Close", "type": "INSTANCE", "visible": true, "opacity": 1, "w": 16, "h": 16, "x": -11954, "y": -3082, "r": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#9e9e9e", "v": "VariableID:VariableID:2611:57617", "token": { "cssVar": "--icon-default", "figmaName": "Color Type/Icon/Default", "variableId": "VariableID:2611:57617", "strategy": "normalized-variable-id" } } ], "strokes": [], "componentId": "1155:24553" } ] }, { "id": "5788:7113", "name": "Notification_content", "type": "SLOT", "visible": true, "opacity": 1, "w": 232, "h": 42, "x": -12170, "y": -3050, "r": null, "fills": [], "strokes": [], "children": [ { "id": "5788:7114", "name": "↳ Description", "type": "TEXT", "visible": true, "opacity": 1, "w": 232, "h": 42, "x": -12170, "y": -3050, "r": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#9e9e9e", "v": "VariableID:VariableID:2611:57610", "token": { "cssVar": "--text-tips", "figmaName": "Color Type/Text/Tips", "variableId": "VariableID:2611:57610", "strategy": "normalized-variable-id" } } ], "strokes": [], "characters": "This is a sample notification message." } ] } ] } ] } ], "description": null, "componentSetId": "1408:17154", "componentPropertyReferences": null }, { "id": "5789:7122", "name": "theme=light, form=slide, type=info", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 110, "w": 320, "x": -11709, "y": -3102, "pH": 24, "pV": 16, "pR": 24, "pB": 16, "gap": 12, "r": 6, "layoutMode": "VERTICAL", "layoutSizingHorizontal": "FIXED", "layoutSizingVertical": "HUG", "primaryAxisSizingMode": null, "counterAxisSizingMode": "FIXED", "subnodeCount": 1, "primaryAxisAlignItems": null, "counterAxisAlignItems": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#f8f8f8", "v": "VariableID:VariableID:2611:57620", "token": { "cssVar": "--bg-layer2", "figmaName": "Color Type/Background/Layer_2", "variableId": "VariableID:2611:57620", "strategy": "normalized-variable-id" } } ], "strokes": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#cccccc", "v": "VariableID:VariableID:2611:57630", "token": { "cssVar": "--line-light", "figmaName": "Color Type/Line/Light Divider", "variableId": "VariableID:2611:57630", "strategy": "normalized-variable-id" } } ], "strokeWeight": 1.2000000476837158, "effects": [ { "type": "DROP_SHADOW", "visible": true, "radius": 48, "spread": 16, "blendMode": "NORMAL", "offset": { "x": 0, "y": 12 }, "color": { "hex": "#000000", "opacity": 0.029999999329447746 } }, { "type": "DROP_SHADOW", "visible": true, "radius": 28, "spread": null, "blendMode": "NORMAL", "offset": { "x": 0, "y": 9 }, "color": { "hex": "#000000", "opacity": 0.05000000074505806 } }, { "type": "DROP_SHADOW", "visible": true, "radius": 16, "spread": -8, "blendMode": "NORMAL", "offset": { "x": 0, "y": 6 }, "color": { "hex": "#000000", "opacity": 0.07999999821186066 } } ], "text": { "characters": "Notification title", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "size": 16, "fontFamily": "Roboto", "fontWeight": 600, "lineHeightPx": 24, "letterSpacing": 0, "textCase": null, "textDecoration": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#141414", "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": [ "I5789:7128;1517:27670", "I5789:7125;1480:73575", "I5789:7125;1480:73576", "I5789:7125;1480:74296" ], "children": [ { "id": "5900:7119", "name": "Notification_content row", "type": "FRAME", "visible": true, "opacity": 1, "w": 272, "h": 78, "x": -11685, "y": -3086, "r": null, "fills": [], "strokes": [], "children": [ { "id": "5789:7128", "name": "icon/Message/Info 2", "type": "INSTANCE", "visible": true, "opacity": 1, "w": 24, "h": 24, "x": -11685, "y": -3086, "r": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#0473d5", "v": "VariableID:VariableID:1671:114779", "token": { "cssVar": "--blue", "figmaName": "UX/Blue/Default", "variableId": "VariableID:1671:114779", "strategy": "normalized-variable-id" } } ], "strokes": [], "componentId": "1168:23690" }, { "id": "5900:7120", "name": "content", "type": "FRAME", "visible": true, "opacity": 1, "w": 232, "h": 78, "x": -11645, "y": -3086, "r": null, "fills": [], "strokes": [], "children": [ { "id": "5789:7123", "name": "title", "type": "FRAME", "visible": true, "opacity": 1, "w": 232, "h": 24, "x": -11645, "y": -3086, "r": null, "fills": [], "strokes": [], "children": [ { "id": "5789:7124", "name": "Title", "type": "TEXT", "visible": true, "opacity": 1, "w": 200, "h": 24, "x": -11645, "y": -3086, "r": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#141414", "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": "Notification title" }, { "id": "5789:7125", "name": "icon/Edit/Close", "type": "INSTANCE", "visible": true, "opacity": 1, "w": 16, "h": 16, "x": -11429, "y": -3082, "r": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#595959", "v": "VariableID:VariableID:2611:57617", "token": { "cssVar": "--icon-default", "figmaName": "Color Type/Icon/Default", "variableId": "VariableID:2611:57617", "strategy": "normalized-variable-id" } } ], "strokes": [], "componentId": "1155:24553" } ] }, { "id": "5789:7126", "name": "Notification_content", "type": "SLOT", "visible": true, "opacity": 1, "w": 232, "h": 42, "x": -11645, "y": -3050, "r": null, "fills": [], "strokes": [], "children": [ { "id": "5789:7127", "name": "↳ Description", "type": "TEXT", "visible": true, "opacity": 1, "w": 232, "h": 42, "x": -11645, "y": -3050, "r": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#595959", "v": "VariableID:VariableID:2611:57610", "token": { "cssVar": "--text-tips", "figmaName": "Color Type/Text/Tips", "variableId": "VariableID:2611:57610", "strategy": "normalized-variable-id" } } ], "strokes": [], "characters": "This is a sample notification message." } ] } ] } ] } ], "description": null, "componentSetId": "1408:17154", "componentPropertyReferences": null }, { "id": "5787:7085", "name": "theme=dark, form=slide, type=warning", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 110, "w": 320, "x": -12234, "y": -2952, "pH": 24, "pV": 16, "pR": 24, "pB": 16, "gap": 12, "r": 6, "layoutMode": "VERTICAL", "layoutSizingHorizontal": "FIXED", "layoutSizingVertical": "HUG", "primaryAxisSizingMode": null, "counterAxisSizingMode": "FIXED", "subnodeCount": 1, "primaryAxisAlignItems": null, "counterAxisAlignItems": null, "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": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#434343", "v": "VariableID:VariableID:2611:57630", "token": { "cssVar": "--line-light", "figmaName": "Color Type/Line/Light Divider", "variableId": "VariableID:2611:57630", "strategy": "normalized-variable-id" } } ], "strokeWeight": 1.2000000476837158, "effects": [ { "type": "DROP_SHADOW", "visible": true, "radius": 48, "spread": 16, "blendMode": "NORMAL", "offset": { "x": 0, "y": 12 }, "color": { "hex": "#000000", "opacity": 0.029999999329447746 } }, { "type": "DROP_SHADOW", "visible": true, "radius": 28, "spread": null, "blendMode": "NORMAL", "offset": { "x": 0, "y": 9 }, "color": { "hex": "#000000", "opacity": 0.05000000074505806 } }, { "type": "DROP_SHADOW", "visible": true, "radius": 16, "spread": -8, "blendMode": "NORMAL", "offset": { "x": 0, "y": 6 }, "color": { "hex": "#000000", "opacity": 0.07999999821186066 } } ], "text": { "characters": "Notification title", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "size": 16, "fontFamily": "Roboto", "fontWeight": 600, "lineHeightPx": 24, "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": [ "I5787:7091;1517:27746", "I5787:7091;1538:130", "I5787:7088;1480:73575", "I5787:7088;1480:73576", "I5787:7088;1480:74296" ], "children": [ { "id": "5899:7095", "name": "Notification_content row", "type": "FRAME", "visible": true, "opacity": 1, "w": 272, "h": 78, "x": -12210, "y": -2936, "r": null, "fills": [], "strokes": [], "children": [ { "id": "5787:7091", "name": "icon/Message/warning 2", "type": "INSTANCE", "visible": true, "opacity": 1, "w": 24, "h": 24, "x": -12210, "y": -2936, "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": [], "componentId": "1517:27744" }, { "id": "5899:7096", "name": "content", "type": "FRAME", "visible": true, "opacity": 1, "w": 232, "h": 78, "x": -12170, "y": -2936, "r": null, "fills": [], "strokes": [], "children": [ { "id": "5787:7086", "name": "title", "type": "FRAME", "visible": true, "opacity": 1, "w": 232, "h": 24, "x": -12170, "y": -2936, "r": null, "fills": [], "strokes": [], "children": [ { "id": "5787:7087", "name": "Title", "type": "TEXT", "visible": true, "opacity": 1, "w": 200, "h": 24, "x": -12170, "y": -2936, "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": "Notification title" }, { "id": "5787:7088", "name": "icon/Edit/Close", "type": "INSTANCE", "visible": true, "opacity": 1, "w": 16, "h": 16, "x": -11954, "y": -2932, "r": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#9e9e9e", "v": "VariableID:VariableID:2611:57617", "token": { "cssVar": "--icon-default", "figmaName": "Color Type/Icon/Default", "variableId": "VariableID:2611:57617", "strategy": "normalized-variable-id" } } ], "strokes": [], "componentId": "1155:24553" } ] }, { "id": "5787:7089", "name": "Notification_content", "type": "SLOT", "visible": true, "opacity": 1, "w": 232, "h": 42, "x": -12170, "y": -2900, "r": null, "fills": [], "strokes": [], "children": [ { "id": "5787:7090", "name": "↳ Description", "type": "TEXT", "visible": true, "opacity": 1, "w": 232, "h": 42, "x": -12170, "y": -2900, "r": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#9e9e9e", "v": "VariableID:VariableID:2611:57610", "token": { "cssVar": "--text-tips", "figmaName": "Color Type/Text/Tips", "variableId": "VariableID:2611:57610", "strategy": "normalized-variable-id" } } ], "strokes": [], "characters": "This is a sample notification message." } ] } ] } ] } ], "description": null, "componentSetId": "1408:17154", "componentPropertyReferences": null }, { "id": "5789:7085", "name": "theme=light, form=slide, type=warning", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 110, "w": 320, "x": -11709, "y": -2952, "pH": 24, "pV": 16, "pR": 24, "pB": 16, "gap": 12, "r": 6, "layoutMode": "VERTICAL", "layoutSizingHorizontal": "FIXED", "layoutSizingVertical": "HUG", "primaryAxisSizingMode": null, "counterAxisSizingMode": "FIXED", "subnodeCount": 1, "primaryAxisAlignItems": null, "counterAxisAlignItems": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#f8f8f8", "v": "VariableID:VariableID:2611:57620", "token": { "cssVar": "--bg-layer2", "figmaName": "Color Type/Background/Layer_2", "variableId": "VariableID:2611:57620", "strategy": "normalized-variable-id" } } ], "strokes": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#cccccc", "v": "VariableID:VariableID:2611:57630", "token": { "cssVar": "--line-light", "figmaName": "Color Type/Line/Light Divider", "variableId": "VariableID:2611:57630", "strategy": "normalized-variable-id" } } ], "strokeWeight": 1.2000000476837158, "effects": [ { "type": "DROP_SHADOW", "visible": true, "radius": 48, "spread": 16, "blendMode": "NORMAL", "offset": { "x": 0, "y": 12 }, "color": { "hex": "#000000", "opacity": 0.029999999329447746 } }, { "type": "DROP_SHADOW", "visible": true, "radius": 28, "spread": null, "blendMode": "NORMAL", "offset": { "x": 0, "y": 9 }, "color": { "hex": "#000000", "opacity": 0.05000000074505806 } }, { "type": "DROP_SHADOW", "visible": true, "radius": 16, "spread": -8, "blendMode": "NORMAL", "offset": { "x": 0, "y": 6 }, "color": { "hex": "#000000", "opacity": 0.07999999821186066 } } ], "text": { "characters": "Notification title", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "size": 16, "fontFamily": "Roboto", "fontWeight": 600, "lineHeightPx": 24, "letterSpacing": 0, "textCase": null, "textDecoration": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#141414", "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": [ "I5789:7091;1517:27746", "I5789:7091;1538:130", "I5789:7088;1480:73575", "I5789:7088;1480:73576", "I5789:7088;1480:74296" ], "children": [ { "id": "5899:7107", "name": "Notification_content row", "type": "FRAME", "visible": true, "opacity": 1, "w": 272, "h": 78, "x": -11685, "y": -2936, "r": null, "fills": [], "strokes": [], "children": [ { "id": "5789:7091", "name": "icon/Message/warning 2", "type": "INSTANCE", "visible": true, "opacity": 1, "w": 24, "h": 24, "x": -11685, "y": -2936, "r": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#e26601", "v": "VariableID:VariableID:1671:114765", "token": { "cssVar": "--orange", "figmaName": "UX/Orange/Default", "variableId": "VariableID:1671:114765", "strategy": "normalized-variable-id" } } ], "strokes": [], "componentId": "1517:27744" }, { "id": "5899:7108", "name": "content", "type": "FRAME", "visible": true, "opacity": 1, "w": 232, "h": 78, "x": -11645, "y": -2936, "r": null, "fills": [], "strokes": [], "children": [ { "id": "5789:7086", "name": "title", "type": "FRAME", "visible": true, "opacity": 1, "w": 232, "h": 24, "x": -11645, "y": -2936, "r": null, "fills": [], "strokes": [], "children": [ { "id": "5789:7087", "name": "Title", "type": "TEXT", "visible": true, "opacity": 1, "w": 200, "h": 24, "x": -11645, "y": -2936, "r": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#141414", "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": "Notification title" }, { "id": "5789:7088", "name": "icon/Edit/Close", "type": "INSTANCE", "visible": true, "opacity": 1, "w": 16, "h": 16, "x": -11429, "y": -2932, "r": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#595959", "v": "VariableID:VariableID:2611:57617", "token": { "cssVar": "--icon-default", "figmaName": "Color Type/Icon/Default", "variableId": "VariableID:2611:57617", "strategy": "normalized-variable-id" } } ], "strokes": [], "componentId": "1155:24553" } ] }, { "id": "5789:7089", "name": "Notification_content", "type": "SLOT", "visible": true, "opacity": 1, "w": 232, "h": 42, "x": -11645, "y": -2900, "r": null, "fills": [], "strokes": [], "children": [ { "id": "5789:7090", "name": "↳ Description", "type": "TEXT", "visible": true, "opacity": 1, "w": 232, "h": 42, "x": -11645, "y": -2900, "r": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#595959", "v": "VariableID:VariableID:2611:57610", "token": { "cssVar": "--text-tips", "figmaName": "Color Type/Text/Tips", "variableId": "VariableID:2611:57610", "strategy": "normalized-variable-id" } } ], "strokes": [], "characters": "This is a sample notification message." } ] } ] } ] } ], "description": null, "componentSetId": "1408:17154", "componentPropertyReferences": null }, { "id": "5788:7096", "name": "theme=dark, form=slide, type=error", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 110, "w": 320, "x": -12234, "y": -2802, "pH": 24, "pV": 16, "pR": 24, "pB": 16, "gap": 12, "r": 6, "layoutMode": "VERTICAL", "layoutSizingHorizontal": "FIXED", "layoutSizingVertical": "HUG", "primaryAxisSizingMode": null, "counterAxisSizingMode": "FIXED", "subnodeCount": 1, "primaryAxisAlignItems": null, "counterAxisAlignItems": null, "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": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#434343", "v": "VariableID:VariableID:2611:57630", "token": { "cssVar": "--line-light", "figmaName": "Color Type/Line/Light Divider", "variableId": "VariableID:2611:57630", "strategy": "normalized-variable-id" } } ], "strokeWeight": 1.2000000476837158, "effects": [ { "type": "DROP_SHADOW", "visible": true, "radius": 48, "spread": 16, "blendMode": "NORMAL", "offset": { "x": 0, "y": 12 }, "color": { "hex": "#000000", "opacity": 0.029999999329447746 } }, { "type": "DROP_SHADOW", "visible": true, "radius": 28, "spread": null, "blendMode": "NORMAL", "offset": { "x": 0, "y": 9 }, "color": { "hex": "#000000", "opacity": 0.05000000074505806 } }, { "type": "DROP_SHADOW", "visible": true, "radius": 16, "spread": -8, "blendMode": "NORMAL", "offset": { "x": 0, "y": 6 }, "color": { "hex": "#000000", "opacity": 0.07999999821186066 } } ], "text": { "characters": "Notification title", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "size": 16, "fontFamily": "Roboto", "fontWeight": 600, "lineHeightPx": 24, "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": [ "I5788:7102;1544:33368", "I5788:7099;1480:73575", "I5788:7099;1480:73576", "I5788:7099;1480:74296" ], "children": [ { "id": "5898:7095", "name": "Notification_content row", "type": "FRAME", "visible": true, "opacity": 1, "w": 272, "h": 78, "x": -12210, "y": -2786, "r": null, "fills": [], "strokes": [], "children": [ { "id": "5788:7102", "name": "icon/Message/Error 2", "type": "INSTANCE", "visible": true, "opacity": 1, "w": 24, "h": 24, "x": -12210, "y": -2786, "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": [], "componentId": "1168:23569" }, { "id": "5898:7096", "name": "content", "type": "FRAME", "visible": true, "opacity": 1, "w": 232, "h": 78, "x": -12170, "y": -2786, "r": null, "fills": [], "strokes": [], "children": [ { "id": "5788:7097", "name": "title", "type": "FRAME", "visible": true, "opacity": 1, "w": 232, "h": 24, "x": -12170, "y": -2786, "r": null, "fills": [], "strokes": [], "children": [ { "id": "5788:7098", "name": "Title", "type": "TEXT", "visible": true, "opacity": 1, "w": 200, "h": 24, "x": -12170, "y": -2786, "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": "Notification title" }, { "id": "5788:7099", "name": "icon/Edit/Close", "type": "INSTANCE", "visible": true, "opacity": 1, "w": 16, "h": 16, "x": -11954, "y": -2782, "r": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#9e9e9e", "v": "VariableID:VariableID:2611:57617", "token": { "cssVar": "--icon-default", "figmaName": "Color Type/Icon/Default", "variableId": "VariableID:2611:57617", "strategy": "normalized-variable-id" } } ], "strokes": [], "componentId": "1155:24553" } ] }, { "id": "5788:7100", "name": "Notification_content", "type": "SLOT", "visible": true, "opacity": 1, "w": 232, "h": 42, "x": -12170, "y": -2750, "r": null, "fills": [], "strokes": [], "children": [ { "id": "5788:7101", "name": "↳ Description", "type": "TEXT", "visible": true, "opacity": 1, "w": 232, "h": 42, "x": -12170, "y": -2750, "r": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#9e9e9e", "v": "VariableID:VariableID:2611:57610", "token": { "cssVar": "--text-tips", "figmaName": "Color Type/Text/Tips", "variableId": "VariableID:2611:57610", "strategy": "normalized-variable-id" } } ], "strokes": [], "characters": "This is a sample notification message." } ] } ] } ] } ], "description": null, "componentSetId": "1408:17154", "componentPropertyReferences": null }, { "id": "5789:7109", "name": "theme=light, form=slide, type=error", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 110, "w": 320, "x": -11709, "y": -2802, "pH": 24, "pV": 16, "pR": 24, "pB": 16, "gap": 12, "r": 6, "layoutMode": "VERTICAL", "layoutSizingHorizontal": "FIXED", "layoutSizingVertical": "HUG", "primaryAxisSizingMode": null, "counterAxisSizingMode": "FIXED", "subnodeCount": 1, "primaryAxisAlignItems": null, "counterAxisAlignItems": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#f8f8f8", "v": "VariableID:VariableID:2611:57620", "token": { "cssVar": "--bg-layer2", "figmaName": "Color Type/Background/Layer_2", "variableId": "VariableID:2611:57620", "strategy": "normalized-variable-id" } } ], "strokes": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#cccccc", "v": "VariableID:VariableID:2611:57630", "token": { "cssVar": "--line-light", "figmaName": "Color Type/Line/Light Divider", "variableId": "VariableID:2611:57630", "strategy": "normalized-variable-id" } } ], "strokeWeight": 1.2000000476837158, "effects": [ { "type": "DROP_SHADOW", "visible": true, "radius": 48, "spread": 16, "blendMode": "NORMAL", "offset": { "x": 0, "y": 12 }, "color": { "hex": "#000000", "opacity": 0.029999999329447746 } }, { "type": "DROP_SHADOW", "visible": true, "radius": 28, "spread": null, "blendMode": "NORMAL", "offset": { "x": 0, "y": 9 }, "color": { "hex": "#000000", "opacity": 0.05000000074505806 } }, { "type": "DROP_SHADOW", "visible": true, "radius": 16, "spread": -8, "blendMode": "NORMAL", "offset": { "x": 0, "y": 6 }, "color": { "hex": "#000000", "opacity": 0.07999999821186066 } } ], "text": { "characters": "Notification title", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "size": 16, "fontFamily": "Roboto", "fontWeight": 600, "lineHeightPx": 24, "letterSpacing": 0, "textCase": null, "textDecoration": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#141414", "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": [ "I5789:7115;1544:33368", "I5789:7112;1480:73575", "I5789:7112;1480:73576", "I5789:7112;1480:74296" ], "children": [ { "id": "5900:7095", "name": "Notification_content row", "type": "FRAME", "visible": true, "opacity": 1, "w": 272, "h": 78, "x": -11685, "y": -2786, "r": null, "fills": [], "strokes": [], "children": [ { "id": "5789:7115", "name": "icon/Message/Error 2", "type": "INSTANCE", "visible": true, "opacity": 1, "w": 24, "h": 24, "x": -11685, "y": -2786, "r": null, "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": [], "componentId": "1168:23569" }, { "id": "5900:7096", "name": "content", "type": "FRAME", "visible": true, "opacity": 1, "w": 232, "h": 78, "x": -11645, "y": -2786, "r": null, "fills": [], "strokes": [], "children": [ { "id": "5789:7110", "name": "title", "type": "FRAME", "visible": true, "opacity": 1, "w": 232, "h": 24, "x": -11645, "y": -2786, "r": null, "fills": [], "strokes": [], "children": [ { "id": "5789:7111", "name": "Title", "type": "TEXT", "visible": true, "opacity": 1, "w": 200, "h": 24, "x": -11645, "y": -2786, "r": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#141414", "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": "Notification title" }, { "id": "5789:7112", "name": "icon/Edit/Close", "type": "INSTANCE", "visible": true, "opacity": 1, "w": 16, "h": 16, "x": -11429, "y": -2782, "r": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#595959", "v": "VariableID:VariableID:2611:57617", "token": { "cssVar": "--icon-default", "figmaName": "Color Type/Icon/Default", "variableId": "VariableID:2611:57617", "strategy": "normalized-variable-id" } } ], "strokes": [], "componentId": "1155:24553" } ] }, { "id": "5789:7113", "name": "Notification_content", "type": "SLOT", "visible": true, "opacity": 1, "w": 232, "h": 42, "x": -11645, "y": -2750, "r": null, "fills": [], "strokes": [], "children": [ { "id": "5789:7114", "name": "↳ Description", "type": "TEXT", "visible": true, "opacity": 1, "w": 232, "h": 42, "x": -11645, "y": -2750, "r": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#595959", "v": "VariableID:VariableID:2611:57610", "token": { "cssVar": "--text-tips", "figmaName": "Color Type/Text/Tips", "variableId": "VariableID:2611:57610", "strategy": "normalized-variable-id" } } ], "strokes": [], "characters": "This is a sample notification message." } ] } ] } ] } ], "description": null, "componentSetId": "1408:17154", "componentPropertyReferences": null }, { "id": "5840:7158", "name": "theme=dark, form=alert, type=success", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 153, "w": 480, "x": -12234, "y": -2652, "pH": 24, "pV": 16, "pR": 24, "pB": 16, "gap": 32, "r": 6, "layoutMode": "VERTICAL", "layoutSizingHorizontal": "FIXED", "layoutSizingVertical": "HUG", "primaryAxisSizingMode": null, "counterAxisSizingMode": "FIXED", "subnodeCount": 2, "primaryAxisAlignItems": null, "counterAxisAlignItems": null, "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": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#434343", "v": "VariableID:VariableID:2611:57630", "token": { "cssVar": "--line-light", "figmaName": "Color Type/Line/Light Divider", "variableId": "VariableID:2611:57630", "strategy": "normalized-variable-id" } } ], "strokeWeight": 1.2000000476837158, "effects": [ { "type": "DROP_SHADOW", "visible": true, "radius": 48, "spread": 16, "blendMode": "NORMAL", "offset": { "x": 0, "y": 12 }, "color": { "hex": "#000000", "opacity": 0.029999999329447746 } }, { "type": "DROP_SHADOW", "visible": true, "radius": 28, "spread": null, "blendMode": "NORMAL", "offset": { "x": 0, "y": 9 }, "color": { "hex": "#000000", "opacity": 0.05000000074505806 } }, { "type": "DROP_SHADOW", "visible": true, "radius": 16, "spread": -8, "blendMode": "NORMAL", "offset": { "x": 0, "y": 6 }, "color": { "hex": "#000000", "opacity": 0.07999999821186066 } } ], "text": { "characters": "Notification title", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "size": 16, "fontFamily": "Roboto", "fontWeight": 600, "lineHeightPx": 24, "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": [ "I5840:7160;1517:28928", "I5840:7160;1517:29808", "I5840:7164;1480:73575", "I5840:7164;1480:73576", "I5840:7164;1480:74296" ], "children": [ { "id": "5840:7159", "name": "Notification_content", "type": "SLOT", "visible": true, "opacity": 1, "w": 432, "h": 57, "x": -12210, "y": -2636, "r": null, "fills": [], "strokes": [], "children": [ { "id": "5840:7160", "name": "icon/Message/Success 2", "type": "INSTANCE", "visible": true, "opacity": 1, "w": 24, "h": 24, "x": -12210, "y": -2636, "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": [], "componentId": "1168:20881" }, { "id": "5840:7161", "name": "content", "type": "FRAME", "visible": true, "opacity": 1, "w": 392, "h": 57, "x": -12170, "y": -2636, "r": null, "fills": [], "strokes": [], "children": [ { "id": "5840:7162", "name": "title", "type": "FRAME", "visible": true, "opacity": 1, "w": 392, "h": 24, "x": -12170, "y": -2636, "r": null, "fills": [], "strokes": [], "children": [ { "id": "5840:7163", "name": "Title", "type": "TEXT", "visible": true, "opacity": 1, "w": 360, "h": 24, "x": -12170, "y": -2636, "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": "Notification title" }, { "id": "5840:7164", "name": "icon/Edit/Close", "type": "INSTANCE", "visible": true, "opacity": 1, "w": 16, "h": 16, "x": -11794, "y": -2632, "r": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#9e9e9e", "v": "VariableID:VariableID:2611:57617", "token": { "cssVar": "--icon-default", "figmaName": "Color Type/Icon/Default", "variableId": "VariableID:2611:57617", "strategy": "normalized-variable-id" } } ], "strokes": [], "componentId": "1155:24553" } ] }, { "id": "5840:7165", "name": "↳ Description", "type": "TEXT", "visible": true, "opacity": 1, "w": 392, "h": 21, "x": -12170, "y": -2600, "r": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#9e9e9e", "v": "VariableID:VariableID:2611:57610", "token": { "cssVar": "--text-tips", "figmaName": "Color Type/Text/Tips", "variableId": "VariableID:2611:57610", "strategy": "normalized-variable-id" } } ], "strokes": [], "characters": "This is a sample notification message." } ] } ] }, { "id": "5840:7166", "name": "comfirm", "type": "FRAME", "visible": true, "opacity": 1, "w": 432, "h": 32, "x": -12210, "y": -2547, "r": null, "fills": [], "strokes": [], "children": [ { "id": "5840:7168", "name": "Button/dark M", "type": "INSTANCE", "visible": true, "opacity": 1, "w": 51, "h": 32, "x": -11829, "y": -2547, "r": 4, "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": [], "componentId": "314:47919" } ] } ], "description": null, "componentSetId": "1408:17154", "componentPropertyReferences": null }, { "id": "5841:7158", "name": "theme=light, form=alert, type=success", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 153, "w": 480, "x": -11709, "y": -2652, "pH": 24, "pV": 16, "pR": 24, "pB": 16, "gap": 32, "r": 6, "layoutMode": "VERTICAL", "layoutSizingHorizontal": "FIXED", "layoutSizingVertical": "HUG", "primaryAxisSizingMode": null, "counterAxisSizingMode": "FIXED", "subnodeCount": 2, "primaryAxisAlignItems": null, "counterAxisAlignItems": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#f8f8f8", "v": "VariableID:VariableID:2611:57620", "token": { "cssVar": "--bg-layer2", "figmaName": "Color Type/Background/Layer_2", "variableId": "VariableID:2611:57620", "strategy": "normalized-variable-id" } } ], "strokes": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#cccccc", "v": "VariableID:VariableID:2611:57630", "token": { "cssVar": "--line-light", "figmaName": "Color Type/Line/Light Divider", "variableId": "VariableID:2611:57630", "strategy": "normalized-variable-id" } } ], "strokeWeight": 1.2000000476837158, "effects": [ { "type": "DROP_SHADOW", "visible": true, "radius": 48, "spread": 16, "blendMode": "NORMAL", "offset": { "x": 0, "y": 12 }, "color": { "hex": "#000000", "opacity": 0.029999999329447746 } }, { "type": "DROP_SHADOW", "visible": true, "radius": 28, "spread": null, "blendMode": "NORMAL", "offset": { "x": 0, "y": 9 }, "color": { "hex": "#000000", "opacity": 0.05000000074505806 } }, { "type": "DROP_SHADOW", "visible": true, "radius": 16, "spread": -8, "blendMode": "NORMAL", "offset": { "x": 0, "y": 6 }, "color": { "hex": "#000000", "opacity": 0.07999999821186066 } } ], "text": { "characters": "Notification title", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "size": 16, "fontFamily": "Roboto", "fontWeight": 600, "lineHeightPx": 24, "letterSpacing": 0, "textCase": null, "textDecoration": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#141414", "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": [ "I5841:7160;1517:28928", "I5841:7160;1517:29808", "I5841:7164;1480:73575", "I5841:7164;1480:73576", "I5841:7164;1480:74296" ], "children": [ { "id": "5841:7159", "name": "Notification_content", "type": "SLOT", "visible": true, "opacity": 1, "w": 432, "h": 57, "x": -11685, "y": -2636, "r": null, "fills": [], "strokes": [], "children": [ { "id": "5841:7160", "name": "icon/Message/Success 2", "type": "INSTANCE", "visible": true, "opacity": 1, "w": 24, "h": 24, "x": -11685, "y": -2636, "r": 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": [], "componentId": "1168:20881" }, { "id": "5841:7161", "name": "content", "type": "FRAME", "visible": true, "opacity": 1, "w": 392, "h": 57, "x": -11645, "y": -2636, "r": null, "fills": [], "strokes": [], "children": [ { "id": "5841:7162", "name": "title", "type": "FRAME", "visible": true, "opacity": 1, "w": 392, "h": 24, "x": -11645, "y": -2636, "r": null, "fills": [], "strokes": [], "children": [ { "id": "5841:7163", "name": "Title", "type": "TEXT", "visible": true, "opacity": 1, "w": 360, "h": 24, "x": -11645, "y": -2636, "r": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#141414", "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": "Notification title" }, { "id": "5841:7164", "name": "icon/Edit/Close", "type": "INSTANCE", "visible": true, "opacity": 1, "w": 16, "h": 16, "x": -11269, "y": -2632, "r": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#595959", "v": "VariableID:VariableID:2611:57617", "token": { "cssVar": "--icon-default", "figmaName": "Color Type/Icon/Default", "variableId": "VariableID:2611:57617", "strategy": "normalized-variable-id" } } ], "strokes": [], "componentId": "1155:24553" } ] }, { "id": "5841:7165", "name": "↳ Description", "type": "TEXT", "visible": true, "opacity": 1, "w": 392, "h": 21, "x": -11645, "y": -2600, "r": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#595959", "v": "VariableID:VariableID:2611:57610", "token": { "cssVar": "--text-tips", "figmaName": "Color Type/Text/Tips", "variableId": "VariableID:2611:57610", "strategy": "normalized-variable-id" } } ], "strokes": [], "characters": "This is a sample notification message." } ] } ] }, { "id": "5841:7166", "name": "comfirm", "type": "FRAME", "visible": true, "opacity": 1, "w": 432, "h": 32, "x": -11685, "y": -2547, "r": null, "fills": [], "strokes": [], "children": [ { "id": "5841:7168", "name": "Button/light M", "type": "INSTANCE", "visible": true, "opacity": 1, "w": 51, "h": 32, "x": -11304, "y": -2547, "r": 4, "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": [], "componentId": "314:46878" } ] } ], "description": null, "componentSetId": "1408:17154", "componentPropertyReferences": null }, { "id": "5840:7089", "name": "theme=dark, form=alert, type=info", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 153, "w": 480, "x": -12234, "y": -2459, "pH": 24, "pV": 16, "pR": 24, "pB": 16, "gap": 32, "r": 6, "layoutMode": "VERTICAL", "layoutSizingHorizontal": "FIXED", "layoutSizingVertical": "HUG", "primaryAxisSizingMode": null, "counterAxisSizingMode": "FIXED", "subnodeCount": 2, "primaryAxisAlignItems": null, "counterAxisAlignItems": null, "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": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#434343", "v": "VariableID:VariableID:2611:57630", "token": { "cssVar": "--line-light", "figmaName": "Color Type/Line/Light Divider", "variableId": "VariableID:2611:57630", "strategy": "normalized-variable-id" } } ], "strokeWeight": 1.2000000476837158, "effects": [ { "type": "DROP_SHADOW", "visible": true, "radius": 48, "spread": 16, "blendMode": "NORMAL", "offset": { "x": 0, "y": 12 }, "color": { "hex": "#000000", "opacity": 0.029999999329447746 } }, { "type": "DROP_SHADOW", "visible": true, "radius": 28, "spread": null, "blendMode": "NORMAL", "offset": { "x": 0, "y": 9 }, "color": { "hex": "#000000", "opacity": 0.05000000074505806 } }, { "type": "DROP_SHADOW", "visible": true, "radius": 16, "spread": -8, "blendMode": "NORMAL", "offset": { "x": 0, "y": 6 }, "color": { "hex": "#000000", "opacity": 0.07999999821186066 } } ], "text": { "characters": "Notification title", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "size": 16, "fontFamily": "Roboto", "fontWeight": 600, "lineHeightPx": 24, "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": [ "I5840:7091;1517:27670", "I5840:7095;1480:73575", "I5840:7095;1480:73576", "I5840:7095;1480:74296" ], "children": [ { "id": "5840:7090", "name": "Notification_content", "type": "SLOT", "visible": true, "opacity": 1, "w": 432, "h": 57, "x": -12210, "y": -2443, "r": null, "fills": [], "strokes": [], "children": [ { "id": "5840:7091", "name": "icon/Message/Info 2", "type": "INSTANCE", "visible": true, "opacity": 1, "w": 24, "h": 24, "x": -12210, "y": -2443, "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": [], "componentId": "1168:23690" }, { "id": "5840:7092", "name": "content", "type": "FRAME", "visible": true, "opacity": 1, "w": 392, "h": 57, "x": -12170, "y": -2443, "r": null, "fills": [], "strokes": [], "children": [ { "id": "5840:7093", "name": "title", "type": "FRAME", "visible": true, "opacity": 1, "w": 392, "h": 24, "x": -12170, "y": -2443, "r": null, "fills": [], "strokes": [], "children": [ { "id": "5840:7094", "name": "Title", "type": "TEXT", "visible": true, "opacity": 1, "w": 360, "h": 24, "x": -12170, "y": -2443, "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": "Notification title" }, { "id": "5840:7095", "name": "icon/Edit/Close", "type": "INSTANCE", "visible": true, "opacity": 1, "w": 16, "h": 16, "x": -11794, "y": -2439, "r": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#9e9e9e", "v": "VariableID:VariableID:2611:57617", "token": { "cssVar": "--icon-default", "figmaName": "Color Type/Icon/Default", "variableId": "VariableID:2611:57617", "strategy": "normalized-variable-id" } } ], "strokes": [], "componentId": "1155:24553" } ] }, { "id": "5840:7096", "name": "↳ Description", "type": "TEXT", "visible": true, "opacity": 1, "w": 392, "h": 21, "x": -12170, "y": -2407, "r": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#9e9e9e", "v": "VariableID:VariableID:2611:57610", "token": { "cssVar": "--text-tips", "figmaName": "Color Type/Text/Tips", "variableId": "VariableID:2611:57610", "strategy": "normalized-variable-id" } } ], "strokes": [], "characters": "This is a sample notification message." } ] } ] }, { "id": "5840:7097", "name": "comfirm", "type": "FRAME", "visible": true, "opacity": 1, "w": 432, "h": 32, "x": -12210, "y": -2354, "r": null, "fills": [], "strokes": [], "children": [ { "id": "5840:7099", "name": "Button/dark M", "type": "INSTANCE", "visible": true, "opacity": 1, "w": 51, "h": 32, "x": -11829, "y": -2354, "r": 4, "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": [], "componentId": "314:47919" } ] } ], "description": null, "componentSetId": "1408:17154", "componentPropertyReferences": null }, { "id": "5841:7089", "name": "theme=light, form=alert, type=info", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 153, "w": 480, "x": -11709, "y": -2459, "pH": 24, "pV": 16, "pR": 24, "pB": 16, "gap": 32, "r": 6, "layoutMode": "VERTICAL", "layoutSizingHorizontal": "FIXED", "layoutSizingVertical": "HUG", "primaryAxisSizingMode": null, "counterAxisSizingMode": "FIXED", "subnodeCount": 2, "primaryAxisAlignItems": null, "counterAxisAlignItems": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#f8f8f8", "v": "VariableID:VariableID:2611:57620", "token": { "cssVar": "--bg-layer2", "figmaName": "Color Type/Background/Layer_2", "variableId": "VariableID:2611:57620", "strategy": "normalized-variable-id" } } ], "strokes": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#cccccc", "v": "VariableID:VariableID:2611:57630", "token": { "cssVar": "--line-light", "figmaName": "Color Type/Line/Light Divider", "variableId": "VariableID:2611:57630", "strategy": "normalized-variable-id" } } ], "strokeWeight": 1.2000000476837158, "effects": [ { "type": "DROP_SHADOW", "visible": true, "radius": 48, "spread": 16, "blendMode": "NORMAL", "offset": { "x": 0, "y": 12 }, "color": { "hex": "#000000", "opacity": 0.029999999329447746 } }, { "type": "DROP_SHADOW", "visible": true, "radius": 28, "spread": null, "blendMode": "NORMAL", "offset": { "x": 0, "y": 9 }, "color": { "hex": "#000000", "opacity": 0.05000000074505806 } }, { "type": "DROP_SHADOW", "visible": true, "radius": 16, "spread": -8, "blendMode": "NORMAL", "offset": { "x": 0, "y": 6 }, "color": { "hex": "#000000", "opacity": 0.07999999821186066 } } ], "text": { "characters": "Notification title", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "size": 16, "fontFamily": "Roboto", "fontWeight": 600, "lineHeightPx": 24, "letterSpacing": 0, "textCase": null, "textDecoration": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#141414", "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": [ "I5841:7091;1517:27670", "I5841:7095;1480:73575", "I5841:7095;1480:73576", "I5841:7095;1480:74296" ], "children": [ { "id": "5841:7090", "name": "Notification_content", "type": "SLOT", "visible": true, "opacity": 1, "w": 432, "h": 57, "x": -11685, "y": -2443, "r": null, "fills": [], "strokes": [], "children": [ { "id": "5841:7091", "name": "icon/Message/Info 2", "type": "INSTANCE", "visible": true, "opacity": 1, "w": 24, "h": 24, "x": -11685, "y": -2443, "r": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#0473d5", "v": "VariableID:VariableID:1671:114779", "token": { "cssVar": "--blue", "figmaName": "UX/Blue/Default", "variableId": "VariableID:1671:114779", "strategy": "normalized-variable-id" } } ], "strokes": [], "componentId": "1168:23690" }, { "id": "5841:7092", "name": "content", "type": "FRAME", "visible": true, "opacity": 1, "w": 392, "h": 57, "x": -11645, "y": -2443, "r": null, "fills": [], "strokes": [], "children": [ { "id": "5841:7093", "name": "title", "type": "FRAME", "visible": true, "opacity": 1, "w": 392, "h": 24, "x": -11645, "y": -2443, "r": null, "fills": [], "strokes": [], "children": [ { "id": "5841:7094", "name": "Title", "type": "TEXT", "visible": true, "opacity": 1, "w": 360, "h": 24, "x": -11645, "y": -2443, "r": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#141414", "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": "Notification title" }, { "id": "5841:7095", "name": "icon/Edit/Close", "type": "INSTANCE", "visible": true, "opacity": 1, "w": 16, "h": 16, "x": -11269, "y": -2439, "r": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#595959", "v": "VariableID:VariableID:2611:57617", "token": { "cssVar": "--icon-default", "figmaName": "Color Type/Icon/Default", "variableId": "VariableID:2611:57617", "strategy": "normalized-variable-id" } } ], "strokes": [], "componentId": "1155:24553" } ] }, { "id": "5841:7096", "name": "↳ Description", "type": "TEXT", "visible": true, "opacity": 1, "w": 392, "h": 21, "x": -11645, "y": -2407, "r": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#595959", "v": "VariableID:VariableID:2611:57610", "token": { "cssVar": "--text-tips", "figmaName": "Color Type/Text/Tips", "variableId": "VariableID:2611:57610", "strategy": "normalized-variable-id" } } ], "strokes": [], "characters": "This is a sample notification message." } ] } ] }, { "id": "5841:7097", "name": "comfirm", "type": "FRAME", "visible": true, "opacity": 1, "w": 432, "h": 32, "x": -11685, "y": -2354, "r": null, "fills": [], "strokes": [], "children": [ { "id": "5841:7099", "name": "Button/light M", "type": "INSTANCE", "visible": true, "opacity": 1, "w": 51, "h": 32, "x": -11304, "y": -2354, "r": 4, "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": [], "componentId": "314:46878" } ] } ], "description": null, "componentSetId": "1408:17154", "componentPropertyReferences": null }, { "id": "5840:7112", "name": "theme=dark, form=alert, type=warning", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 153, "w": 480, "x": -12234, "y": -2266, "pH": 24, "pV": 16, "pR": 24, "pB": 16, "gap": 32, "r": 6, "layoutMode": "VERTICAL", "layoutSizingHorizontal": "FIXED", "layoutSizingVertical": "HUG", "primaryAxisSizingMode": null, "counterAxisSizingMode": "FIXED", "subnodeCount": 2, "primaryAxisAlignItems": null, "counterAxisAlignItems": null, "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": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#434343", "v": "VariableID:VariableID:2611:57630", "token": { "cssVar": "--line-light", "figmaName": "Color Type/Line/Light Divider", "variableId": "VariableID:2611:57630", "strategy": "normalized-variable-id" } } ], "strokeWeight": 1.2000000476837158, "effects": [ { "type": "DROP_SHADOW", "visible": true, "radius": 48, "spread": 16, "blendMode": "NORMAL", "offset": { "x": 0, "y": 12 }, "color": { "hex": "#000000", "opacity": 0.029999999329447746 } }, { "type": "DROP_SHADOW", "visible": true, "radius": 28, "spread": null, "blendMode": "NORMAL", "offset": { "x": 0, "y": 9 }, "color": { "hex": "#000000", "opacity": 0.05000000074505806 } }, { "type": "DROP_SHADOW", "visible": true, "radius": 16, "spread": -8, "blendMode": "NORMAL", "offset": { "x": 0, "y": 6 }, "color": { "hex": "#000000", "opacity": 0.07999999821186066 } } ], "text": { "characters": "Notification title", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "size": 16, "fontFamily": "Roboto", "fontWeight": 600, "lineHeightPx": 24, "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": [ "I5840:7114;1517:27746", "I5840:7114;1538:130", "I5840:7118;1480:73575", "I5840:7118;1480:73576", "I5840:7118;1480:74296" ], "children": [ { "id": "5840:7113", "name": "Notification_content", "type": "SLOT", "visible": true, "opacity": 1, "w": 432, "h": 57, "x": -12210, "y": -2250, "r": null, "fills": [], "strokes": [], "children": [ { "id": "5840:7114", "name": "icon/Message/warning 2", "type": "INSTANCE", "visible": true, "opacity": 1, "w": 24, "h": 24, "x": -12210, "y": -2250, "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": [], "componentId": "1517:27744" }, { "id": "5840:7115", "name": "content", "type": "FRAME", "visible": true, "opacity": 1, "w": 392, "h": 57, "x": -12170, "y": -2250, "r": null, "fills": [], "strokes": [], "children": [ { "id": "5840:7116", "name": "title", "type": "FRAME", "visible": true, "opacity": 1, "w": 392, "h": 24, "x": -12170, "y": -2250, "r": null, "fills": [], "strokes": [], "children": [ { "id": "5840:7117", "name": "Title", "type": "TEXT", "visible": true, "opacity": 1, "w": 360, "h": 24, "x": -12170, "y": -2250, "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": "Notification title" }, { "id": "5840:7118", "name": "icon/Edit/Close", "type": "INSTANCE", "visible": true, "opacity": 1, "w": 16, "h": 16, "x": -11794, "y": -2246, "r": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#9e9e9e", "v": "VariableID:VariableID:2611:57617", "token": { "cssVar": "--icon-default", "figmaName": "Color Type/Icon/Default", "variableId": "VariableID:2611:57617", "strategy": "normalized-variable-id" } } ], "strokes": [], "componentId": "1155:24553" } ] }, { "id": "5840:7119", "name": "↳ Description", "type": "TEXT", "visible": true, "opacity": 1, "w": 392, "h": 21, "x": -12170, "y": -2214, "r": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#9e9e9e", "v": "VariableID:VariableID:2611:57610", "token": { "cssVar": "--text-tips", "figmaName": "Color Type/Text/Tips", "variableId": "VariableID:2611:57610", "strategy": "normalized-variable-id" } } ], "strokes": [], "characters": "This is a sample notification message." } ] } ] }, { "id": "5840:7120", "name": "comfirm", "type": "FRAME", "visible": true, "opacity": 1, "w": 432, "h": 32, "x": -12210, "y": -2161, "r": null, "fills": [], "strokes": [], "children": [ { "id": "5840:7122", "name": "Button/dark M", "type": "INSTANCE", "visible": true, "opacity": 1, "w": 51, "h": 32, "x": -11829, "y": -2161, "r": 4, "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": [], "componentId": "314:47919" } ] } ], "description": null, "componentSetId": "1408:17154", "componentPropertyReferences": null }, { "id": "5841:7112", "name": "theme=light, form=alert, type=warning", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 153, "w": 480, "x": -11709, "y": -2266, "pH": 24, "pV": 16, "pR": 24, "pB": 16, "gap": 32, "r": 6, "layoutMode": "VERTICAL", "layoutSizingHorizontal": "FIXED", "layoutSizingVertical": "HUG", "primaryAxisSizingMode": null, "counterAxisSizingMode": "FIXED", "subnodeCount": 2, "primaryAxisAlignItems": null, "counterAxisAlignItems": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#f8f8f8", "v": "VariableID:VariableID:2611:57620", "token": { "cssVar": "--bg-layer2", "figmaName": "Color Type/Background/Layer_2", "variableId": "VariableID:2611:57620", "strategy": "normalized-variable-id" } } ], "strokes": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#cccccc", "v": "VariableID:VariableID:2611:57630", "token": { "cssVar": "--line-light", "figmaName": "Color Type/Line/Light Divider", "variableId": "VariableID:2611:57630", "strategy": "normalized-variable-id" } } ], "strokeWeight": 1.2000000476837158, "effects": [ { "type": "DROP_SHADOW", "visible": true, "radius": 48, "spread": 16, "blendMode": "NORMAL", "offset": { "x": 0, "y": 12 }, "color": { "hex": "#000000", "opacity": 0.029999999329447746 } }, { "type": "DROP_SHADOW", "visible": true, "radius": 28, "spread": null, "blendMode": "NORMAL", "offset": { "x": 0, "y": 9 }, "color": { "hex": "#000000", "opacity": 0.05000000074505806 } }, { "type": "DROP_SHADOW", "visible": true, "radius": 16, "spread": -8, "blendMode": "NORMAL", "offset": { "x": 0, "y": 6 }, "color": { "hex": "#000000", "opacity": 0.07999999821186066 } } ], "text": { "characters": "Notification title", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "size": 16, "fontFamily": "Roboto", "fontWeight": 600, "lineHeightPx": 24, "letterSpacing": 0, "textCase": null, "textDecoration": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#141414", "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": [ "I5841:7114;1517:27746", "I5841:7114;1538:130", "I5841:7118;1480:73575", "I5841:7118;1480:73576", "I5841:7118;1480:74296" ], "children": [ { "id": "5841:7113", "name": "Notification_content", "type": "SLOT", "visible": true, "opacity": 1, "w": 432, "h": 57, "x": -11685, "y": -2250, "r": null, "fills": [], "strokes": [], "children": [ { "id": "5841:7114", "name": "icon/Message/warning 2", "type": "INSTANCE", "visible": true, "opacity": 1, "w": 24, "h": 24, "x": -11685, "y": -2250, "r": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#e26601", "v": "VariableID:VariableID:1671:114765", "token": { "cssVar": "--orange", "figmaName": "UX/Orange/Default", "variableId": "VariableID:1671:114765", "strategy": "normalized-variable-id" } } ], "strokes": [], "componentId": "1517:27744" }, { "id": "5841:7115", "name": "content", "type": "FRAME", "visible": true, "opacity": 1, "w": 392, "h": 57, "x": -11645, "y": -2250, "r": null, "fills": [], "strokes": [], "children": [ { "id": "5841:7116", "name": "title", "type": "FRAME", "visible": true, "opacity": 1, "w": 392, "h": 24, "x": -11645, "y": -2250, "r": null, "fills": [], "strokes": [], "children": [ { "id": "5841:7117", "name": "Title", "type": "TEXT", "visible": true, "opacity": 1, "w": 360, "h": 24, "x": -11645, "y": -2250, "r": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#141414", "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": "Notification title" }, { "id": "5841:7118", "name": "icon/Edit/Close", "type": "INSTANCE", "visible": true, "opacity": 1, "w": 16, "h": 16, "x": -11269, "y": -2246, "r": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#595959", "v": "VariableID:VariableID:2611:57617", "token": { "cssVar": "--icon-default", "figmaName": "Color Type/Icon/Default", "variableId": "VariableID:2611:57617", "strategy": "normalized-variable-id" } } ], "strokes": [], "componentId": "1155:24553" } ] }, { "id": "5841:7119", "name": "↳ Description", "type": "TEXT", "visible": true, "opacity": 1, "w": 392, "h": 21, "x": -11645, "y": -2214, "r": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#595959", "v": "VariableID:VariableID:2611:57610", "token": { "cssVar": "--text-tips", "figmaName": "Color Type/Text/Tips", "variableId": "VariableID:2611:57610", "strategy": "normalized-variable-id" } } ], "strokes": [], "characters": "This is a sample notification message." } ] } ] }, { "id": "5841:7120", "name": "comfirm", "type": "FRAME", "visible": true, "opacity": 1, "w": 432, "h": 32, "x": -11685, "y": -2161, "r": null, "fills": [], "strokes": [], "children": [ { "id": "5841:7122", "name": "Button/light M", "type": "INSTANCE", "visible": true, "opacity": 1, "w": 51, "h": 32, "x": -11304, "y": -2161, "r": 4, "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": [], "componentId": "314:46878" } ] } ], "description": null, "componentSetId": "1408:17154", "componentPropertyReferences": null }, { "id": "5840:7135", "name": "theme=dark, form=alert, type=error", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 153, "w": 480, "x": -12234, "y": -2073, "pH": 24, "pV": 16, "pR": 24, "pB": 16, "gap": 32, "r": 6, "layoutMode": "VERTICAL", "layoutSizingHorizontal": "FIXED", "layoutSizingVertical": "HUG", "primaryAxisSizingMode": null, "counterAxisSizingMode": "FIXED", "subnodeCount": 2, "primaryAxisAlignItems": null, "counterAxisAlignItems": null, "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": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#434343", "v": "VariableID:VariableID:2611:57630", "token": { "cssVar": "--line-light", "figmaName": "Color Type/Line/Light Divider", "variableId": "VariableID:2611:57630", "strategy": "normalized-variable-id" } } ], "strokeWeight": 1.2000000476837158, "effects": [ { "type": "DROP_SHADOW", "visible": true, "radius": 48, "spread": 16, "blendMode": "NORMAL", "offset": { "x": 0, "y": 12 }, "color": { "hex": "#000000", "opacity": 0.029999999329447746 } }, { "type": "DROP_SHADOW", "visible": true, "radius": 28, "spread": null, "blendMode": "NORMAL", "offset": { "x": 0, "y": 9 }, "color": { "hex": "#000000", "opacity": 0.05000000074505806 } }, { "type": "DROP_SHADOW", "visible": true, "radius": 16, "spread": -8, "blendMode": "NORMAL", "offset": { "x": 0, "y": 6 }, "color": { "hex": "#000000", "opacity": 0.07999999821186066 } } ], "text": { "characters": "Notification title", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "size": 16, "fontFamily": "Roboto", "fontWeight": 600, "lineHeightPx": 24, "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": [ "I5840:7137;1544:33368", "I5840:7141;1480:73575", "I5840:7141;1480:73576", "I5840:7141;1480:74296" ], "children": [ { "id": "5840:7136", "name": "Notification_content", "type": "SLOT", "visible": true, "opacity": 1, "w": 432, "h": 57, "x": -12210, "y": -2057, "r": null, "fills": [], "strokes": [], "children": [ { "id": "5840:7137", "name": "icon/Message/Error 2", "type": "INSTANCE", "visible": true, "opacity": 1, "w": 24, "h": 24, "x": -12210, "y": -2057, "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": [], "componentId": "1168:23569" }, { "id": "5840:7138", "name": "content", "type": "FRAME", "visible": true, "opacity": 1, "w": 392, "h": 57, "x": -12170, "y": -2057, "r": null, "fills": [], "strokes": [], "children": [ { "id": "5840:7139", "name": "title", "type": "FRAME", "visible": true, "opacity": 1, "w": 392, "h": 24, "x": -12170, "y": -2057, "r": null, "fills": [], "strokes": [], "children": [ { "id": "5840:7140", "name": "Title", "type": "TEXT", "visible": true, "opacity": 1, "w": 360, "h": 24, "x": -12170, "y": -2057, "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": "Notification title" }, { "id": "5840:7141", "name": "icon/Edit/Close", "type": "INSTANCE", "visible": true, "opacity": 1, "w": 16, "h": 16, "x": -11794, "y": -2053, "r": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#9e9e9e", "v": "VariableID:VariableID:2611:57617", "token": { "cssVar": "--icon-default", "figmaName": "Color Type/Icon/Default", "variableId": "VariableID:2611:57617", "strategy": "normalized-variable-id" } } ], "strokes": [], "componentId": "1155:24553" } ] }, { "id": "5840:7142", "name": "↳ Description", "type": "TEXT", "visible": true, "opacity": 1, "w": 392, "h": 21, "x": -12170, "y": -2021, "r": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#9e9e9e", "v": "VariableID:VariableID:2611:57610", "token": { "cssVar": "--text-tips", "figmaName": "Color Type/Text/Tips", "variableId": "VariableID:2611:57610", "strategy": "normalized-variable-id" } } ], "strokes": [], "characters": "This is a sample notification message." } ] } ] }, { "id": "5840:7143", "name": "comfirm", "type": "FRAME", "visible": true, "opacity": 1, "w": 432, "h": 32, "x": -12210, "y": -1968, "r": null, "fills": [], "strokes": [], "children": [ { "id": "5840:7145", "name": "Button/dark M", "type": "INSTANCE", "visible": true, "opacity": 1, "w": 51, "h": 32, "x": -11829, "y": -1968, "r": 4, "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": [], "componentId": "314:47919" } ] } ], "description": null, "componentSetId": "1408:17154", "componentPropertyReferences": null }, { "id": "5841:7135", "name": "theme=light, form=alert, type=error", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 153, "w": 480, "x": -11709, "y": -2073, "pH": 24, "pV": 16, "pR": 24, "pB": 16, "gap": 32, "r": 6, "layoutMode": "VERTICAL", "layoutSizingHorizontal": "FIXED", "layoutSizingVertical": "HUG", "primaryAxisSizingMode": null, "counterAxisSizingMode": "FIXED", "subnodeCount": 2, "primaryAxisAlignItems": null, "counterAxisAlignItems": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#f8f8f8", "v": "VariableID:VariableID:2611:57620", "token": { "cssVar": "--bg-layer2", "figmaName": "Color Type/Background/Layer_2", "variableId": "VariableID:2611:57620", "strategy": "normalized-variable-id" } } ], "strokes": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#cccccc", "v": "VariableID:VariableID:2611:57630", "token": { "cssVar": "--line-light", "figmaName": "Color Type/Line/Light Divider", "variableId": "VariableID:2611:57630", "strategy": "normalized-variable-id" } } ], "strokeWeight": 1.2000000476837158, "effects": [ { "type": "DROP_SHADOW", "visible": true, "radius": 48, "spread": 16, "blendMode": "NORMAL", "offset": { "x": 0, "y": 12 }, "color": { "hex": "#000000", "opacity": 0.029999999329447746 } }, { "type": "DROP_SHADOW", "visible": true, "radius": 28, "spread": null, "blendMode": "NORMAL", "offset": { "x": 0, "y": 9 }, "color": { "hex": "#000000", "opacity": 0.05000000074505806 } }, { "type": "DROP_SHADOW", "visible": true, "radius": 16, "spread": -8, "blendMode": "NORMAL", "offset": { "x": 0, "y": 6 }, "color": { "hex": "#000000", "opacity": 0.07999999821186066 } } ], "text": { "characters": "Notification title", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "size": 16, "fontFamily": "Roboto", "fontWeight": 600, "lineHeightPx": 24, "letterSpacing": 0, "textCase": null, "textDecoration": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#141414", "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": [ "I5841:7137;1544:33368", "I5841:7141;1480:73575", "I5841:7141;1480:73576", "I5841:7141;1480:74296" ], "children": [ { "id": "5841:7136", "name": "Notification_content", "type": "SLOT", "visible": true, "opacity": 1, "w": 432, "h": 57, "x": -11685, "y": -2057, "r": null, "fills": [], "strokes": [], "children": [ { "id": "5841:7137", "name": "icon/Message/Error 2", "type": "INSTANCE", "visible": true, "opacity": 1, "w": 24, "h": 24, "x": -11685, "y": -2057, "r": null, "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": [], "componentId": "1168:23569" }, { "id": "5841:7138", "name": "content", "type": "FRAME", "visible": true, "opacity": 1, "w": 392, "h": 57, "x": -11645, "y": -2057, "r": null, "fills": [], "strokes": [], "children": [ { "id": "5841:7139", "name": "title", "type": "FRAME", "visible": true, "opacity": 1, "w": 392, "h": 24, "x": -11645, "y": -2057, "r": null, "fills": [], "strokes": [], "children": [ { "id": "5841:7140", "name": "Title", "type": "TEXT", "visible": true, "opacity": 1, "w": 360, "h": 24, "x": -11645, "y": -2057, "r": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#141414", "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": "Notification title" }, { "id": "5841:7141", "name": "icon/Edit/Close", "type": "INSTANCE", "visible": true, "opacity": 1, "w": 16, "h": 16, "x": -11269, "y": -2053, "r": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#595959", "v": "VariableID:VariableID:2611:57617", "token": { "cssVar": "--icon-default", "figmaName": "Color Type/Icon/Default", "variableId": "VariableID:2611:57617", "strategy": "normalized-variable-id" } } ], "strokes": [], "componentId": "1155:24553" } ] }, { "id": "5841:7142", "name": "↳ Description", "type": "TEXT", "visible": true, "opacity": 1, "w": 392, "h": 21, "x": -11645, "y": -2021, "r": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#595959", "v": "VariableID:VariableID:2611:57610", "token": { "cssVar": "--text-tips", "figmaName": "Color Type/Text/Tips", "variableId": "VariableID:2611:57610", "strategy": "normalized-variable-id" } } ], "strokes": [], "characters": "This is a sample notification message." } ] } ] }, { "id": "5841:7143", "name": "comfirm", "type": "FRAME", "visible": true, "opacity": 1, "w": 432, "h": 32, "x": -11685, "y": -1968, "r": null, "fills": [], "strokes": [], "children": [ { "id": "5841:7145", "name": "Button/light M", "type": "INSTANCE", "visible": true, "opacity": 1, "w": 51, "h": 32, "x": -11304, "y": -1968, "r": 4, "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": [], "componentId": "314:46878" } ] } ], "description": null, "componentSetId": "1408:17154", "componentPropertyReferences": null }, { "id": "5840:7185", "name": "theme=dark, form=alert, type=default", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 153, "w": 480, "x": -12234, "y": -1880, "pH": 24, "pV": 16, "pR": 24, "pB": 16, "gap": 32, "r": 6, "layoutMode": "VERTICAL", "layoutSizingHorizontal": "FIXED", "layoutSizingVertical": "HUG", "primaryAxisSizingMode": null, "counterAxisSizingMode": "FIXED", "subnodeCount": 2, "primaryAxisAlignItems": null, "counterAxisAlignItems": null, "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": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#434343", "v": "VariableID:VariableID:2611:57630", "token": { "cssVar": "--line-light", "figmaName": "Color Type/Line/Light Divider", "variableId": "VariableID:2611:57630", "strategy": "normalized-variable-id" } } ], "strokeWeight": 1.2000000476837158, "effects": [ { "type": "DROP_SHADOW", "visible": true, "radius": 48, "spread": 16, "blendMode": "NORMAL", "offset": { "x": 0, "y": 12 }, "color": { "hex": "#000000", "opacity": 0.029999999329447746 } }, { "type": "DROP_SHADOW", "visible": true, "radius": 28, "spread": null, "blendMode": "NORMAL", "offset": { "x": 0, "y": 9 }, "color": { "hex": "#000000", "opacity": 0.05000000074505806 } }, { "type": "DROP_SHADOW", "visible": true, "radius": 16, "spread": -8, "blendMode": "NORMAL", "offset": { "x": 0, "y": 6 }, "color": { "hex": "#000000", "opacity": 0.07999999821186066 } } ], "text": { "characters": "Notification title", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "size": 16, "fontFamily": "Roboto", "fontWeight": 600, "lineHeightPx": 24, "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": [ "I5840:7191;1480:73575", "I5840:7191;1480:73576", "I5840:7191;1480:74296" ], "children": [ { "id": "5840:7186", "name": "Notification_content", "type": "SLOT", "visible": true, "opacity": 1, "w": 432, "h": 57, "x": -12210, "y": -1864, "r": null, "fills": [], "strokes": [], "children": [ { "id": "5840:7188", "name": "content", "type": "FRAME", "visible": true, "opacity": 1, "w": 432, "h": 57, "x": -12210, "y": -1864, "r": null, "fills": [], "strokes": [], "children": [ { "id": "5840:7189", "name": "title", "type": "FRAME", "visible": true, "opacity": 1, "w": 432, "h": 24, "x": -12210, "y": -1864, "r": null, "fills": [], "strokes": [], "children": [ { "id": "5840:7190", "name": "Title", "type": "TEXT", "visible": true, "opacity": 1, "w": 400, "h": 24, "x": -12210, "y": -1864, "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": "Notification title" }, { "id": "5840:7191", "name": "icon/Edit/Close", "type": "INSTANCE", "visible": true, "opacity": 1, "w": 16, "h": 16, "x": -11794, "y": -1860, "r": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#9e9e9e", "v": "VariableID:VariableID:2611:57617", "token": { "cssVar": "--icon-default", "figmaName": "Color Type/Icon/Default", "variableId": "VariableID:2611:57617", "strategy": "normalized-variable-id" } } ], "strokes": [], "componentId": "1155:24553" } ] }, { "id": "5840:7192", "name": "↳ Description", "type": "TEXT", "visible": true, "opacity": 1, "w": 432, "h": 21, "x": -12210, "y": -1828, "r": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#9e9e9e", "v": "VariableID:VariableID:2611:57610", "token": { "cssVar": "--text-tips", "figmaName": "Color Type/Text/Tips", "variableId": "VariableID:2611:57610", "strategy": "normalized-variable-id" } } ], "strokes": [], "characters": "This is a sample notification message." } ] } ] }, { "id": "5840:7193", "name": "comfirm", "type": "FRAME", "visible": true, "opacity": 1, "w": 432, "h": 32, "x": -12210, "y": -1775, "r": null, "fills": [], "strokes": [], "children": [ { "id": "5840:7195", "name": "Button/dark M", "type": "INSTANCE", "visible": true, "opacity": 1, "w": 51, "h": 32, "x": -11829, "y": -1775, "r": 4, "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": [], "componentId": "314:47919" } ] } ], "description": null, "componentSetId": "1408:17154", "componentPropertyReferences": null }, { "id": "5841:7181", "name": "theme=light, form=alert, type=default", "type": "COMPONENT", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "h": 153, "w": 480, "x": -11709, "y": -1880, "pH": 24, "pV": 16, "pR": 24, "pB": 16, "gap": 32, "r": 6, "layoutMode": "VERTICAL", "layoutSizingHorizontal": "FIXED", "layoutSizingVertical": "HUG", "primaryAxisSizingMode": null, "counterAxisSizingMode": "FIXED", "subnodeCount": 2, "primaryAxisAlignItems": null, "counterAxisAlignItems": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#f8f8f8", "v": "VariableID:VariableID:2611:57620", "token": { "cssVar": "--bg-layer2", "figmaName": "Color Type/Background/Layer_2", "variableId": "VariableID:2611:57620", "strategy": "normalized-variable-id" } } ], "strokes": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#cccccc", "v": "VariableID:VariableID:2611:57630", "token": { "cssVar": "--line-light", "figmaName": "Color Type/Line/Light Divider", "variableId": "VariableID:2611:57630", "strategy": "normalized-variable-id" } } ], "strokeWeight": 1.2000000476837158, "effects": [ { "type": "DROP_SHADOW", "visible": true, "radius": 48, "spread": 16, "blendMode": "NORMAL", "offset": { "x": 0, "y": 12 }, "color": { "hex": "#000000", "opacity": 0.029999999329447746 } }, { "type": "DROP_SHADOW", "visible": true, "radius": 28, "spread": null, "blendMode": "NORMAL", "offset": { "x": 0, "y": 9 }, "color": { "hex": "#000000", "opacity": 0.05000000074505806 } }, { "type": "DROP_SHADOW", "visible": true, "radius": 16, "spread": -8, "blendMode": "NORMAL", "offset": { "x": 0, "y": 6 }, "color": { "hex": "#000000", "opacity": 0.07999999821186066 } } ], "text": { "characters": "Notification title", "visible": true, "opacity": 1, "blendMode": "PASS_THROUGH", "size": 16, "fontFamily": "Roboto", "fontWeight": 600, "lineHeightPx": 24, "letterSpacing": 0, "textCase": null, "textDecoration": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#141414", "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": [ "I5841:7187;1480:73575", "I5841:7187;1480:73576", "I5841:7187;1480:74296" ], "children": [ { "id": "5841:7182", "name": "Notification_content", "type": "SLOT", "visible": true, "opacity": 1, "w": 432, "h": 57, "x": -11685, "y": -1864, "r": null, "fills": [], "strokes": [], "children": [ { "id": "5841:7184", "name": "content", "type": "FRAME", "visible": true, "opacity": 1, "w": 392, "h": 57, "x": -11685, "y": -1864, "r": null, "fills": [], "strokes": [], "children": [ { "id": "5841:7185", "name": "title", "type": "FRAME", "visible": true, "opacity": 1, "w": 392, "h": 24, "x": -11685, "y": -1864, "r": null, "fills": [], "strokes": [], "children": [ { "id": "5841:7186", "name": "Title", "type": "TEXT", "visible": true, "opacity": 1, "w": 360, "h": 24, "x": -11685, "y": -1864, "r": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#141414", "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": "Notification title" }, { "id": "5841:7187", "name": "icon/Edit/Close", "type": "INSTANCE", "visible": true, "opacity": 1, "w": 16, "h": 16, "x": -11309, "y": -1860, "r": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#595959", "v": "VariableID:VariableID:2611:57617", "token": { "cssVar": "--icon-default", "figmaName": "Color Type/Icon/Default", "variableId": "VariableID:2611:57617", "strategy": "normalized-variable-id" } } ], "strokes": [], "componentId": "1155:24553" } ] }, { "id": "5841:7188", "name": "↳ Description", "type": "TEXT", "visible": true, "opacity": 1, "w": 392, "h": 21, "x": -11685, "y": -1828, "r": null, "fills": [ { "type": "SOLID", "visible": true, "opacity": 1, "blendMode": "NORMAL", "hex": "#595959", "v": "VariableID:VariableID:2611:57610", "token": { "cssVar": "--text-tips", "figmaName": "Color Type/Text/Tips", "variableId": "VariableID:2611:57610", "strategy": "normalized-variable-id" } } ], "strokes": [], "characters": "This is a sample notification message." } ] } ] }, { "id": "5841:7189", "name": "comfirm", "type": "FRAME", "visible": true, "opacity": 1, "w": 432, "h": 32, "x": -11685, "y": -1775, "r": null, "fills": [], "strokes": [], "children": [ { "id": "5841:7191", "name": "Button/light M", "type": "INSTANCE", "visible": true, "opacity": 1, "w": 51, "h": 32, "x": -11304, "y": -1775, "r": 4, "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": [], "componentId": "314:46878" } ] } ], "description": null, "componentSetId": "1408:17154", "componentPropertyReferences": null } ], "tokenizedAt": "2026-06-12T03:57:23.189Z", "tokenizationStrategy": "variable-id-first-then-hex-fallback", "source": { "sourceLayer": "figma-data/raw/components", "sourceFile": "figma-data/raw/components/notification__1408_17154.json", "rawExtractedAt": "2026-06-12T03:56:51.349Z", "rawNodeId": "1408:17154", "rawSha256": "fd9e6680dc530e9700ffd04ff33bed83acf643113bf4bc709a44cd45f031865c" } }