zem

[ { "name": "Button", "propertyDescriptors": [ { "id": "5fdd6c74f4da870b63352c04", "name": "Type", "values": [ "error", "default" ] }, { "id": "5fdd6c74f4da870b63352c05", "name": "Ghost", "values": [ "yes", "no" ] }, { "id": "5fdd6c74f4da870b63352c06", "name": "State", "values": [ "disabled", "default", "hover" ] } ], "components": [ { "id": "5fdd6c7513adb90b6a199307", "name": "Button / error / yes / default", "latestVersion": { "snapshot": { "assets": [], "source": "figma", "height": 34, "layers": [ { "name": "Button bg", "rect": { "y": 0, "x": 0, "width": 56, "height": 34 }, "rotation": 0, "layers": [ { "shadows": [], "name": "Button Text", "rotation": 0, "blendMode": "normal", "content": "Button", "type": "text", "opacity": 1, "sourceId": "140:8", "fills": [], "textStyles": [ { "range": { "location": 0, "length": 6 }, "style": { "fontSize": 12, "letterSpacing": 0, "fontFace": "Roboto-Regular", "textAlign": "left", "color": { "r": 235, "b": 21, "g": 21, "a": 1 } } } ], "exportable": false, "borders": [], "borderRadius": 0, "rect": { "y": 10, "x": 10, "width": 36, "height": 14 }, "_id": "5fdd6c7513adb90b6a19930b", "absoluteRect": { "x": 10, "y": 10, "width": 36, "height": 14 } } ], "blendMode": "normal", "interactionLevel": "bottom", "type": "group", "opacity": 1, "sourceId": "140:7", "fills": [], "exportable": false, "borders": [ { "blendMode": "normal", "fillType": "color", "position": "inside", "thickness": 1, "opacity": 1, "color": { "r": 235, "b": 21, "g": 21, "a": 1 } } ], "borderRadius": 5, "shadows": [], "_id": "5fdd6c7513adb90b6a19930a", "absoluteRect": { "x": 0, "y": 0, "width": 56, "height": 34 } } ], "componentNames": [], "width": 56, "links": [], "densityScale": 1, "url": "https://placekitten.com/56/34" } }, "properties": [ { "id": "5fdd6c74f4da870b63352c04", "value": "error" }, { "id": "5fdd6c74f4da870b63352c05", "value": "yes" }, { "id": "5fdd6c74f4da870b63352c06", "value": "default" } ] }, { "id": "5fdd6c754cb3f47caf4b9ac3", "name": "Button / default / no / hover", "latestVersion": { "snapshot": { "assets": [], "source": "figma", "height": 34, "layers": [ { "name": "Button bg", "rect": { "y": 0, "x": 0, "width": 56, "height": 34 }, "rotation": 0, "layers": [ { "shadows": [], "name": "Button Text", "rotation": 0, "blendMode": "normal", "content": "Button", "type": "text", "opacity": 1, "sourceId": "140:32", "fills": [], "textStyles": [ { "range": { "location": 0, "length": 6 }, "style": { "fontSize": 12, "letterSpacing": 0, "fontFace": "Roboto-Regular", "textAlign": "left", "color": { "r": 255, "b": 255, "g": 255, "a": 1, "sourceId": "e5a911ed-3626-48ac-8c16-523b0edf0d42" } } } ], "exportable": false, "borders": [], "borderRadius": 0, "rect": { "y": 10, "x": 10, "width": 36, "height": 14 }, "_id": "5fdd6c754cb3f47caf4b9ac7", "absoluteRect": { "x": 10, "y": 10, "width": 36, "height": 14 } } ], "blendMode": "normal", "interactionLevel": "bottom", "type": "group", "opacity": 1, "sourceId": "140:31", "fills": [ { "color": { "r": 165, "b": 165, "g": 165, "a": 1 }, "fillType": "color", "blendMode": "normal", "opacity": 1 } ], "exportable": false, "borders": [ { "blendMode": "normal", "fillType": "color", "position": "inside", "thickness": 4, "opacity": 1, "color": { "r": 48, "b": 255, "g": 168, "a": 1 } } ], "borderRadius": 5, "shadows": [], "_id": "5fdd6c754cb3f47caf4b9ac6", "absoluteRect": { "x": 0, "y": 0, "width": 56, "height": 34 } } ], "componentNames": [], "width": 56, "links": [], "densityScale": 1, "url": "https://placekitten.com/56/34" } }, "properties": [ { "id": "5fdd6c74f4da870b63352c04", "value": "default" }, { "id": "5fdd6c74f4da870b63352c05", "value": "no" }, { "id": "5fdd6c74f4da870b63352c06", "value": "hover" } ] }, { "id": "5fdd6c754cb3f47caf4b9acc", "name": "Button / default / no / disabled", "latestVersion": { "snapshot": { "assets": [], "source": "figma", "height": 34, "layers": [ { "name": "Button bg", "rect": { "y": 0, "x": 0, "width": 56, "height": 34 }, "rotation": 0, "layers": [ { "shadows": [], "name": "Button Text", "rotation": 0, "blendMode": "normal", "content": "Button", "type": "text", "opacity": 1, "sourceId": "140:35", "fills": [], "textStyles": [ { "range": { "location": 0, "length": 6 }, "style": { "fontSize": 12, "letterSpacing": 0, "fontFace": "Roboto-Regular", "textAlign": "left", "color": { "r": 255, "b": 255, "g": 255, "a": 1, "sourceId": "e5a911ed-3626-48ac-8c16-523b0edf0d42" } } } ], "exportable": false, "borders": [], "borderRadius": 0, "rect": { "y": 10, "x": 10, "width": 36, "height": 14 }, "_id": "5fdd6c754cb3f47caf4b9ad0", "absoluteRect": { "x": 10, "y": 10, "width": 36, "height": 14 } } ], "blendMode": "normal", "interactionLevel": "bottom", "type": "group", "opacity": 1, "sourceId": "140:34", "fills": [ { "color": { "r": 165, "b": 165, "g": 165, "a": 0.5 }, "fillType": "color", "blendMode": "normal", "opacity": 1 } ], "exportable": false, "borders": [], "borderRadius": 5, "shadows": [], "_id": "5fdd6c754cb3f47caf4b9acf", "absoluteRect": { "x": 0, "y": 0, "width": 56, "height": 34 } } ], "componentNames": [], "width": 56, "links": [], "densityScale": 1, "url": "https://placekitten.com/56/34" } }, "properties": [ { "id": "5fdd6c74f4da870b63352c04", "value": "default" }, { "id": "5fdd6c74f4da870b63352c05", "value": "no" }, { "id": "5fdd6c74f4da870b63352c06", "value": "disabled" } ] }, { "id": "5fdd6c7513adb90b6a19930f", "name": "Button / default / yes / disabled", "latestVersion": { "snapshot": { "assets": [], "source": "figma", "height": 34, "layers": [ { "name": "Button bg", "rect": { "y": 0, "x": 0, "width": 56, "height": 34 }, "rotation": 0, "layers": [ { "shadows": [], "name": "Button Text", "rotation": 0, "blendMode": "normal", "content": "Button", "type": "text", "opacity": 1, "sourceId": "140:17", "fills": [], "textStyles": [ { "range": { "location": 0, "length": 6 }, "style": { "fontSize": 12, "letterSpacing": 0, "fontFace": "Roboto-Regular", "textAlign": "left", "color": { "r": 165, "b": 165, "g": 165, "a": 0.5 } } } ], "exportable": false, "borders": [], "borderRadius": 0, "rect": { "y": 10, "x": 10, "width": 36, "height": 14 }, "_id": "5fdd6c7513adb90b6a199313", "absoluteRect": { "x": 10, "y": 10, "width": 36, "height": 14 } } ], "blendMode": "normal", "interactionLevel": "bottom", "type": "group", "opacity": 1, "sourceId": "140:16", "fills": [], "exportable": false, "borders": [ { "blendMode": "normal", "fillType": "color", "position": "inside", "thickness": 1, "opacity": 1, "color": { "r": 165, "b": 165, "g": 165, "a": 0.5 } } ], "borderRadius": 5, "shadows": [], "_id": "5fdd6c7513adb90b6a199312", "absoluteRect": { "x": 0, "y": 0, "width": 56, "height": 34 } } ], "componentNames": [], "width": 56, "links": [], "densityScale": 1, "url": "https://placekitten.com/56/34" } }, "properties": [ { "id": "5fdd6c74f4da870b63352c04", "value": "default" }, { "id": "5fdd6c74f4da870b63352c05", "value": "yes" }, { "id": "5fdd6c74f4da870b63352c06", "value": "disabled" } ] }, { "id": "5fdd6c756340307cb62bae8b", "name": "Button / error / yes / hover", "latestVersion": { "snapshot": { "assets": [], "source": "figma", "height": 34, "layers": [ { "name": "Button bg", "rect": { "y": 0, "x": 0, "width": 56, "height": 34 }, "rotation": 0, "layers": [ { "shadows": [], "name": "Button Text", "rotation": 0, "blendMode": "normal", "content": "Button", "type": "text", "opacity": 1, "sourceId": "140:14", "fills": [], "textStyles": [ { "range": { "location": 0, "length": 6 }, "style": { "fontSize": 12, "letterSpacing": 0, "fontFace": "Roboto-Regular", "textAlign": "left", "color": { "r": 235, "b": 21, "g": 21, "a": 1 } } } ], "exportable": false, "borders": [], "borderRadius": 0, "rect": { "y": 10, "x": 10, "width": 36, "height": 14 }, "_id": "5fdd6c756340307cb62bae8f", "absoluteRect": { "x": 10, "y": 10, "width": 36, "height": 14 } } ], "blendMode": "normal", "interactionLevel": "bottom", "type": "group", "opacity": 1, "sourceId": "140:13", "fills": [], "exportable": false, "borders": [ { "blendMode": "normal", "fillType": "color", "position": "inside", "thickness": 4, "opacity": 1, "color": { "r": 48, "b": 255, "g": 168, "a": 1 } } ], "borderRadius": 5, "shadows": [], "_id": "5fdd6c756340307cb62bae8e", "absoluteRect": { "x": 0, "y": 0, "width": 56, "height": 34 } } ], "componentNames": [], "width": 56, "links": [], "densityScale": 1, "url": "https://placekitten.com/56/34" } }, "properties": [ { "id": "5fdd6c74f4da870b63352c04", "value": "error" }, { "id": "5fdd6c74f4da870b63352c05", "value": "yes" }, { "id": "5fdd6c74f4da870b63352c06", "value": "hover" } ] }, { "id": "5fdd6c756340307cb62bae90", "name": "Button / error / no / disabled", "latestVersion": { "snapshot": { "assets": [], "source": "figma", "height": 34, "layers": [ { "name": "Button bg", "rect": { "y": 0, "x": 0, "width": 56, "height": 34 }, "rotation": 0, "layers": [ { "shadows": [], "name": "Button Text", "rotation": 0, "blendMode": "normal", "content": "Button", "type": "text", "opacity": 1, "sourceId": "140:26", "fills": [], "textStyles": [ { "range": { "location": 0, "length": 6 }, "style": { "fontSize": 12, "letterSpacing": 0, "fontFace": "Roboto-Regular", "textAlign": "left", "color": { "r": 255, "b": 255, "g": 255, "a": 1 } } } ], "exportable": false, "borders": [], "borderRadius": 0, "rect": { "y": 10, "x": 10, "width": 36, "height": 14 }, "_id": "5fdd6c756340307cb62bae94", "absoluteRect": { "x": 10, "y": 10, "width": 36, "height": 14 } } ], "blendMode": "normal", "interactionLevel": "bottom", "type": "group", "opacity": 1, "sourceId": "140:25", "fills": [ { "color": { "r": 235, "b": 21, "g": 21, "a": 0.5 }, "fillType": "color", "blendMode": "normal", "opacity": 1 } ], "exportable": false, "borders": [], "borderRadius": 5, "shadows": [], "_id": "5fdd6c756340307cb62bae93", "absoluteRect": { "x": 0, "y": 0, "width": 56, "height": 34 } } ], "componentNames": [], "width": 56, "links": [], "densityScale": 1, "url": "https://placekitten.com/56/34" } }, "properties": [ { "id": "5fdd6c74f4da870b63352c04", "value": "error" }, { "id": "5fdd6c74f4da870b63352c05", "value": "no" }, { "id": "5fdd6c74f4da870b63352c06", "value": "disabled" } ] }, { "id": "5fdd6c7513adb90b6a199314", "name": "Button / error / no / default", "latestVersion": { "snapshot": { "assets": [], "source": "figma", "height": 34, "layers": [ { "name": "Button bg", "rect": { "y": 0, "x": 0, "width": 56, "height": 34 }, "rotation": 0, "layers": [ { "shadows": [], "name": "Button Text", "rotation": 0, "blendMode": "normal", "content": "Button", "type": "text", "opacity": 1, "sourceId": "140:29", "fills": [], "textStyles": [ { "range": { "location": 0, "length": 6 }, "style": { "fontSize": 12, "letterSpacing": 0, "fontFace": "Roboto-Regular", "textAlign": "left", "color": { "r": 255, "b": 255, "g": 255, "a": 1 } } } ], "exportable": false, "borders": [], "borderRadius": 0, "rect": { "y": 10, "x": 10, "width": 36, "height": 14 }, "_id": "5fdd6c7513adb90b6a199318", "absoluteRect": { "x": 10, "y": 10, "width": 36, "height": 14 } } ], "blendMode": "normal", "interactionLevel": "bottom", "type": "group", "opacity": 1, "sourceId": "140:28", "fills": [ { "color": { "r": 235, "b": 21, "g": 21, "a": 1 }, "fillType": "color", "blendMode": "normal", "opacity": 1 } ], "exportable": false, "borders": [], "borderRadius": 5, "shadows": [], "_id": "5fdd6c7513adb90b6a199317", "absoluteRect": { "x": 0, "y": 0, "width": 56, "height": 34 } } ], "componentNames": [], "width": 56, "links": [], "densityScale": 1, "url": "https://placekitten.com/56/34" } }, "properties": [ { "id": "5fdd6c74f4da870b63352c04", "value": "error" }, { "id": "5fdd6c74f4da870b63352c05", "value": "no" }, { "id": "5fdd6c74f4da870b63352c06", "value": "default" } ] }, { "id": "5fdd6c75f4da870b63352c15", "name": "Button / default / no / default", "latestVersion": { "snapshot": { "assets": [], "source": "figma", "height": 34, "layers": [ { "name": "Button bg", "rect": { "y": 0, "x": 0, "width": 56, "height": 34 }, "rotation": 0, "layers": [ { "shadows": [], "name": "Button Text", "rotation": 0, "blendMode": "normal", "content": "Button", "type": "text", "opacity": 1, "sourceId": "140:38", "fills": [], "textStyles": [ { "range": { "location": 0, "length": 6 }, "style": { "fontSize": 12, "letterSpacing": 0, "fontFace": "Roboto-Regular", "textAlign": "left", "color": { "r": 255, "b": 255, "g": 255, "a": 1 } } } ], "exportable": false, "borders": [], "borderRadius": 0, "rect": { "y": 10, "x": 10, "width": 36, "height": 14 }, "_id": "5fdd6c75f4da870b63352c19", "absoluteRect": { "x": 10, "y": 10, "width": 36, "height": 14 } } ], "blendMode": "normal", "interactionLevel": "bottom", "type": "group", "opacity": 1, "sourceId": "140:37", "fills": [ { "color": { "r": 165, "b": 165, "g": 165, "a": 1 }, "fillType": "color", "blendMode": "normal", "opacity": 1 } ], "exportable": false, "borders": [], "borderRadius": 5, "shadows": [], "_id": "5fdd6c75f4da870b63352c18", "absoluteRect": { "x": 0, "y": 0, "width": 56, "height": 34 } } ], "componentNames": [], "width": 56, "links": [], "densityScale": 1, "url": "https://placekitten.com/56/34" } }, "properties": [ { "id": "5fdd6c74f4da870b63352c04", "value": "default" }, { "id": "5fdd6c74f4da870b63352c05", "value": "no" }, { "id": "5fdd6c74f4da870b63352c06", "value": "default" } ] }, { "id": "5fdd6c75f4da870b63352c10", "name": "Button / default / yes / default", "latestVersion": { "snapshot": { "assets": [], "source": "figma", "height": 34, "layers": [ { "name": "Button bg", "rect": { "y": 0, "x": 0, "width": 56, "height": 34 }, "rotation": 0, "layers": [ { "shadows": [], "name": "Button Text", "rotation": 0, "blendMode": "normal", "content": "Button", "type": "text", "opacity": 1, "sourceId": "140:20", "fills": [], "textStyles": [ { "range": { "location": 0, "length": 6 }, "style": {