{ "id": "files/63b65ebe20ff4f18a8862c1effb1dc9f", "title": "Progress Indicators", "created": "2018-12-06T14:44:44.621617Z", "updated": "2018-12-06T14:44:44.621617Z", "position": 27, "prototypingInfo": { }, "inspectInfo": { "layers": [{ "sourceId": "B3E16793-E34D-46EA-B801-9EB4B61E132D", "displayName": "Progress%20Indicators", "type": "ARTBOARD", "bounds": { "topLeft": { }, "width": 1024.0, "height": 1800.0 }, "properties": [{ "artboard": { "scale": 1.0, "origin": { "x": -5961.0, "y": 8937.0 } } }] }, { "sourceId": "168C8EE1-3D08-4712-8358-8679E8BBCBA6", "displayName": "%E2%9C%B1%20/%20Color%20/%20Surface%20/%20Main", "locked": true, "type": "BASIC_COMPONENT", "bounds": { "topLeft": { }, "width": 1024.0, "height": 1800.0 }, "properties": [{ "blend": { "mode": "NORMAL", "opacity": 0.1 } }, { "componentOverride": { "type": "TEXT", "label": "%E2%86%B3%20Tonal%20Palette", "value": "%25E2%259C%25B1%2520/%2520Color%2520/%2520Surface%2520/%2520Dark" } }] }, { "sourceId": "5EDA851F-AB34-437C-928E-A9D2802C2469", "parentId": "168C8EE1-3D08-4712-8358-8679E8BBCBA6", "displayName": "%E2%86%B3%20Tonal%20Palette", "locked": true, "type": "BASIC_COMPONENT", "bounds": { "topLeft": { }, "width": 1024.0, "height": 1800.0 }, "properties": [{ "blend": { "mode": "NORMAL", "opacity": 1.0 } }] }, { "sourceId": "EA171F81-EB32-4459-B983-16821A51FE36", "parentId": "5EDA851F-AB34-437C-928E-A9D2802C2469", "displayName": "Rectangle%2013", "locked": true, "type": "SHAPE", "bounds": { "topLeft": { }, "width": 1024.0, "height": 1800.0 }, "properties": [{ "blend": { "mode": "NORMAL", "opacity": 1.0 } }, { "fill": { "type": "FLAT_COLOR", "blend": { "mode": "NORMAL", "opacity": 1.0 }, "color": { "red": 0.93333334, "green": 0.93333334, "blue": 0.93333334, "alpha": 1.0 } } }] }, { "sourceId": "0E58FBD5-2573-4D53-B9BF-0EE88AD34200", "type": "MATERIAL_COMPONENT", "bounds": { "topLeft": { "x": 80.0, "y": 358.0 }, "width": 260.0, "height": 4.0 }, "properties": [{ "blend": { "mode": "NORMAL", "opacity": 1.0 } }, { "materialData": { "componentName": "progress-indicators" } }], "theme": { "paletteColors": [{ "displayName": "Primary 50", "type": "PRIMARY_VARIANT", "color": { "red": 0.8901961, "green": 0.9490196, "blue": 0.99215686, "alpha": 1.0 } }, { "displayName": "Primary 100", "type": "PRIMARY_VARIANT", "color": { "red": 0.73333335, "green": 0.87058824, "blue": 0.9843137, "alpha": 1.0 } }, { "displayName": "Primary 200", "type": "PRIMARY_VARIANT", "color": { "red": 0.5647059, "green": 0.7921569, "blue": 0.9764706, "alpha": 1.0 } }, { "displayName": "Primary 300", "type": "PRIMARY_VARIANT", "color": { "red": 0.39215687, "green": 0.70980394, "blue": 0.9647059, "alpha": 1.0 } }, { "displayName": "Primary 400", "type": "PRIMARY_VARIANT", "color": { "red": 0.25882354, "green": 0.64705884, "blue": 0.9607843, "alpha": 1.0 } }, { "displayName": "Primary 500", "type": "PRIMARY_VARIANT", "color": { "red": 0.12941177, "green": 0.5882353, "blue": 0.9529412, "alpha": 1.0 } }, { "displayName": "Primary 600", "type": "PRIMARY_VARIANT", "color": { "red": 0.11764706, "green": 0.53333336, "blue": 0.8980392, "alpha": 1.0 } }, { "displayName": "Primary 700", "type": "PRIMARY_VARIANT", "color": { "red": 0.09803922, "green": 0.4627451, "blue": 0.8235294, "alpha": 1.0 } }, { "displayName": "Primary 800", "type": "PRIMARY", "color": { "red": 0.08235294, "green": 0.39607844, "blue": 0.7529412, "alpha": 1.0 } }, { "displayName": "Primary 900", "type": "PRIMARY_VARIANT", "color": { "red": 0.050980393, "green": 0.2784314, "blue": 0.6313726, "alpha": 1.0 } }, { "displayName": "Secondary 50", "type": "SECONDARY_VARIANT", "color": { "red": 1.0, "green": 0.972549, "blue": 0.88235295, "alpha": 1.0 } }, { "displayName": "Secondary 100", "type": "SECONDARY_VARIANT", "color": { "red": 1.0, "green": 0.9254902, "blue": 0.7019608, "alpha": 1.0 } }, { "displayName": "Secondary 200", "type": "SECONDARY_VARIANT", "color": { "red": 1.0, "green": 0.8784314, "blue": 0.50980395, "alpha": 1.0 } }, { "displayName": "Secondary 300", "type": "SECONDARY_VARIANT", "color": { "red": 1.0, "green": 0.8352941, "blue": 0.30980393, "alpha": 1.0 } }, { "displayName": "Secondary 400", "type": "SECONDARY_VARIANT", "color": { "red": 1.0, "green": 0.7921569, "blue": 0.15686275, "alpha": 1.0 } }, { "displayName": "Secondary 500", "type": "SECONDARY_VARIANT", "color": { "red": 1.0, "green": 0.75686276, "blue": 0.02745098, "alpha": 1.0 } }, { "displayName": "Secondary 600", "type": "SECONDARY_VARIANT", "color": { "red": 1.0, "green": 0.7019608, "alpha": 1.0 } }, { "displayName": "Secondary 700", "type": "SECONDARY_VARIANT", "color": { "red": 1.0, "green": 0.627451, "alpha": 1.0 } }, { "displayName": "Secondary 800", "type": "SECONDARY", "color": { "red": 1.0, "green": 0.56078434, "alpha": 1.0 } }, { "displayName": "Secondary 900", "type": "SECONDARY_VARIANT", "color": { "red": 1.0, "green": 0.43529412, "alpha": 1.0 } }], "textOptions": [{ "type": "HEADLINE_ONE", "fontFamilyName": "Futura", "fontName": "Extra Black", "fontWeight": "1000", "fontSize": 98.92571 }, { "type": "HEADLINE_TWO", "fontFamilyName": "Futura", "fontName": "Extra Black", "fontWeight": "1000", "fontSize": 61.82857 }, { "type": "HEADLINE_THREE", "fontFamilyName": "Futura", "fontName": "Bold", "fontWeight": "900", "fontSize": 50.619884 }, { "type": "HEADLINE_FOUR", "fontFamilyName": "Futura", "fontName": "Bold", "fontWeight": "900", "fontSize": 35.85575 }, { "type": "HEADLINE_FIVE", "fontFamilyName": "Futura", "fontName": "Medium", "fontWeight": "600" }, { "type": "HEADLINE_SIX", "fontFamilyName": "Futura", "fontName": "Medium", "fontWeight": "600" }, { "type": "SUBTITLE_ONE", "fontFamilyName": "Futura", "fontName": "Bold", "fontWeight": "900", "fontSize": 16.873295 }, { "type": "SUBTITLE_TWO", "fontFamilyName": "Futura", "fontName": "Medium", "fontWeight": "600" }, { "type": "BODY_ONE", "fontFamilyName": "Futura", "fontName": "Light", "fontWeight": "300", "fontSize": 19.17165 }, { "type": "BODY_TWO", "fontFamilyName": "Futura", "fontName": "Light", "fontWeight": "300", "fontSize": 16.775194 }, { "type": "CAPTION", "fontFamilyName": "Futura", "fontName": "Light", "fontWeight": "300", "fontSize": 14.378737 }, { "type": "BUTTON", "fontFamilyName": "Futura", "fontName": "Light", "fontWeight": "300", "fontSize": 16.775194 }, { "type": "OVERLINE", "fontFamilyName": "Futura", "fontName": "Light", "fontWeight": "300", "fontSize": 14.378737 }], "cornerType": "ROUNDED", "cornerRadii": { "radii": [7.0, 18.0, 36.0, 18.0] } } }, { "sourceId": "CABF266D-BCDD-4C41-940D-BD74A61AAA8D", "parentId": "0E58FBD5-2573-4D53-B9BF-0EE88AD34200", "displayName": "Track", "type": "BASIC_COMPONENT", "bounds": { "topLeft": { "x": 80.0, "y": 358.0 }, "width": 260.0, "height": 4.0 }, "properties": [{ "blend": { "mode": "NORMAL", "opacity": 1.0 } }] }, { "sourceId": "21B2F594-9075-4882-AF4C-C892BAA91EA8", "parentId": "CABF266D-BCDD-4C41-940D-BD74A61AAA8D", "displayName": "Surface", "type": "SHAPE", "bounds": { "topLeft": { "x": 80.0, "y": 358.0 }, "width": 260.0, "height": 4.0 }, "properties": [{ "blend": { "mode": "NORMAL", "opacity": 1.0 } }, { "cornerRadii": { "radii": [2.0] } }] }, { "sourceId": "FB579EC0-1FA3-486C-954D-565566E1D4EB", "parentId": "CABF266D-BCDD-4C41-940D-BD74A61AAA8D", "displayName": "CONTAINER%20COLOR", "type": "BASIC_COMPONENT", "bounds": { "topLeft": { "x": 80.0, "y": 358.0 }, "width": 260.0, "height": 4.0 }, "properties": [{ "blend": { "mode": "NORMAL", "opacity": 0.24 } }] }, { "sourceId": "3D3A0F14-3C20-4C1A-927B-5D27D0C86348", "parentId": "FB579EC0-1FA3-486C-954D-565566E1D4EB", "displayName": "%E2%86%B3%20Tonal%20Palette", "type": "BASIC_COMPONENT", "bounds": { "topLeft": { "x": 80.0, "y": 358.0 }, "width": 260.0, "height": 4.0 }, "properties": [{ "blend": { "mode": "NORMAL", "opacity": 1.0 } }] }, { "sourceId": "60544667-99D6-4699-B8F0-67584EA6053C", "parentId": "3D3A0F14-3C20-4C1A-927B-5D27D0C86348", "displayName": "Rectangle%2013", "type": "SHAPE", "bounds": { "topLeft": { "x": 80.0, "y": 358.0 }, "width": 260.0, "height": 4.0 }, "properties": [{ "blend": { "mode": "NORMAL", "opacity": 1.0 } }, { "fill": { "type": "FLAT_COLOR", "blend": { "mode": "NORMAL", "opacity": 1.0 }, "color": { "red": 1.0, "green": 0.627451, "alpha": 1.0 } } }] }, { "sourceId": "C1604099-436D-42F1-8F0D-3BDC7EA62BB3", "parentId": "0E58FBD5-2573-4D53-B9BF-0EE88AD34200", "displayName": "Indicator", "type": "BASIC_COMPONENT", "bounds": { "topLeft": { "x": 80.0, "y": 358.0 }, "width": 160.0, "height": 4.0 }, "properties": [{ "blend": { "mode": "NORMAL", "opacity": 1.0 } }] }, { "sourceId": "83D85E7D-F854-4E2E-B3CF-A75934D075A9", "parentId": "C1604099-436D-42F1-8F0D-3BDC7EA62BB3", "displayName": "Surface", "type": "SHAPE", "bounds": { "topLeft": { "x": 80.0, "y": 358.0 }, "width": 160.0, "height": 4.0 }, "properties": [{ "blend": { "mode": "NORMAL", "opacity": 1.0 } }, { "cornerRadii": { "radii": [2.0] } }] }, { "sourceId": "E0141C89-40DF-48F6-BA12-D1E8C93D0322", "parentId": "C1604099-436D-42F1-8F0D-3BDC7EA62BB3", "displayName": "CONTAINER%20COLOR", "type": "BASIC_COMPONENT", "bounds": { "topLeft": { "x": 80.0, "y": 358.0 }, "width": 160.0, "height": 4.0 }, "properties": [{ "blend": { "mode": "NORMAL", "opacity": 1.0 } }] }, { "sourceId": "3D3A0F14-3C20-4C1A-927B-5D27D0C86348", "parentId": "E0141C89-40DF-48F6-BA12-D1E8C93D0322", "displayName": "%E2%86%B3%20Tonal%20Palette", "type": "BASIC_COMPONENT", "bounds": { "topLeft": { "x": 80.0, "y": 358.0 }, "width": 160.0, "height": 4.0 }, "properties": [{ "blend": { "mode": "NORMAL", "opacity": 1.0 } }] }, { "sourceId": "60544667-99D6-4699-B8F0-67584EA6053C", "parentId": "3D3A0F14-3C20-4C1A-927B-5D27D0C86348", "displayName": "Rectangle%2013", "type": "SHAPE", "bounds": { "topLeft": { "x": 80.0, "y": 358.0 }, "width": 160.0, "height": 4.0 }, "properties": [{ "blend": { "mode": "NORMAL", "opacity": 1.0 } }, { "fill": { "type": "FLAT_COLOR", "blend": { "mode": "NORMAL", "opacity": 1.0 }, "color": { "red": 1.0, "green": 0.627451, "alpha": 1.0 } } }] }, { "sourceId": "D9C6AB08-8DE8-4396-86B2-017D1EC7ACFD", "type": "MATERIAL_COMPONENT", "bounds": { "topLeft": { "x": 80.0, "y": 520.0 }, "width": 44.0, "height": 44.0 }, "properties": [{ "blend": { "mode": "NORMAL", "opacity": 1.0 } }, { "materialData": { "componentName": "progress-indicators", "themeColors": [{ "label": "%E2%86%B3%20Tonal%20Palette", "paletteColorLabel": "Secondary 700" }] } }], "theme": { "paletteColors": [{ "displayName": "Primary 50", "type": "PRIMARY_VARIANT", "color": { "red": 0.8901961, "green": 0.9490196, "blue": 0.99215686, "alpha": 1.0 } }, { "displayName": "Primary 100", "type": "PRIMARY_VARIANT", "color": { "red": 0.73333335, "green": 0.87058824, "blue": 0.9843137, "alpha": 1.0 } }, { "displayName": "Primary 200", "type": "PRIMARY_VARIANT", "color": { "red": 0.5647059, "green": 0.7921569, "blue": 0.9764706, "alpha": 1.0 } }, { "displayName": "Primary 300", "type": "PRIMARY_VARIANT", "color": { "red": 0.39215687, "green": 0.70980394, "blue": 0.9647059, "alpha": 1.0 } }, { "displayName": "Primary 400", "type": "PRIMARY_VARIANT", "color": { "red": 0.25882354, "green": 0.64705884, "blue": 0.9607843, "alpha": 1.0 } }, { "displayName": "Primary 500", "type": "PRIMARY_VARIANT", "color": { "red": 0.12941177, "green": 0.5882353, "blue": 0.9529412, "alpha": 1.0 } }, { "displayName": "Primary 600", "type": "PRIMARY_VARIANT", "color": { "red": 0.11764706, "green": 0.53333336, "blue": 0.8980392, "alpha": 1.0 } }, { "displayName": "Primary 700", "type": "PRIMARY_VARIANT", "color": { "red": 0.09803922, "green": 0.4627451, "blue": 0.8235294, "alpha": 1.0 } }, { "displayName": "Primary 800", "type": "PRIMARY", "color": { "red": 0.08235294, "green": 0.39607844, "blue": 0.7529412, "alpha": 1.0 } }, { "displayName": "Primary 900", "type": "PRIMARY_VARIANT", "color": { "red": 0.050980393, "green": 0.2784314, "blue": 0.6313726, "alpha": 1.0 } }, { "displayName": "Secondary 50", "type": "SECONDARY_VARIANT", "color": { "red": 1.0, "green": 0.972549, "blue": 0.88235295, "alpha": 1.0 } }, { "displayName": "Secondary 100", "type": "SECONDARY_VARIANT", "color": { "red": 1.0, "green": 0.9254902, "blue": 0.7019608, "alpha": 1.0 } }, { "displayName": "Secondary 200", "type": "SECONDARY_VARIANT", "color": { "red": 1.0, "green": 0.8784314, "blue": 0.50980395, "alpha": 1.0 } }, { "displayName": "Secondary 300", "type": "SECONDARY_VARIANT", "color": { "red": 1.0, "green": 0.8352941, "blue": 0.30980393, "alpha": 1.0 } }, { "displayName": "Secondary 400", "type": "SECONDARY_VARIANT", "color": { "red": 1.0, "green": 0.7921569, "blue": 0.15686275, "alpha": 1.0 } }, { "displayName": "Secondary 500", "type": "SECONDARY_VARIANT", "color": { "red": 1.0, "green": 0.75686276, "blue": 0.02745098, "alpha": 1.0 } }, { "displayName": "Secondary 600", "type": "SECONDARY_VARIANT", "color": { "red": 1.0, "green": 0.7019608, "alpha": 1.0 } }, { "displayName": "Secondary 700", "type": "SECONDARY_VARIANT", "color": { "red": 1.0, "green": 0.627451, "alpha": 1.0 } }, { "displayName": "Secondary 800", "type": "SECONDARY", "color": { "red": 1.0, "green": 0.56078434, "alpha": 1.0 } }, { "displayName": "Secondary 900", "type": "SECONDARY_VARIANT", "color": { "red": 1.0, "green": 0.43529412, "alpha": 1.0 } }], "textOptions": [{ "type": "HEADLINE_ONE", "fontFamilyName": "Futura", "fontName": "Extra Black", "fontWeight": "1000", "fontSize": 98.92571 }, { "type": "HEADLINE_TWO", "fontFamilyName": "Futura", "fontName": "Extra Black", "fontWeight": "1000", "fontSize": 61.82857 }, { "type": "HEADLINE_THREE", "fontFamilyName": "Futura", "fontName": "Bold", "fontWeight": "900", "fontSize": 50.619884 }, { "type": "HEADLINE_FOUR", "fontFamilyName": "Futura", "fontName": "Bold", "fontWeight": "900", "fontSize": 35.85575 }, { "type": "HEADLINE_FIVE", "fontFamilyName": "Futura", "fontName": "Medium", "fontWeight": "600" }, { "type": "HEADLINE_SIX", "fontFamilyName": "Futura", "fontName": "Medium", "fontWeight": "600" }, { "type": "SUBTITLE_ONE", "fontFamilyName": "Futura", "fontName": "Bold", "fontWeight": "900", "fontSize": 16.873295 }, { "type": "SUBTITLE_TWO", "fontFamilyName": "Futura", "fontName": "Medium", "fontWeight": "600" }, { "type": "BODY_ONE", "fontFamilyName": "Futura", "fontName": "Light", "fontWeight": "300", "fontSize": 19.17165 }, { "type": "BODY_TWO", "fontFamilyName": "Futura", "fontName": "Light", "fontWeight": "300", "fontSize": 16.775194 }, { "type": "CAPTION", "fontFamilyName": "Futura", "fontName": "Light", "fontWeight": "300", "fontSize": 14.378737 }, { "type": "BUTTON", "fontFamilyName": "Futura", "fontName": "Light", "fontWeight": "300", "fontSize": 16.775194 }, { "type": "OVERLINE", "fontFamilyName": "Futura", "fontName": "Light", "fontWeight": "300", "fontSize": 14.378737 }], "cornerType": "ROUNDED", "cornerRadii": { "radii": [7.0, 18.0, 36.0, 18.0] } } }, { "sourceId": "62136700-8AD2-4080-9511-86A47761BA0E", "parentId": "D9C6AB08-8DE8-4396-86B2-017D1EC7ACFD", "displayName": "Surface", "type": "SHAPE", "bounds": { "topLeft": { "x": 80.0, "y": 520.0 }, "width": 44.0, "height": 44.0 }, "properties": [{ "blend": { "mode": "NORMAL", "opacity": 1.0 } }] }, { "sourceId": "12A6DE59-47E3-4A47-A3C1-59DE41A5AAD3", "parentId": "D9C6AB08-8DE8-4396-86B2-017D1EC7ACFD", "displayName": "CONTAINER%20COLOR", "type": "BASIC_COMPONENT", "bounds": { "topLeft": { "x": 80.0, "y": 520.0 }, "width": 44.0, "height": 44.0 }, "properties": [{ "blend": { "mode": "NORMAL", "opacity": 1.0 } }] }, { "sourceId": "3D3A0F14-3C20-4C1A-927B-5D27D0C86348", "parentId": "12A6DE59-47E3-4A47-A3C1-59DE41A5AAD3", "displayName": "%E2%86%B3%20Tonal%20Palette", "type": "BASIC_COMPONENT", "bounds": { "topLeft": { "x": 80.0, "y": 520.0 }, "width": 44.0, "height": 44.0 }, "properties": [{ "blend": { "mode": "NORMAL", "opacity": 1.0 } }] }, { "sourceId": "60544667-99D6-4699-B8F0-67584EA6053C", "parentId": "3D3A0F14-3C20-4C1A-927B-5D27D0C86348", "displayName": "Rectangle%2013", "type": "SHAPE", "bounds": { "topLeft": { "x": 80.0, "y": 520.0 }, "width": 44.0, "height": 44.0 }, "properties": [{ "blend": { "mode": "NORMAL", "opacity": 1.0 } }, { "fill": { "type": "FLAT_COLOR", "blend": { "mode": "NORMAL", "opacity": 1.0 }, "color": { "red": 1.0, "green": 0.627451, "alpha": 1.0 } } }] }, { "sourceId": "D1B8E842-A9EE-4302-8482-5ECCF96BC2AB", "type": "MATERIAL_COMPONENT", "bounds": { "topLeft": { "x": 80.0, "y": 722.0 }, "width": 260.0, "height": 4.0 }, "properties": [{ "blend": { "mode": "NORMAL", "opacity": 1.0 } }, { "materialData": { } }, { "componentOverride": { "type": "TEXT", "label": "CONTAINER%20COLOR", "value": "%25E2%259C%25B1%2520/%2520Color%2520/%2520Secondary%2520/%2520Main" } }, { "componentOverride": { "type": "TEXT", "label": "%E2%86%B3%20Tonal%20Palette", "value": "%25E2%259C%25B1%2520/%2520Color%2520/%2520Secondary%2520/%2520700" } }] }, { "sourceId": "83D85E7D-F854-4E2E-B3CF-A75934D075A9", "parentId": "D1B8E842-A9EE-4302-8482-5ECCF96BC2AB", "displayName": "Surface", "type": "SHAPE", "bounds": { "topLeft": { "x": 80.0, "y": 722.0 }, "width": 260.0, "height": 4.0 }, "properties": [{ "blend": { "mode": "NORMAL", "opacity": 1.0 } }, { "cornerRadii": { "radii": [2.0] } }] }, { "sourceId": "E0141C89-40DF-48F6-BA12-D1E8C93D0322", "parentId": "D1B8E842-A9EE-4302-8482-5ECCF96BC2AB", "displayName": "CONTAINER%20COLOR", "type": "BASIC_COMPONENT", "bounds": { "topLeft": { "x": 80.0, "y": 722.0 }, "width": 260.0, "height": 4.0 }, "properties": [{ "blend": { "mode": "NORMAL", "opacity": 1.0 } }] }, { "sourceId": "3D3A0F14-3C20-4C1A-927B-5D27D0C86348", "parentId": "E0141C89-40DF-48F6-BA12-D1E8C93D0322", "displayName": "%E2%86%B3%20Tonal%20Palette", "type": "BASIC_COMPONENT", "bounds": { "topLeft": { "x": 80.0, "y": 722.0 }, "width": 260.0, "height": 4.0 }, "properties": [{ "blend": { "mode": "NORMAL", "opacity": 1.0 } }] }, { "sourceId": "60544667-99D6-4699-B8F0-67584EA6053C", "parentId": "3D3A0F14-3C20-4C1A-927B-5D27D0C86348", "displayName": "Rectangle%2013", "type": "SHAPE", "bounds": { "topLeft": { "x": 80.0, "y": 722.0 }, "width": 260.0, "height": 4.0 }, "properties": [{ "blend": { "mode": "NORMAL", "opacity": 1.0 } }, { "fill": { "type": "FLAT_COLOR", "blend": { "mode": "NORMAL", "opacity": 1.0 }, "color": { "red": 1.0, "green": 0.627451, "alpha": 1.0 } } }] }, { "sourceId": "2D7FE14E-CBC1-4459-AE73-DEE0B660D78E", "type": "MATERIAL_COMPONENT", "bounds": { "topLeft": { "x": 80.0, "y": 770.0 }, "width": 260.0, "height": 4.0 }, "properties": [{ "blend": { "mode": "NORMAL", "opacity": 1.0 } }, { "materialData": { } }, { "componentOverride": { "type": "TEXT", "label": "CONTAINER%20COLOR", "value": "%25E2%259C%25B1%2520/%2520Color%2520/%2520Secondary%2520/%2520Main" } }, { "componentOverride": { "type": "TEXT", "label": "%E2%86%B3%20Tonal%20Palette", "value": "%25E2%259C%25B1%2520/%2520Color%2520/%2520Secondary%2520/%2520700" } }] }, { "sourceId": "21B2F594-9075-4882-AF4C-C892BAA91EA8", "parentId": "2D7FE14E-CBC1-4459-AE73-DEE0B660D78E", "displayName": "Surface", "type": "SHAPE", "bounds": { "topLeft": { "x": 80.0, "y": 770.0 }, "width": 260.0, "height": 4.0 }, "properties": [{ "blend": { "mode": "NORMAL", "opacity": 1.0 } }, { "cornerRadii": { "radii": [2.0] } }] }, { "sourceId": "FB579EC0-1FA3-486C-954D-565566E1D4EB", "parentId": "2D7FE14E-CBC1-4459-AE73-DEE0B660D78E", "displayName": "CONTAINER%20COLOR", "type": "BASIC_COMPONENT", "bounds": { "topLeft": { "x": 80.0, "y": 770.0 }, "width": 260.0, "height": 4.0 }, "properties": [{ "blend": { "mode": "NORMAL", "opacity": 0.24 } }] }, { "sourceId": "3D3A0F14-3C20-4C1A-927B-5D27D0C86348", "parentId": "FB579EC0-1FA3-486C-954D-565566E1D4EB", "displayName": "%E2%86%B3%20Tonal%20Palette", "type": "BASIC_COMPONENT", "bounds": { "topLeft": { "x": 80.0, "y": 770.0 }, "width": 260.0, "height": 4.0 }, "properties": [{ "blend": { "mode": "NORMAL", "opacity": 1.0 } }] }, { "sourceId": "60544667-99D6-4699-B8F0-67584EA6053C", "parentId": "3D3A0F14-3C20-4C1A-927B-5D27D0C86348", "displayName": "Rectangle%2013", "type": "SHAPE", "bounds": { "topLeft": { "x": 80.0, "y": 770.0 }, "width": 260.0, "height": 4.0 }, "properties": [{ "blend": { "mode": "NORMAL", "opacity": 1.0 } }, { "fill": { "type": "FLAT_COLOR", "blend": { "mode": "NORMAL", "opacity": 1.0 }, "color": { "red": 1.0, "green": 0.627451, "alpha": 1.0 } } }] }, { "sourceId": "23338CED-2F0F-42A5-A8B4-ED89CFFCDD22", "displayName": "%E2%9C%B1%20/%20Artboard%20Content%20/%20Title%20Block", "locked": true, "type": "BASIC_COMPONENT", "bounds": { "topLeft": { "x": 80.0, "y": 280.0 }, "width": 864.0, "height": 46.0 }, "properties": [{ "blend": { "mode": "NORMAL", "opacity": 1.0 } }, { "componentOverride": { "type": "TEXT", "label": "Label%20Right", "value": "%2520" } }, { "componentOverride": { "type": "TEXT", "label": "Label%20Left", "value": "Linear" } }] }, { "sourceId": "7C91DF9B-86A3-4C1E-8AD2-B337D24D9904", "parentId": "23338CED-2F0F-42A5-A8B4-ED89CFFCDD22", "displayName": "Label%20Right", "locked": true, "type": "TEXT", "bounds": { "topLeft": { "x": 582.0, "y": 306.0 }, "width": 360.0, "height": 18.0 }, "properties": [{ "aspect": { "fixedHeight": true } }, { "blend": { "mode": "NORMAL", "opacity": 0.54 } }, { "text": { "content": "%20", "fontDisplayName": "Roboto%20Regular", "fontSize": 13.0, "color": { "alpha": 0.87 }, "horizontalAlignment": "RIGHT", "verticalAlignment": "TOP" } }] }, { "sourceId": "6668FD51-5D39-4C57-8E99-F5B1CE4CF14E", "parentId": "23338CED-2F0F-42A5-A8B4-ED89CFFCDD22", "displayName": "Divider", "locked": true, "type": "SHAPE", "bounds": { "topLeft": { "x": 80.0, "y": 280.0 }, "width": 864.0, "height": 1.0 }, "properties": [{ "blend": { "mode": "NORMAL", "opacity": 0.12 } }, { "fill": { "type": "FLAT_COLOR", "blend": { "mode": "NORMAL", "opacity": 1.0 }, "color": { "alpha": 1.0 } } }] }, { "sourceId": "7564F519-7F45-45DC-AF80-FF315BD6D832", "parentId": "23338CED-2F0F-42A5-A8B4-ED89CFFCDD22", "displayName": "Label%20Left", "locked": true, "type": "TEXT", "bounds": { "topLeft": { "x": 80.0, "y": 305.0 }, "width": 360.0, "height": 19.0 }, "properties": [{ "aspect": { "fixedHeight": true } }, { "blend": { "mode": "NORMAL", "opacity": 1.0 } }, { "text": { "content": "Linear", "fontDisplayName": "Roboto%20Regular", "fontSize": 14.0, "color": { "alpha": 1.0 }, "characterSpacing": 0.4666667, "verticalAlignment": "TOP" } }] }, { "sourceId": "C46E4705-FBDB-4250-A8E5-F788E43F0A38", "displayName": "%E2%9C%B1%20/%20Artboard%20Content%20/%20Title%20Block", "locked": true, "type": "BASIC_COMPONENT", "bounds": { "topLeft": { "x": 80.0, "y": 442.0 }, "width": 864.0, "height": 46.0 }, "properties": [{ "blend": { "mode": "NORMAL", "opacity": 1.0 } }, { "componentOverride": { "type": "TEXT", "label": "Label%20Right", "value": "%2520" } }, { "componentOverride": { "type": "TEXT", "label": "Label%20Left", "value": "Circular" } }] }, { "sourceId": "7C91DF9B-86A3-4C1E-8AD2-B337D24D9904", "parentId": "C46E4705-FBDB-4250-A8E5-F788E43F0A38", "displayName": "Label%20Right", "locked": true, "type": "TEXT", "bounds": { "topLeft": { "x": 582.0, "y": 468.0 }, "width": 360.0, "height": 18.0 }, "properties": [{ "aspect": { "fixedHeight": true } }, { "blend": { "mode": "NORMAL", "opacity": 0.54 } }, { "text": { "content": "%20", "fontDisplayName": "Roboto%20Regular", "fontSize": 13.0, "color": { "alpha": 0.87 }, "horizontalAlignment": "RIGHT", "verticalAlignment": "TOP" } }] }, { "sourceId": "6668FD51-5D39-4C57-8E99-F5B1CE4CF14E", "parentId": "C46E4705-FBDB-4250-A8E5-F788E43F0A38", "displayName": "Divider", "locked": true, "type": "SHAPE", "bounds": { "topLeft": { "x": 80.0, "y": 442.0 }, "width": 864.0, "height": 1.0 }, "properties": [{ "blend": { "mode": "NORMAL", "opacity": 0.12 } }, { "fill": { "type": "FLAT_COLOR", "blend": { "mode": "NORMAL", "opacity": 1.0 }, "color": { "alpha": 1.0 } } }] }, { "sourceId": "7564F519-7F45-45DC-AF80-FF315BD6D832", "parentId": "C46E4705-FBDB-4250-A8E5-F788E43F0A38", "displayName": "Label%20Left", "locked": true, "type": "TEXT", "bounds": { "topLeft": { "x": 80.0, "y": 467.0 }, "width": 360.0, "height": 19.0 }, "properties": [{ "aspect": { "fixedHeight": true } }, { "blend": { "mode": "NORMAL", "opacity": 1.0 } }, { "text": { "content": "Circular", "fontDisplayName": "Roboto%20Regular", "fontSize": 14.0, "color": { "alpha": 1.0 }, "characterSpacing": 0.4666667, "verticalAlignment": "TOP" } }] }, { "sourceId": "290324AF-D8A8-41E3-9407-94985577787B", "displayName": "%E2%9C%B1%20/%20Artboard%20Content%20/%20Title%20Block", "locked": true, "type": "BASIC_COMPONENT", "bounds": { "topLeft": { "x": 80.0, "y": 644.0 }, "width": 864.0, "height": 46.0 }, "properties": [{ "blend": { "mode": "NORMAL", "opacity": 1.0 } }, { "componentOverride": { "type": "TEXT", "label": "Label%20Right", "value": "Track%2520and%2520Indicator" } }, { "componentOverride": { "type": "TEXT", "label": "Label%20Left", "value": "Elements" } }] }, { "sourceId": "7C91DF9B-86A3-4C1E-8AD2-B337D24D9904", "parentId": "290324AF-D8A8-41E3-9407-94985577787B", "displayName": "Label%20Right", "locked": true, "type": "TEXT", "bounds": { "topLeft": { "x": 582.0, "y": 670.0 }, "width": 360.0, "height": 18.0 }, "properties": [{ "aspect": { "fixedHeight": true } }, { "blend": { "mode": "NORMAL", "opacity": 0.54 } }, { "text": { "content": "Track%20and%20Indicator", "fontDisplayName": "Roboto%20Regular", "fontSize": 13.0, "color": { "alpha": 0.87 }, "horizontalAlignment": "RIGHT", "verticalAlignment": "TOP" } }] }, { "sourceId": "6668FD51-5D39-4C57-8E99-F5B1CE4CF14E", "parentId": "290324AF-D8A8-41E3-9407-94985577787B", "displayName": "Divider", "locked": true, "type": "SHAPE", "bounds": { "topLeft": { "x": 80.0, "y": 644.0 }, "width": 864.0, "height": 1.0 }, "properties": [{ "blend": { "mode": "NORMAL", "opacity": 0.12 } }, { "fill": { "type": "FLAT_COLOR", "blend": { "mode": "NORMAL", "opacity": 1.0 }, "color": { "alpha": 1.0 } } }] }, { "sourceId": "7564F519-7F45-45DC-AF80-FF315BD6D832", "parentId": "290324AF-D8A8-41E3-9407-94985577787B", "displayName": "Label%20Left", "locked": true, "type": "TEXT", "bounds": { "topLeft": { "x": 80.0, "y": 669.0 }, "width": 360.0, "height": 19.0 }, "properties": [{ "aspect": { "fixedHeight": true } }, { "blend": { "mode": "NORMAL", "opacity": 1.0 } }, { "text": { "content": "Elements", "fontDisplayName": "Roboto%20Regular", "fontSize": 14.0, "color": { "alpha": 1.0 }, "characterSpacing": 0.4666667, "verticalAlignment": "TOP" } }] }, { "sourceId": "8BAC6D2B-7D32-4F21-95EF-83516307948E", "displayName": "%E2%9C%B1%20/%20Artboard%20Content%20/%20Component%20Header", "locked": true, "type": "BASIC_COMPONENT", "bounds": { "topLeft": { }, "width": 1024.0, "height": 200.0 }, "properties": [{ "blend": { "mode": "NORMAL", "opacity": 1.0 } }, { "componentOverride": { "type": "TEXT", "label": "Title", "value": "Progress%2520Indicators" } }, { "componentOverride": { "type": "TEXT", "label": "Material.io/Guidelin", "value": "Material.io/Guidelines/Components" } }, { "componentOverride": { "type": "TEXT", "label": "Version%20.5.24", "value": "Version%2520.5.24" } }] }, { "sourceId": "499BF85C-FAB9-4367-84E5-F8C928A8A132", "parentId": "8BAC6D2B-7D32-4F21-95EF-83516307948E", "displayName": "Rectangle%202", "locked": true, "type": "SHAPE", "bounds": { "topLeft": { }, "width": 1024.0, "height": 200.0 }, "properties": [{ "blend": { "mode": "NORMAL", "opacity": 1.0 } }, { "fill": { "type": "FLAT_COLOR", "blend": { "mode": "NORMAL", "opacity": 1.0 }, "color": { "red": 1.0, "green": 1.0, "blue": 1.0, "alpha": 1.0 } } }] }, { "sourceId": "6CEA4C31-18AF-4DA8-851A-CD715AD1C3EA", "parentId": "8BAC6D2B-7D32-4F21-95EF-83516307948E", "displayName": "Divider", "locked": true, "type": "SHAPE", "bounds": { "topLeft": { "y": 199.0 }, "width": 1024.0, "height": 1.0 }, "properties": [{ "blend": { "mode": "NORMAL", "opacity": 1.0 } }, { "fill": { "type": "FLAT_COLOR", "blend": { "mode": "NORMAL", "opacity": 1.0 }, "color": { "alpha": 0.12 } } }] }, { "sourceId": "5DC582DE-2719-4B95-8A3A-7D64C77BB318", "parentId": "8BAC6D2B-7D32-4F21-95EF-83516307948E", "displayName": "Title", "locked": true, "type": "TEXT", "bounds": { "topLeft": { "x": 80.0, "y": 89.0 }, "width": 864.0, "height": 66.0 }, "properties": [{ "aspect": { "fixedHeight": true } }, { "blend": { "mode": "NORMAL", "opacity": 0.87 } }, { "text": { "content": "Progress%20Indicators", "fontDisplayName": "Roboto%20Regular", "fontSize": 56.0, "color": { "alpha": 0.87 }, "verticalAlignment": "TOP" } }] }, { "sourceId": "9FBA00BB-E866-4991-B3C5-0006170BDB79", "parentId": "8BAC6D2B-7D32-4F21-95EF-83516307948E", "displayName": "Material.io/Guidelin", "locked": true, "type": "TEXT", "bounds": { "topLeft": { "x": 436.0, "y": 53.0 }, "width": 507.0, "height": 20.0 }, "properties": [{ "aspect": { "fixedHeight": true } }, { "blend": { "mode": "NORMAL", "opacity": 0.54 } }, { "text": { "content": "Material.io/Guidelines/Components", "fontDisplayName": "Roboto%20Regular", "fontSize": 13.0, "color": { "alpha": 1.0 }, "paragraphSpacing": 8.0, "lineHeight": 20.0, "horizontalAlignment": "RIGHT", "verticalAlignment": "TOP" } }] }, { "sourceId": "8D6C3046-955F-458D-AD45-B39FB8182FF3", "parentId": "8BAC6D2B-7D32-4F21-95EF-83516307948E", "displayName": "Version%20.5.24", "locked": true, "type": "TEXT", "bounds": { "topLeft": { "x": 436.0, "y": 77.0 }, "width": 507.0, "height": 20.0 }, "properties": [{ "aspect": { "fixedHeight": true } }, { "blend": { "mode": "NORMAL", "opacity": 0.54 } }, { "text": { "content": "Version%20.5.24", "fontDisplayName": "Roboto%20Regular", "fontSize": 13.0, "color": { "alpha": 1.0 }, "paragraphSpacing": 8.0, "lineHeight": 20.0, "horizontalAlignment": "RIGHT", "verticalAlignment": "TOP" } }] }] }, "backgroundColor": { }, "mimeType": "image/png", "contentSize": "59347", "uploadSource": "SKETCH" }