diff --git a/.circleci/config.yml b/.circleci/config.yml new file mode 100644 index 0000000..b836063 --- /dev/null +++ b/.circleci/config.yml @@ -0,0 +1,93 @@ +version: 2.1 + +executors: + node: + parameters: + image: + type: string + default: "8" + docker: + - image: circleci/node:<< parameters.image >> + + shellcheck: + docker: + - image: koalaman/shellcheck-alpine:stable + +aliases: + install_node_modules: &install_node_modules + run: + name: Install node modules + command: npm ci + + test_template: &test_template + steps: + - checkout + - <<: *install_node_modules + - run: npm test -- -w 1 + +jobs: + lint: + executor: node + steps: + - checkout + - <<: *install_node_modules + - run: npm run lint + + shellcheck: + executor: shellcheck + steps: + - checkout + - run: shellcheck --external-sources sketchtool.sh + + generate_mocks: + executor: node + steps: + - checkout + - <<: *install_node_modules + - run: bash generate_mocks.sh + + unit_tests_node_lts: + executor: node + <<: *test_template + + unit_tests_node_current: + executor: + name: node + image: "12" + <<: *test_template + + verify_readme: + docker: + - image: circleci/ruby + steps: + - run: gem install awesome_bot + - checkout + - run: awesome_bot README.md --allow-redirect --allow-dupe -w "https://github.com/inthepocket/hubble-app" + + build: + executor: node + steps: + - checkout + - <<: *install_node_modules + - run: ./node_modules/.bin/pkg cli.js -t node8-linux-x64 --output ./bin/hubble-cli + - run: ./bin/hubble-cli --version + +workflows: + version: 2 + + test_build_deploy: + jobs: + - lint + - verify_readme + - generate_mocks + - unit_tests_node_lts: + requires: + - generate_mocks + - unit_tests_node_current: + requires: + - generate_mocks + - build: + requires: + - lint + - generate_mocks + - unit_tests_node_lts diff --git a/.prettierignore b/.prettierignore new file mode 100644 index 0000000..4bcf50f --- /dev/null +++ b/.prettierignore @@ -0,0 +1,4 @@ +__mocks__ +__tests__ + +jest.config.js diff --git a/.travis.yml b/.travis.yml deleted file mode 100644 index 9c8daa7..0000000 --- a/.travis.yml +++ /dev/null @@ -1,22 +0,0 @@ -matrix: - include: - - language: node_js - node_js: - - '8' - script: - - npm run lint - - npm run generate:mocks - - npm test - - - language: shell - sudo: false - script: - - shellcheck sketchtool.sh hubble.sh - - - language: ruby - before_script: gem install awesome_bot - script: awesome_bot README.md --allow-redirect --allow-dupe -w "https://github.com/inthepocket/hubble-app" - -notifications: - slack: - secure: jCXaJgotbSFaJ4ID5XMdFIrmJoSOSyB1QE+WD3iW+qE67kEqBkreFGdeeP5gK9AEPMO/HkIdpQqpY3fp6JRpJEK/y54+zburrUaJFH3FHvOzgb3LPek1MAi7JsP1C9JXqG9LDt5f/EvE8LZln8eEA3ryL9gSLQ38AwRGw97qmmNd2jHmiPL3ELHd7Z67zIHGLyt44kbrQtjNgrN0bIgz1jTvY3Yulm3a7dzTn4xwK3ImLEYtmBJLqqoLprvlEY9ld7hPmQ6oy+GJgSqjrQl9iIwcygZzJtZVWko9Kjx9w4Y4q89Qv8X32GlGnf7WJef+/Dui2EaPrv/aNd5bbSAX7xrsiA+9n3um5CI1G3iiB/Rz9meoXYs4h6cPGqn6IoO7LHdzyyLATSlOLCZHSN+om7tNPgKAA6h3YyJsHLDxeJi8X0n+MnxpzD218XY+zpc6E39tiKYJ87bVYBCEDaUdHU/rDRqgh/pKcNJLrEa5erYbHtZw0BmfaUg+QkI3bv/BOEhvDybUdtIvF0bo9Nb9wD1TWTA4av/DcTvehFCOZCce/pTjFqGCKztwGNkX+PGp/R0of2Xod1RbYbANG/QnJo8Vm4kAAkFEuKxDhvpIPMlrXU/egkEXWTHploe9KnzUvZ0pGSlXhTURsg//3Kw2RarYBj+TYJqCNTKzgJn9z1U= diff --git a/README.md b/README.md index 7468ccc..931c955 100644 --- a/README.md +++ b/README.md @@ -5,7 +5,7 @@ [![Releases](https://badgen.net/github/releases/inthepocket/hubble-scripts)][releases] ![Last commit](https://badgen.net/github/last-commit/inthepocket/hubble-scripts) [![Latest release](https://badgen.net/github/release/inthepocket/hubble-scripts/stable)][latest release] -[![CI Status](https://badgen.net/travis/inthepocket/hubble-scripts)][travis] +[![CI Status](https://badgen.net/circleci/github/inthepocket/hubble-scripts)][circle ci] > Scripts repository to export design data like colors, fonts & text, and map them to design tokens. @@ -21,31 +21,41 @@ The backbone of the [Hubble ecosystem][hubble homepage], this scripts repository # Prerequisites -- macOS with Sketch 41+ (latest Sketch recommended) +__For parsing Sketch__: + - A recent bash version (bash@4.4 recommended) +- macOS with Sketch 41+ (latest Sketch recommended) + +__For parsing Figma__: + +- A Figma [access token][figma access token] # Installing The easiest way to install is to download [one of the releases][releases] and download the hubble-cli binary. This can be executed by most shells and will only output design tokens. -If you're looking to also export assets, download [`sketchtool.sh`][sketchtool], which is a shell script wrapper around Sketch's [sketchtool binary][sketchtool docs]. +## Sketch + +If you're looking to also export assets for Sketch, download [`sketchtool.sh`][sketchtool], which is a shell script wrapper around Sketch's [sketchtool binary][sketchtool docs]. # Usage -> There is a sample sketchfile in the [__mocks__][mocks] folder with sample output that would be generated for this file. +> There is a sample .sketch file and Figma file ID in the [__mocks__][mocks] folder with sample output that would be generated for this file. -hubble-scripts works best with a separate Sketch [library file][sketch library docs]. Take a look at the examples and short bits below, or refer to our [more advanced documentation][wiki]. +hubble-scripts works best with a separate Sketch/Figma [library file][sketch library docs]. Take a look at the examples and short bits below, or refer to our [more advanced documentation][wiki]. ## Generating JSON config -You can use the `hubble-cli` binary to export design data out of your Sketch file and map it to a generic JSON design token format. +You can use the `hubble-cli` binary to export design data out of your file and map it to a generic JSON design token format. ```shell # This will generate a `hubble-data.json` file with text styles & colors found in a Sketch document: -$ ./hubble-cli "/Users/hubble/Desktop/MyDesign.sketch" +$ ./hubble-cli "__mocks/sketch/sample_sketchfile.sketch" +$ ./hubble-cli --token "29-206..." HbgJuBVOwIOcoZMVnpG01LqA # You can optionally specify a config output dir. Otherwise current working directory will be used: -$ ./hubble-cli "/Users/hubble/Desktop/MyDesign.sketch" --outputDir="/var/hubble/" +$ ./hubble-cli "__mocks/sketch/sample_sketchfile.sketch" --outputDir="/var/hubble/" +$ ./hubble-cli "__mocks/sketch/sample_sketchfile.sketch" --outputDir="/var/hubble/" ``` If you need more fine-tuning over this export flow, Hubble provides even more options to [customize your design token output][hubble-cli options]. @@ -59,16 +69,22 @@ For more information on our Style Dictionary output, check [the wiki][wiki style ## Exporting assets +### Sketch + Assets can be exported using the `sketchtool.sh` script. This process exports all layers marked as exportable or that have been sliced. ```shell # This will export normalized (lowercase, underscore) assets as SVG (for web) and PNG (1x, 2x, 3x for native) -$ ./sketchtool.sh "/Users/hubble/Desktop/MyDesign.sketch" +$ ./sketchtool.sh "__mocks/sketch/sample_sketchfile.sketch" # You can optionally specify an asset output dir. Otherwise current working directory will be used: -$ ./sketchtool.sh "/Users/hubble/Desktop/MyDesign.sketch" "/var/hubble/assets/images" +$ ./sketchtool.sh "__mocks/sketch/sample_sketchfile.sketch" "/var/hubble/assets/images" ``` +### Figma + +TODO: + ## Integrating in a project Copy `hubble-cli` and `sketchtool.sh` to a scripts folder in your project. This example uses npm run-tasks to describe the export flow: @@ -76,9 +92,9 @@ Copy `hubble-cli` and `sketchtool.sh` to a scripts folder in your project. This ```json { "scripts": { - "hubble:data": "./scripts/hubble-cli ...", + "hubble:tokens": "./scripts/hubble-cli ...", "hubble:assets": "./scripts/sketchtool.sh ...", - "hubble": "npm run hubble:data && npm run hubble:assets" + "hubble": "npm run hubble:tokens && npm run hubble:assets" } } ``` @@ -95,18 +111,23 @@ Copy `hubble-cli` and `sketchtool.sh` to a scripts folder in your project. This $ node cli.js --help Usage - $ hubble-cli --outputDir="/home/usr/downloads" + $ hubble-cli [options] Options - --outputDir=, -o The directory where parsed files will be placed after a run. Defaults to current working directory - --dump, -d Dump all Sketch JSON files into 1 logdump.json - --useColorArtboards Use artboard formatting to export colors instead of using the document colors - --useGradientArtboards Use artboard formatting to export gradients instead of using the document gradients + --outputDir=, -o The directory where parsed files will be placed after a run. Defaults to current working directory. + --dump, -d Dump raw file output into logdump.json. + For Sketch this is the JSON inside the .sketch file bundle, + for Figma this is the received REST API response. + --useColorArtboards Use artboard formatting to export colors instead of using the document colors. + --useGradientArtboards Use artboard formatting to export gradients instead of using the document gradients. --useStyleDictionaryOutput, -s Generate Style Dictionary compatible output instead of the generic design token format. + --token, -t Authorization token when accessing the Figma API. Examples $ hubble-cli "__mocks/sample_sketchfile.sketch" - $ hubble-cli "__mocks__/sample_sketchfile.sketch" -d --useColorArtboards --outputDir="config/" + $ hubble-cli "__mocks/sample_sketchfile.sketch" -d --useColorArtboards --outputDir="config/" + $ hubble-cli --token "29-206..." HbgJuBVOwIOcoZMVnpG01LqA + $ hubble-cli --token "29-206..." HbgJuBVOwIOcoZMVnpG01LqA --useStyleDictionary ``` For more on running in development mode, check the [wiki]. @@ -133,3 +154,4 @@ For more on running in development mode, check the [wiki]. [sketch library docs]: https://sketchapp.com/docs/libraries/ [sketchtool docs]: https://developer.sketchapp.com/guides/sketchtool/ [style dictionary]: https://amzn.github.io/style-dictionary +[figma access token]: https://www.figma.com/developers/api#access-tokens diff --git a/__mocks__/figma/sample_dump.json b/__mocks__/figma/sample_dump.json new file mode 100644 index 0000000..78d8f19 --- /dev/null +++ b/__mocks__/figma/sample_dump.json @@ -0,0 +1,6015 @@ +{ + "document": { + "id": "0:0", + "name": "Document", + "type": "DOCUMENT", + "children": [ + { + "id": "0:1", + "name": "primitives", + "type": "CANVAS", + "children": [ + { + "id": "1:2", + "name": "textstyle/paragraph", + "type": "FRAME", + "blendMode": "PASS_THROUGH", + "children": [ + { + "id": "1:3", + "name": "Paragraph", + "type": "TEXT", + "blendMode": "PASS_THROUGH", + "absoluteBoundingBox": { + "x": -562, + "y": 5, + "width": 115, + "height": 22 + }, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0, + "g": 0, + "b": 0, + "a": 1 + } + } + ], + "strokes": [], + "strokeWeight": 0, + "strokeAlign": "CENTER", + "effects": [], + "characters": "Paragraph", + "style": { + "fontFamily": "FiraSans", + "fontPostScriptName": "FiraSans-Book", + "fontWeight": 400, + "fontSize": 18, + "textAlignHorizontal": "LEFT", + "textAlignVertical": "TOP", + "letterSpacing": 0, + "lineHeightPx": 21.09375, + "lineHeightPercent": 100, + "lineHeightUnit": "INTRINSIC_%" + }, + "characterStyleOverrides": [], + "styleOverrideTable": {} + } + ], + "absoluteBoundingBox": { + "x": -561, + "y": 8, + "width": 81, + "height": 18 + }, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "clipsContent": true, + "background": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + } + } + ], + "backgroundColor": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + }, + "layoutGrids": [], + "effects": [] + }, + { + "id": "1:4", + "name": "textstyle/quote", + "type": "FRAME", + "blendMode": "PASS_THROUGH", + "children": [ + { + "id": "1:5", + "name": "Quote", + "type": "TEXT", + "blendMode": "PASS_THROUGH", + "absoluteBoundingBox": { + "x": -562, + "y": 38, + "width": 69, + "height": 16 + }, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.7300158739089966, + "g": 0.7300158739089966, + "b": 0.7300158739089966, + "a": 1 + } + } + ], + "strokes": [], + "strokeWeight": 0, + "strokeAlign": "CENTER", + "effects": [], + "characters": "Quote", + "style": { + "fontFamily": "Helvetica", + "fontPostScriptName": "Helvetica-Bold", + "fontWeight": 700, + "fontSize": 14, + "textAlignHorizontal": "LEFT", + "textAlignVertical": "TOP", + "letterSpacing": 0.6000000238418579, + "lineHeightPx": 16.40625, + "lineHeightPercent": 100, + "lineHeightUnit": "INTRINSIC_%" + }, + "characterStyleOverrides": [ + 25, + 25, + 25, + 25, + 24 + ], + "styleOverrideTable": { + "24": { + "letterSpacing": 0 + }, + "25": {} + } + } + ], + "absoluteBoundingBox": { + "x": -562, + "y": 41, + "width": 43, + "height": 12 + }, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "clipsContent": true, + "background": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + } + } + ], + "backgroundColor": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + }, + "layoutGrids": [], + "effects": [] + }, + { + "id": "1:6", + "name": "textstyle/heading2", + "type": "FRAME", + "blendMode": "PASS_THROUGH", + "children": [ + { + "id": "1:7", + "name": "Heading 2", + "type": "TEXT", + "blendMode": "PASS_THROUGH", + "absoluteBoundingBox": { + "x": -564, + "y": -51, + "width": 224, + "height": 43 + }, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.062745101749897, + "g": 0.0235294122248888, + "b": 0.6235294342041016, + "a": 1 + } + } + ], + "strokes": [], + "strokeWeight": 0, + "strokeAlign": "CENTER", + "effects": [], + "characters": "Heading 2", + "style": { + "fontFamily": "Fira Sans", + "fontPostScriptName": "FiraSans-Regular", + "fontWeight": 400, + "fontSize": 36, + "textAlignHorizontal": "LEFT", + "textAlignVertical": "TOP", + "letterSpacing": 0, + "lineHeightPx": 42.1875, + "lineHeightPercent": 100, + "lineHeightUnit": "INTRINSIC_%" + }, + "characterStyleOverrides": [], + "styleOverrideTable": {} + } + ], + "absoluteBoundingBox": { + "x": -561, + "y": -46, + "width": 157, + "height": 37 + }, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "clipsContent": true, + "background": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + } + } + ], + "backgroundColor": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + }, + "layoutGrids": [], + "effects": [] + }, + { + "id": "1:8", + "name": "textstyle/heading1", + "type": "FRAME", + "blendMode": "PASS_THROUGH", + "children": [ + { + "id": "1:9", + "name": "Heading 1", + "type": "TEXT", + "blendMode": "PASS_THROUGH", + "absoluteBoundingBox": { + "x": -564, + "y": -122, + "width": 216, + "height": 58 + }, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.062745101749897, + "g": 0.0235294122248888, + "b": 0.6235294342041016, + "a": 1 + } + } + ], + "strokes": [], + "strokeWeight": 0, + "strokeAlign": "CENTER", + "effects": [], + "characters": "Heading 1", + "style": { + "fontFamily": "Fira Sans", + "fontPostScriptName": "FiraSans-Bold", + "fontWeight": 700, + "fontSize": 48, + "textAlignHorizontal": "LEFT", + "textAlignVertical": "TOP", + "letterSpacing": 0, + "lineHeightPx": 57.599998474121094, + "lineHeightPercent": 102.39999389648438, + "lineHeightPercentFontSize": 120, + "lineHeightUnit": "PIXELS" + }, + "characterStyleOverrides": [], + "styleOverrideTable": {} + } + ], + "absoluteBoundingBox": { + "x": -561, + "y": -116, + "width": 228, + "height": 52 + }, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "clipsContent": true, + "background": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + } + } + ], + "backgroundColor": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + }, + "layoutGrids": [], + "effects": [] + }, + { + "id": "1:10", + "name": "primitives/color/primary/900", + "type": "COMPONENT", + "blendMode": "PASS_THROUGH", + "children": [ + { + "id": "1:11", + "name": "gray-dark", + "type": "RECTANGLE", + "blendMode": "PASS_THROUGH", + "absoluteBoundingBox": { + "x": -64, + "y": -116, + "width": 24, + "height": 24 + }, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.37254902720451355, + "g": 0.7607843279838562, + "b": 0.9019607901573181, + "a": 1 + } + } + ], + "strokes": [ + { + "blendMode": "NORMAL", + "visible": false, + "type": "SOLID", + "color": { + "r": 0.5920000076293945, + "g": 0.5920000076293945, + "b": 0.5920000076293945, + "a": 1 + } + } + ], + "strokeWeight": 0, + "strokeAlign": "CENTER", + "effects": [] + } + ], + "absoluteBoundingBox": { + "x": -64, + "y": -116, + "width": 24, + "height": 24 + }, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "clipsContent": false, + "background": [ + { + "blendMode": "NORMAL", + "visible": false, + "type": "SOLID", + "color": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + } + } + ], + "backgroundColor": { + "r": 0, + "g": 0, + "b": 0, + "a": 0 + }, + "layoutGrids": [], + "effects": [] + }, + { + "id": "1:12", + "name": "primitives/color/primary/800", + "type": "COMPONENT", + "blendMode": "PASS_THROUGH", + "children": [ + { + "id": "1:13", + "name": "gray-dark", + "type": "RECTANGLE", + "blendMode": "PASS_THROUGH", + "absoluteBoundingBox": { + "x": -64, + "y": -78, + "width": 24, + "height": 24 + }, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.3686274588108063, + "g": 0.7568627595901489, + "b": 0.8196078538894653, + "a": 1 + } + } + ], + "strokes": [ + { + "blendMode": "NORMAL", + "visible": false, + "type": "SOLID", + "color": { + "r": 0.5920000076293945, + "g": 0.5920000076293945, + "b": 0.5920000076293945, + "a": 1 + } + } + ], + "strokeWeight": 0, + "strokeAlign": "CENTER", + "effects": [] + } + ], + "absoluteBoundingBox": { + "x": -64, + "y": -78, + "width": 24, + "height": 24 + }, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "clipsContent": false, + "background": [ + { + "blendMode": "NORMAL", + "visible": false, + "type": "SOLID", + "color": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + } + } + ], + "backgroundColor": { + "r": 0, + "g": 0, + "b": 0, + "a": 0 + }, + "layoutGrids": [], + "effects": [] + }, + { + "id": "1:14", + "name": "primitives/color/primary/700", + "type": "COMPONENT", + "blendMode": "PASS_THROUGH", + "children": [ + { + "id": "1:15", + "name": "gray-dark", + "type": "RECTANGLE", + "blendMode": "PASS_THROUGH", + "absoluteBoundingBox": { + "x": -64, + "y": -35, + "width": 24, + "height": 24 + }, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.46666666865348816, + "g": 0.7843137383460999, + "b": 0.8392156958580017, + "a": 1 + } + } + ], + "strokes": [ + { + "blendMode": "NORMAL", + "visible": false, + "type": "SOLID", + "color": { + "r": 0.5920000076293945, + "g": 0.5920000076293945, + "b": 0.5920000076293945, + "a": 1 + } + } + ], + "strokeWeight": 0, + "strokeAlign": "CENTER", + "effects": [] + } + ], + "absoluteBoundingBox": { + "x": -64, + "y": -35, + "width": 24, + "height": 24 + }, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "clipsContent": false, + "background": [ + { + "blendMode": "NORMAL", + "visible": false, + "type": "SOLID", + "color": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + } + } + ], + "backgroundColor": { + "r": 0, + "g": 0, + "b": 0, + "a": 0 + }, + "layoutGrids": [], + "effects": [] + }, + { + "id": "1:16", + "name": "primitives/color/primary/600", + "type": "COMPONENT", + "blendMode": "PASS_THROUGH", + "children": [ + { + "id": "1:17", + "name": "gray-dark", + "type": "RECTANGLE", + "blendMode": "PASS_THROUGH", + "absoluteBoundingBox": { + "x": -64, + "y": 8, + "width": 24, + "height": 24 + }, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.5529412031173706, + "g": 0.8117647171020508, + "b": 0.8588235378265381, + "a": 1 + } + } + ], + "strokes": [ + { + "blendMode": "NORMAL", + "visible": false, + "type": "SOLID", + "color": { + "r": 0.5920000076293945, + "g": 0.5920000076293945, + "b": 0.5920000076293945, + "a": 1 + } + } + ], + "strokeWeight": 0, + "strokeAlign": "CENTER", + "effects": [] + } + ], + "absoluteBoundingBox": { + "x": -64, + "y": 8, + "width": 24, + "height": 24 + }, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "clipsContent": false, + "background": [ + { + "blendMode": "NORMAL", + "visible": false, + "type": "SOLID", + "color": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + } + } + ], + "backgroundColor": { + "r": 0, + "g": 0, + "b": 0, + "a": 0 + }, + "layoutGrids": [], + "effects": [] + }, + { + "id": "1:18", + "name": "primitives/color/primary/500", + "type": "COMPONENT", + "blendMode": "PASS_THROUGH", + "children": [ + { + "id": "1:19", + "name": "gray-dark", + "type": "RECTANGLE", + "blendMode": "PASS_THROUGH", + "absoluteBoundingBox": { + "x": -64, + "y": 48, + "width": 24, + "height": 24 + }, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.6274510025978088, + "g": 0.8392156958580017, + "b": 0.8784313797950745, + "a": 1 + } + } + ], + "strokes": [ + { + "blendMode": "NORMAL", + "visible": false, + "type": "SOLID", + "color": { + "r": 0.5920000076293945, + "g": 0.5920000076293945, + "b": 0.5920000076293945, + "a": 1 + } + } + ], + "strokeWeight": 0, + "strokeAlign": "CENTER", + "effects": [] + } + ], + "absoluteBoundingBox": { + "x": -64, + "y": 48, + "width": 24, + "height": 24 + }, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "clipsContent": false, + "background": [ + { + "blendMode": "NORMAL", + "visible": false, + "type": "SOLID", + "color": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + } + } + ], + "backgroundColor": { + "r": 0, + "g": 0, + "b": 0, + "a": 0 + }, + "layoutGrids": [], + "effects": [] + }, + { + "id": "1:20", + "name": "primitives/color/primary/400", + "type": "COMPONENT", + "blendMode": "PASS_THROUGH", + "children": [ + { + "id": "1:21", + "name": "gray-dark", + "type": "RECTANGLE", + "blendMode": "PASS_THROUGH", + "absoluteBoundingBox": { + "x": -64, + "y": 90, + "width": 24, + "height": 24 + }, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.7019608020782471, + "g": 0.8666666746139526, + "b": 0.9019607901573181, + "a": 1 + } + } + ], + "strokes": [ + { + "blendMode": "NORMAL", + "visible": false, + "type": "SOLID", + "color": { + "r": 0.5920000076293945, + "g": 0.5920000076293945, + "b": 0.5920000076293945, + "a": 1 + } + } + ], + "strokeWeight": 0, + "strokeAlign": "CENTER", + "effects": [] + } + ], + "absoluteBoundingBox": { + "x": -64, + "y": 90, + "width": 24, + "height": 24 + }, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "clipsContent": false, + "background": [ + { + "blendMode": "NORMAL", + "visible": false, + "type": "SOLID", + "color": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + } + } + ], + "backgroundColor": { + "r": 0, + "g": 0, + "b": 0, + "a": 0 + }, + "layoutGrids": [], + "effects": [] + }, + { + "id": "1:22", + "name": "primitives/color/primary/300", + "type": "COMPONENT", + "blendMode": "PASS_THROUGH", + "children": [ + { + "id": "1:23", + "name": "gray-dark", + "type": "RECTANGLE", + "blendMode": "PASS_THROUGH", + "absoluteBoundingBox": { + "x": -64, + "y": 135, + "width": 24, + "height": 24 + }, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.8313725590705872, + "g": 0.9215686321258545, + "b": 0.9411764740943909, + "a": 1 + } + } + ], + "strokes": [ + { + "blendMode": "NORMAL", + "visible": false, + "type": "SOLID", + "color": { + "r": 0.5920000076293945, + "g": 0.5920000076293945, + "b": 0.5920000076293945, + "a": 1 + } + } + ], + "strokeWeight": 0, + "strokeAlign": "CENTER", + "effects": [] + } + ], + "absoluteBoundingBox": { + "x": -64, + "y": 135, + "width": 24, + "height": 24 + }, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "clipsContent": false, + "background": [ + { + "blendMode": "NORMAL", + "visible": false, + "type": "SOLID", + "color": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + } + } + ], + "backgroundColor": { + "r": 0, + "g": 0, + "b": 0, + "a": 0 + }, + "layoutGrids": [], + "effects": [] + }, + { + "id": "1:24", + "name": "primitives/color/primary/200", + "type": "COMPONENT", + "blendMode": "PASS_THROUGH", + "children": [ + { + "id": "1:25", + "name": "gray-dark", + "type": "RECTANGLE", + "blendMode": "PASS_THROUGH", + "absoluteBoundingBox": { + "x": -64, + "y": 180, + "width": 24, + "height": 24 + }, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.8980392217636108, + "g": 0.9529411792755127, + "b": 0.9803921580314636, + "a": 1 + } + } + ], + "strokes": [ + { + "blendMode": "NORMAL", + "visible": false, + "type": "SOLID", + "color": { + "r": 0.5920000076293945, + "g": 0.5920000076293945, + "b": 0.5920000076293945, + "a": 1 + } + } + ], + "strokeWeight": 0, + "strokeAlign": "CENTER", + "effects": [] + } + ], + "absoluteBoundingBox": { + "x": -64, + "y": 180, + "width": 24, + "height": 24 + }, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "clipsContent": false, + "background": [ + { + "blendMode": "NORMAL", + "visible": false, + "type": "SOLID", + "color": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + } + } + ], + "backgroundColor": { + "r": 0, + "g": 0, + "b": 0, + "a": 0 + }, + "layoutGrids": [], + "effects": [] + }, + { + "id": "1:26", + "name": "primitives/color/primary/100", + "type": "COMPONENT", + "blendMode": "PASS_THROUGH", + "children": [ + { + "id": "1:27", + "name": "gray-dark", + "type": "RECTANGLE", + "blendMode": "PASS_THROUGH", + "absoluteBoundingBox": { + "x": -64, + "y": 223, + "width": 24, + "height": 24 + }, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.9490196108818054, + "g": 0.9764705896377563, + "b": 0.9921568632125854, + "a": 1 + } + } + ], + "strokes": [ + { + "blendMode": "NORMAL", + "visible": false, + "type": "SOLID", + "color": { + "r": 0.5920000076293945, + "g": 0.5920000076293945, + "b": 0.5920000076293945, + "a": 1 + } + } + ], + "strokeWeight": 0, + "strokeAlign": "CENTER", + "effects": [] + } + ], + "absoluteBoundingBox": { + "x": -64, + "y": 223, + "width": 24, + "height": 24 + }, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "clipsContent": false, + "background": [ + { + "blendMode": "NORMAL", + "visible": false, + "type": "SOLID", + "color": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + } + } + ], + "backgroundColor": { + "r": 0, + "g": 0, + "b": 0, + "a": 0 + }, + "layoutGrids": [], + "effects": [] + }, + { + "id": "1:28", + "name": "primitives/color/secondary/900", + "type": "COMPONENT", + "blendMode": "PASS_THROUGH", + "children": [ + { + "id": "1:29", + "name": "gray-dark", + "type": "RECTANGLE", + "blendMode": "PASS_THROUGH", + "absoluteBoundingBox": { + "x": 3, + "y": -116, + "width": 24, + "height": 24 + }, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.13333334028720856, + "g": 0.4901960790157318, + "b": 0.24313725531101227, + "a": 1 + } + } + ], + "strokes": [ + { + "blendMode": "NORMAL", + "visible": false, + "type": "SOLID", + "color": { + "r": 0.5920000076293945, + "g": 0.5920000076293945, + "b": 0.5920000076293945, + "a": 1 + } + } + ], + "strokeWeight": 0, + "strokeAlign": "CENTER", + "effects": [] + } + ], + "absoluteBoundingBox": { + "x": 3, + "y": -116, + "width": 24, + "height": 24 + }, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "clipsContent": false, + "background": [ + { + "blendMode": "NORMAL", + "visible": false, + "type": "SOLID", + "color": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + } + } + ], + "backgroundColor": { + "r": 0, + "g": 0, + "b": 0, + "a": 0 + }, + "layoutGrids": [], + "effects": [] + }, + { + "id": "1:30", + "name": "primitives/color/red", + "type": "COMPONENT", + "blendMode": "PASS_THROUGH", + "children": [ + { + "id": "1:31", + "name": "gray-dark", + "type": "RECTANGLE", + "blendMode": "PASS_THROUGH", + "absoluteBoundingBox": { + "x": -30, + "y": -116, + "width": 24, + "height": 24 + }, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.9606186151504517, + "g": 0.3675662577152252, + "b": 0.3675662577152252, + "a": 1 + } + } + ], + "strokes": [ + { + "blendMode": "NORMAL", + "visible": false, + "type": "SOLID", + "color": { + "r": 0.5920000076293945, + "g": 0.5920000076293945, + "b": 0.5920000076293945, + "a": 1 + } + } + ], + "strokeWeight": 0, + "strokeAlign": "CENTER", + "effects": [] + } + ], + "absoluteBoundingBox": { + "x": -30, + "y": -116, + "width": 24, + "height": 24 + }, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "clipsContent": false, + "background": [ + { + "blendMode": "NORMAL", + "visible": false, + "type": "SOLID", + "color": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + } + } + ], + "backgroundColor": { + "r": 0, + "g": 0, + "b": 0, + "a": 0 + }, + "layoutGrids": [], + "effects": [] + }, + { + "id": "1:32", + "name": "primitives/color/secondary/800", + "type": "COMPONENT", + "blendMode": "PASS_THROUGH", + "children": [ + { + "id": "1:33", + "name": "gray-dark", + "type": "RECTANGLE", + "blendMode": "PASS_THROUGH", + "absoluteBoundingBox": { + "x": 3, + "y": -78, + "width": 24, + "height": 24 + }, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.24313725531101227, + "g": 0.529411792755127, + "b": 0.29019609093666077, + "a": 1 + } + } + ], + "strokes": [ + { + "blendMode": "NORMAL", + "visible": false, + "type": "SOLID", + "color": { + "r": 0.5920000076293945, + "g": 0.5920000076293945, + "b": 0.5920000076293945, + "a": 1 + } + } + ], + "strokeWeight": 0, + "strokeAlign": "CENTER", + "effects": [] + } + ], + "absoluteBoundingBox": { + "x": 3, + "y": -78, + "width": 24, + "height": 24 + }, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "clipsContent": false, + "background": [ + { + "blendMode": "NORMAL", + "visible": false, + "type": "SOLID", + "color": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + } + } + ], + "backgroundColor": { + "r": 0, + "g": 0, + "b": 0, + "a": 0 + }, + "layoutGrids": [], + "effects": [] + }, + { + "id": "1:34", + "name": "primitives/color/secondary/700", + "type": "COMPONENT", + "blendMode": "PASS_THROUGH", + "children": [ + { + "id": "1:35", + "name": "gray-dark", + "type": "RECTANGLE", + "blendMode": "PASS_THROUGH", + "absoluteBoundingBox": { + "x": 3, + "y": -35, + "width": 24, + "height": 24 + }, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.3333333432674408, + "g": 0.5686274766921997, + "b": 0.3450980484485626, + "a": 1 + } + } + ], + "strokes": [ + { + "blendMode": "NORMAL", + "visible": false, + "type": "SOLID", + "color": { + "r": 0.5920000076293945, + "g": 0.5920000076293945, + "b": 0.5920000076293945, + "a": 1 + } + } + ], + "strokeWeight": 0, + "strokeAlign": "CENTER", + "effects": [] + } + ], + "absoluteBoundingBox": { + "x": 3, + "y": -35, + "width": 24, + "height": 24 + }, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "clipsContent": false, + "background": [ + { + "blendMode": "NORMAL", + "visible": false, + "type": "SOLID", + "color": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + } + } + ], + "backgroundColor": { + "r": 0, + "g": 0, + "b": 0, + "a": 0 + }, + "layoutGrids": [], + "effects": [] + }, + { + "id": "1:36", + "name": "primitives/color/secondary/600", + "type": "COMPONENT", + "blendMode": "PASS_THROUGH", + "children": [ + { + "id": "1:37", + "name": "gray-dark", + "type": "RECTANGLE", + "blendMode": "PASS_THROUGH", + "absoluteBoundingBox": { + "x": 3, + "y": 8, + "width": 24, + "height": 24 + }, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.41960784792900085, + "g": 0.615686297416687, + "b": 0.4156862795352936, + "a": 1 + } + } + ], + "strokes": [ + { + "blendMode": "NORMAL", + "visible": false, + "type": "SOLID", + "color": { + "r": 0.5920000076293945, + "g": 0.5920000076293945, + "b": 0.5920000076293945, + "a": 1 + } + } + ], + "strokeWeight": 0, + "strokeAlign": "CENTER", + "effects": [] + } + ], + "absoluteBoundingBox": { + "x": 3, + "y": 8, + "width": 24, + "height": 24 + }, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "clipsContent": false, + "background": [ + { + "blendMode": "NORMAL", + "visible": false, + "type": "SOLID", + "color": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + } + } + ], + "backgroundColor": { + "r": 0, + "g": 0, + "b": 0, + "a": 0 + }, + "layoutGrids": [], + "effects": [] + }, + { + "id": "1:38", + "name": "primitives/color/secondary/500", + "type": "COMPONENT", + "blendMode": "PASS_THROUGH", + "children": [ + { + "id": "1:39", + "name": "gray-dark", + "type": "RECTANGLE", + "blendMode": "PASS_THROUGH", + "absoluteBoundingBox": { + "x": 3, + "y": 48, + "width": 24, + "height": 24 + }, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.5058823823928833, + "g": 0.6627451181411743, + "b": 0.48627451062202454, + "a": 1 + } + } + ], + "strokes": [ + { + "blendMode": "NORMAL", + "visible": false, + "type": "SOLID", + "color": { + "r": 0.5920000076293945, + "g": 0.5920000076293945, + "b": 0.5920000076293945, + "a": 1 + } + } + ], + "strokeWeight": 0, + "strokeAlign": "CENTER", + "effects": [] + } + ], + "absoluteBoundingBox": { + "x": 3, + "y": 48, + "width": 24, + "height": 24 + }, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "clipsContent": false, + "background": [ + { + "blendMode": "NORMAL", + "visible": false, + "type": "SOLID", + "color": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + } + } + ], + "backgroundColor": { + "r": 0, + "g": 0, + "b": 0, + "a": 0 + }, + "layoutGrids": [], + "effects": [] + }, + { + "id": "1:40", + "name": "primitives/color/secondary/400", + "type": "COMPONENT", + "blendMode": "PASS_THROUGH", + "children": [ + { + "id": "1:41", + "name": "gray-dark", + "type": "RECTANGLE", + "blendMode": "PASS_THROUGH", + "absoluteBoundingBox": { + "x": 3, + "y": 90, + "width": 24, + "height": 24 + }, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.5921568870544434, + "g": 0.7137255072593689, + "b": 0.5647059082984924, + "a": 1 + } + } + ], + "strokes": [ + { + "blendMode": "NORMAL", + "visible": false, + "type": "SOLID", + "color": { + "r": 0.5920000076293945, + "g": 0.5920000076293945, + "b": 0.5920000076293945, + "a": 1 + } + } + ], + "strokeWeight": 0, + "strokeAlign": "CENTER", + "effects": [] + } + ], + "absoluteBoundingBox": { + "x": 3, + "y": 90, + "width": 24, + "height": 24 + }, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "clipsContent": false, + "background": [ + { + "blendMode": "NORMAL", + "visible": false, + "type": "SOLID", + "color": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + } + } + ], + "backgroundColor": { + "r": 0, + "g": 0, + "b": 0, + "a": 0 + }, + "layoutGrids": [], + "effects": [] + }, + { + "id": "1:42", + "name": "primitives/color/secondary/300", + "type": "COMPONENT", + "blendMode": "PASS_THROUGH", + "children": [ + { + "id": "1:43", + "name": "gray-dark", + "type": "RECTANGLE", + "blendMode": "PASS_THROUGH", + "absoluteBoundingBox": { + "x": 3, + "y": 135, + "width": 24, + "height": 24 + }, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.7529411911964417, + "g": 0.8235294222831726, + "b": 0.729411780834198, + "a": 1 + } + } + ], + "strokes": [ + { + "blendMode": "NORMAL", + "visible": false, + "type": "SOLID", + "color": { + "r": 0.5920000076293945, + "g": 0.5920000076293945, + "b": 0.5920000076293945, + "a": 1 + } + } + ], + "strokeWeight": 0, + "strokeAlign": "CENTER", + "effects": [] + } + ], + "absoluteBoundingBox": { + "x": 3, + "y": 135, + "width": 24, + "height": 24 + }, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "clipsContent": false, + "background": [ + { + "blendMode": "NORMAL", + "visible": false, + "type": "SOLID", + "color": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + } + } + ], + "backgroundColor": { + "r": 0, + "g": 0, + "b": 0, + "a": 0 + }, + "layoutGrids": [], + "effects": [] + }, + { + "id": "1:44", + "name": "primitives/color/secondary/200", + "type": "COMPONENT", + "blendMode": "PASS_THROUGH", + "children": [ + { + "id": "1:45", + "name": "gray-dark", + "type": "RECTANGLE", + "blendMode": "PASS_THROUGH", + "absoluteBoundingBox": { + "x": 3, + "y": 180, + "width": 24, + "height": 24 + }, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.8313725590705872, + "g": 0.8784313797950745, + "b": 0.8156862854957581, + "a": 1 + } + } + ], + "strokes": [ + { + "blendMode": "NORMAL", + "visible": false, + "type": "SOLID", + "color": { + "r": 0.5920000076293945, + "g": 0.5920000076293945, + "b": 0.5920000076293945, + "a": 1 + } + } + ], + "strokeWeight": 0, + "strokeAlign": "CENTER", + "effects": [] + } + ], + "absoluteBoundingBox": { + "x": 3, + "y": 180, + "width": 24, + "height": 24 + }, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "clipsContent": false, + "background": [ + { + "blendMode": "NORMAL", + "visible": false, + "type": "SOLID", + "color": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + } + } + ], + "backgroundColor": { + "r": 0, + "g": 0, + "b": 0, + "a": 0 + }, + "layoutGrids": [], + "effects": [] + }, + { + "id": "1:46", + "name": "primitives/color/secondary/100", + "type": "COMPONENT", + "blendMode": "PASS_THROUGH", + "children": [ + { + "id": "1:47", + "name": "gray-dark", + "type": "RECTANGLE", + "blendMode": "PASS_THROUGH", + "absoluteBoundingBox": { + "x": 3, + "y": 223, + "width": 24, + "height": 24 + }, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.9137254953384399, + "g": 0.9372549057006836, + "b": 0.9058823585510254, + "a": 1 + } + } + ], + "strokes": [ + { + "blendMode": "NORMAL", + "visible": false, + "type": "SOLID", + "color": { + "r": 0.5920000076293945, + "g": 0.5920000076293945, + "b": 0.5920000076293945, + "a": 1 + } + } + ], + "strokeWeight": 0, + "strokeAlign": "CENTER", + "effects": [] + } + ], + "absoluteBoundingBox": { + "x": 3, + "y": 223, + "width": 24, + "height": 24 + }, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "clipsContent": false, + "background": [ + { + "blendMode": "NORMAL", + "visible": false, + "type": "SOLID", + "color": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + } + } + ], + "backgroundColor": { + "r": 0, + "g": 0, + "b": 0, + "a": 0 + }, + "layoutGrids": [], + "effects": [] + }, + { + "id": "1:48", + "name": "primitives/gradient/linear", + "type": "FRAME", + "blendMode": "PASS_THROUGH", + "children": [ + { + "id": "1:49", + "name": "Rectangle", + "type": "RECTANGLE", + "blendMode": "PASS_THROUGH", + "absoluteBoundingBox": { + "x": 52, + "y": -116, + "width": 131, + "height": 62 + }, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "GRADIENT_LINEAR", + "gradientHandlePositions": [ + { + "x": 0.5038167845431096, + "y": 1.0000000396974489 + }, + { + "x": 0.5038167491922538, + "y": 3.9697454434772794e-8 + }, + { + "x": 0.9999999762012087, + "y": 0.9999999613903336 + } + ], + "gradientStops": [ + { + "color": { + "r": 0.5921568870544434, + "g": 0.7137255072593689, + "b": 0.5647059082984924, + "a": 1 + }, + "position": 0 + }, + { + "color": { + "r": 0.3333333432674408, + "g": 0.5686274766921997, + "b": 0.3450980484485626, + "a": 1 + }, + "position": 0.5038507580757141 + }, + { + "color": { + "r": 0.13333334028720856, + "g": 0.4901960790157318, + "b": 0.24313725531101227, + "a": 1 + }, + "position": 1 + } + ] + } + ], + "strokes": [ + { + "blendMode": "NORMAL", + "visible": false, + "type": "SOLID", + "color": { + "r": 0.5920000076293945, + "g": 0.5920000076293945, + "b": 0.5920000076293945, + "a": 1 + } + } + ], + "strokeWeight": 0, + "strokeAlign": "CENTER", + "effects": [] + } + ], + "absoluteBoundingBox": { + "x": 52, + "y": -116, + "width": 131, + "height": 62 + }, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "clipsContent": true, + "background": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + } + } + ], + "backgroundColor": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + }, + "layoutGrids": [], + "effects": [] + }, + { + "id": "1:50", + "name": "primitives/gradient/radial", + "type": "FRAME", + "blendMode": "PASS_THROUGH", + "children": [ + { + "id": "1:51", + "name": "Rectangle", + "type": "RECTANGLE", + "blendMode": "PASS_THROUGH", + "absoluteBoundingBox": { + "x": 52, + "y": -35, + "width": 131, + "height": 62 + }, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "GRADIENT_RADIAL", + "gradientHandlePositions": [ + { + "x": 0.4999999999999999, + "y": 1.0000000000000002 + }, + { + "x": 0.4999999999999999, + "y": -0.2726315302406337 + }, + { + "x": 1.7726315302406337, + "y": 1.0000000000000002 + } + ], + "gradientStops": [ + { + "color": { + "r": 0.5921568870544434, + "g": 0.7137255072593689, + "b": 0.5647059082984924, + "a": 1 + }, + "position": 0 + }, + { + "color": { + "r": 0.13333334028720856, + "g": 0.4901960790157318, + "b": 0.24313725531101227, + "a": 1 + }, + "position": 1 + } + ] + } + ], + "strokes": [ + { + "blendMode": "NORMAL", + "visible": false, + "type": "SOLID", + "color": { + "r": 0.5920000076293945, + "g": 0.5920000076293945, + "b": 0.5920000076293945, + "a": 1 + } + } + ], + "strokeWeight": 0, + "strokeAlign": "CENTER", + "effects": [] + } + ], + "absoluteBoundingBox": { + "x": 52, + "y": -35, + "width": 131, + "height": 62 + }, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "clipsContent": true, + "background": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + } + } + ], + "backgroundColor": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + }, + "layoutGrids": [], + "effects": [] + }, + { + "id": "1:52", + "name": "primitives/gradient/angular", + "type": "FRAME", + "blendMode": "PASS_THROUGH", + "children": [ + { + "id": "1:53", + "name": "Rectangle", + "type": "RECTANGLE", + "blendMode": "PASS_THROUGH", + "absoluteBoundingBox": { + "x": 52, + "y": 46, + "width": 131, + "height": 62 + }, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "GRADIENT_ANGULAR", + "gradientHandlePositions": [ + { + "x": 0.5, + "y": 0.5 + }, + { + "x": 1, + "y": 0.5 + }, + { + "x": 0.5, + "y": 1 + } + ], + "gradientStops": [ + { + "color": { + "r": 0.5921568870544434, + "g": 0.7137255072593689, + "b": 0.5647059082984924, + "a": 1 + }, + "position": 0.4336458444595337 + }, + { + "color": { + "r": 0.13333334028720856, + "g": 0.4901960790157318, + "b": 0.24313725531101227, + "a": 1 + }, + "position": 1 + } + ] + } + ], + "strokes": [ + { + "blendMode": "NORMAL", + "visible": false, + "type": "SOLID", + "color": { + "r": 0.5920000076293945, + "g": 0.5920000076293945, + "b": 0.5920000076293945, + "a": 1 + } + } + ], + "strokeWeight": 0, + "strokeAlign": "CENTER", + "effects": [] + } + ], + "absoluteBoundingBox": { + "x": 52, + "y": 46, + "width": 131, + "height": 62 + }, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "clipsContent": true, + "background": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + } + } + ], + "backgroundColor": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + }, + "layoutGrids": [], + "effects": [] + }, + { + "id": "1:54", + "name": "primitives/drop-shadow/simple", + "type": "FRAME", + "blendMode": "PASS_THROUGH", + "children": [ + { + "id": "1:55", + "name": "Rectangle", + "type": "RECTANGLE", + "blendMode": "PASS_THROUGH", + "absoluteBoundingBox": { + "x": 211, + "y": -107, + "width": 80, + "height": 25 + }, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.847000002861023, + "g": 0.847000002861023, + "b": 0.847000002861023, + "a": 1 + } + } + ], + "strokes": [ + { + "blendMode": "NORMAL", + "visible": false, + "type": "SOLID", + "color": { + "r": 0.5920000076293945, + "g": 0.5920000076293945, + "b": 0.5920000076293945, + "a": 1 + } + } + ], + "strokeWeight": 0, + "strokeAlign": "CENTER", + "effects": [ + { + "type": "DROP_SHADOW", + "visible": true, + "color": { + "r": 0, + "g": 0, + "b": 0, + "a": 0.5 + }, + "blendMode": "NORMAL", + "offset": { + "x": 0, + "y": 2 + }, + "radius": 4 + } + ] + } + ], + "absoluteBoundingBox": { + "x": 200, + "y": -116, + "width": 102, + "height": 44 + }, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "clipsContent": true, + "background": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + } + } + ], + "backgroundColor": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + }, + "layoutGrids": [], + "effects": [] + }, + { + "id": "1:56", + "name": "primitives/border/inside", + "type": "FRAME", + "blendMode": "PASS_THROUGH", + "children": [ + { + "id": "1:57", + "name": "Rectangle", + "type": "RECTANGLE", + "blendMode": "PASS_THROUGH", + "absoluteBoundingBox": { + "x": 336, + "y": -107, + "width": 80, + "height": 25 + }, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.847000002861023, + "g": 0.847000002861023, + "b": 0.847000002861023, + "a": 1 + } + } + ], + "strokes": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 1, + "g": 0.5868647694587708, + "b": 0.5868647694587708, + "a": 1 + } + } + ], + "strokeWeight": 1, + "strokeAlign": "INSIDE", + "effects": [], + "cornerRadius": 3 + } + ], + "absoluteBoundingBox": { + "x": 325, + "y": -116, + "width": 102, + "height": 44 + }, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "clipsContent": true, + "background": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + } + } + ], + "backgroundColor": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + }, + "layoutGrids": [], + "effects": [] + }, + { + "id": "78:2", + "name": "primitives/blur/background", + "type": "FRAME", + "blendMode": "PASS_THROUGH", + "children": [ + { + "id": "78:3", + "name": "Rectangle", + "type": "RECTANGLE", + "blendMode": "PASS_THROUGH", + "absoluteBoundingBox": { + "x": 461, + "y": -54, + "width": 80, + "height": 25 + }, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.847000002861023, + "g": 0.847000002861023, + "b": 0.847000002861023, + "a": 1 + } + } + ], + "strokes": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 1, + "g": 0.5868647694587708, + "b": 0.5868647694587708, + "a": 1 + } + } + ], + "strokeWeight": 1, + "strokeAlign": "INSIDE", + "effects": [ + { + "type": "BACKGROUND_BLUR", + "visible": true, + "radius": 28 + } + ], + "cornerRadius": 3 + } + ], + "absoluteBoundingBox": { + "x": 450, + "y": -63, + "width": 102, + "height": 44 + }, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "clipsContent": true, + "background": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + } + } + ], + "backgroundColor": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + }, + "layoutGrids": [], + "effects": [] + }, + { + "id": "78:0", + "name": "primitives/blur/gaussian", + "type": "FRAME", + "blendMode": "PASS_THROUGH", + "children": [ + { + "id": "78:1", + "name": "Rectangle", + "type": "RECTANGLE", + "blendMode": "PASS_THROUGH", + "absoluteBoundingBox": { + "x": 461, + "y": -107, + "width": 80, + "height": 25 + }, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.847000002861023, + "g": 0.847000002861023, + "b": 0.847000002861023, + "a": 1 + } + } + ], + "strokes": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 1, + "g": 0.5868647694587708, + "b": 0.5868647694587708, + "a": 1 + } + } + ], + "strokeWeight": 1, + "strokeAlign": "INSIDE", + "effects": [ + { + "type": "LAYER_BLUR", + "visible": true, + "radius": 2 + } + ], + "cornerRadius": 3 + } + ], + "absoluteBoundingBox": { + "x": 450, + "y": -116, + "width": 102, + "height": 44 + }, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "clipsContent": true, + "background": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + } + } + ], + "backgroundColor": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + }, + "layoutGrids": [], + "effects": [] + }, + { + "id": "1:58", + "name": "primitives/border/outside", + "type": "FRAME", + "blendMode": "PASS_THROUGH", + "children": [ + { + "id": "1:59", + "name": "Rectangle", + "type": "RECTANGLE", + "blendMode": "PASS_THROUGH", + "absoluteBoundingBox": { + "x": 336, + "y": 1, + "width": 80, + "height": 25 + }, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.847000002861023, + "g": 0.847000002861023, + "b": 0.847000002861023, + "a": 1 + } + } + ], + "strokes": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 1, + "g": 0.5868647694587708, + "b": 0.5868647694587708, + "a": 1 + } + } + ], + "strokeWeight": 1, + "strokeAlign": "OUTSIDE", + "effects": [], + "cornerRadius": 12.5 + } + ], + "absoluteBoundingBox": { + "x": 325, + "y": -8, + "width": 102, + "height": 44 + }, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "clipsContent": true, + "background": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + } + } + ], + "backgroundColor": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + }, + "layoutGrids": [], + "effects": [] + }, + { + "id": "1:60", + "name": "primitives/border/gradient-with-corners", + "type": "FRAME", + "blendMode": "PASS_THROUGH", + "children": [ + { + "id": "1:61", + "name": "Rectangle", + "type": "RECTANGLE", + "blendMode": "PASS_THROUGH", + "absoluteBoundingBox": { + "x": 336, + "y": 54, + "width": 80, + "height": 25 + }, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.847000002861023, + "g": 0.847000002861023, + "b": 0.847000002861023, + "a": 1 + } + } + ], + "strokes": [ + { + "blendMode": "NORMAL", + "type": "GRADIENT_LINEAR", + "gradientHandlePositions": [ + { + "x": 1, + "y": 1 + }, + { + "x": 1, + "y": 0 + }, + { + "x": 1.5, + "y": 0.9999999999999999 + } + ], + "gradientStops": [ + { + "color": { + "r": 0.5921568870544434, + "g": 0.7137255072593689, + "b": 0.5647059082984924, + "a": 1 + }, + "position": 0 + }, + { + "color": { + "r": 0.3333333432674408, + "g": 0.5686274766921997, + "b": 0.3450980484485626, + "a": 1 + }, + "position": 0.5038507580757141 + }, + { + "color": { + "r": 0.13333334028720856, + "g": 0.4901960790157318, + "b": 0.24313725531101227, + "a": 1 + }, + "position": 1 + } + ] + } + ], + "strokeWeight": 1, + "strokeAlign": "OUTSIDE", + "effects": [], + "rectangleCornerRadii": [ + 8, + 12.5, + 12.5, + 12.5 + ] + } + ], + "absoluteBoundingBox": { + "x": 325, + "y": 45, + "width": 102, + "height": 44 + }, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "clipsContent": true, + "background": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + } + } + ], + "backgroundColor": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + }, + "layoutGrids": [], + "effects": [] + }, + { + "id": "1:62", + "name": "primitives/border/center", + "type": "FRAME", + "blendMode": "PASS_THROUGH", + "children": [ + { + "id": "1:63", + "name": "Rectangle", + "type": "RECTANGLE", + "blendMode": "PASS_THROUGH", + "absoluteBoundingBox": { + "x": 336, + "y": -54, + "width": 80, + "height": 25 + }, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.847000002861023, + "g": 0.847000002861023, + "b": 0.847000002861023, + "a": 1 + } + } + ], + "strokes": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 1, + "g": 0.5868647694587708, + "b": 0.5868647694587708, + "a": 1 + } + } + ], + "strokeWeight": 1, + "strokeAlign": "CENTER", + "effects": [] + } + ], + "absoluteBoundingBox": { + "x": 325, + "y": -63, + "width": 102, + "height": 44 + }, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "clipsContent": true, + "background": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + } + } + ], + "backgroundColor": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + }, + "layoutGrids": [], + "effects": [] + }, + { + "id": "1:64", + "name": "primitives/inner-shadow/simple", + "type": "FRAME", + "blendMode": "PASS_THROUGH", + "children": [ + { + "id": "1:65", + "name": "Rectangle", + "type": "RECTANGLE", + "blendMode": "PASS_THROUGH", + "absoluteBoundingBox": { + "x": 211, + "y": -57, + "width": 80, + "height": 25 + }, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.847000002861023, + "g": 0.847000002861023, + "b": 0.847000002861023, + "a": 1 + } + } + ], + "strokes": [ + { + "blendMode": "NORMAL", + "visible": false, + "type": "SOLID", + "color": { + "r": 0.5920000076293945, + "g": 0.5920000076293945, + "b": 0.5920000076293945, + "a": 1 + } + } + ], + "strokeWeight": 0, + "strokeAlign": "CENTER", + "effects": [ + { + "type": "INNER_SHADOW", + "visible": true, + "color": { + "r": 0, + "g": 0, + "b": 0, + "a": 0.5 + }, + "blendMode": "NORMAL", + "offset": { + "x": 0, + "y": 1 + }, + "radius": 3 + } + ] + } + ], + "absoluteBoundingBox": { + "x": 200, + "y": -66, + "width": 102, + "height": 44 + }, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "clipsContent": true, + "background": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + } + } + ], + "backgroundColor": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + }, + "layoutGrids": [], + "effects": [] + }, + { + "id": "1:66", + "name": "config/projectid", + "type": "FRAME", + "blendMode": "PASS_THROUGH", + "children": [ + { + "id": "1:67", + "name": "my-hubble-project", + "type": "TEXT", + "blendMode": "PASS_THROUGH", + "absoluteBoundingBox": { + "x": -22, + "y": -243, + "width": 189, + "height": 26 + }, + "constraints": { + "vertical": "CENTER", + "horizontal": "SCALE" + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0, + "g": 0, + "b": 0, + "a": 1 + } + } + ], + "strokes": [], + "strokeWeight": 0, + "strokeAlign": "CENTER", + "effects": [], + "characters": "my-hubble-project", + "style": { + "fontFamily": "Fira Sans", + "fontPostScriptName": "FiraSans-Regular", + "fontWeight": 400, + "fontSize": 22, + "textAlignHorizontal": "CENTER", + "textAlignVertical": "TOP", + "letterSpacing": 0, + "lineHeightPx": 25.78125, + "lineHeightPercent": 100, + "lineHeightUnit": "INTRINSIC_%" + }, + "characterStyleOverrides": [], + "styleOverrideTable": {} + } + ], + "absoluteBoundingBox": { + "x": -35, + "y": -247, + "width": 217, + "height": 37 + }, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "clipsContent": true, + "background": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + } + } + ], + "backgroundColor": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + }, + "layoutGrids": [], + "effects": [] + }, + { + "id": "3:89", + "name": "illustrations/hubble/telescope", + "type": "COMPONENT", + "blendMode": "PASS_THROUGH", + "children": [ + { + "id": "3:3", + "name": "body", + "type": "GROUP", + "blendMode": "PASS_THROUGH", + "children": [ + { + "id": "3:4", + "name": "back", + "type": "GROUP", + "blendMode": "PASS_THROUGH", + "children": [ + { + "id": "3:5", + "name": "Rectangle", + "type": "RECTANGLE", + "blendMode": "PASS_THROUGH", + "absoluteBoundingBox": { + "x": -293, + "y": -68.15728759765625, + "width": 79.17798614501953, + "height": 79.34135437011719 + }, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + } + } + ], + "strokes": [], + "strokeWeight": 1, + "strokeAlign": "INSIDE", + "effects": [], + "rectangleCornerRadii": [ + 78.38883972167969, + 78.38883972167969, + 78.38883972167969, + 78.38883972167969 + ] + }, + { + "id": "3:6", + "name": "Rectangle", + "type": "VECTOR", + "blendMode": "PASS_THROUGH", + "absoluteBoundingBox": { + "x": -269.21923828125, + "y": -35.57765197753906, + "width": 46.03673553466797, + "height": 45.7841796875 + }, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "fills": [ + { + "opacity": 0.10000000149011612, + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.23511552810668945, + "g": 0.1895463466644287, + "b": 0.6113536953926086, + "a": 1 + } + } + ], + "strokes": [], + "strokeWeight": 1, + "strokeAlign": "INSIDE", + "effects": [] + }, + { + "id": "3:7", + "name": "Ellipse 2", + "type": "ELLIPSE", + "blendMode": "PASS_THROUGH", + "absoluteBoundingBox": { + "x": -272.70068359375, + "y": -58.48307800292969, + "width": 49.17837905883789, + "height": 49.40730285644531 + }, + "preserveRatio": true, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.12941177189350128, + "g": 0.09019608050584793, + "b": 0.3137255012989044, + "a": 1 + } + } + ], + "strokes": [], + "strokeWeight": 1, + "strokeAlign": "INSIDE", + "effects": [] + } + ], + "absoluteBoundingBox": { + "x": -293, + "y": -68.15727233886719, + "width": 79.17799377441406, + "height": 79.34135437011719 + }, + "preserveRatio": true, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "clipsContent": false, + "background": [], + "backgroundColor": { + "r": 0, + "g": 0, + "b": 0, + "a": 0 + }, + "effects": [] + }, + { + "id": "3:8", + "name": "Rectangle", + "type": "RECTANGLE", + "blendMode": "PASS_THROUGH", + "absoluteBoundingBox": { + "x": -277.5087890625, + "y": -61.59696960449219, + "width": 57.21219253540039, + "height": 57.59684371948242 + }, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + } + } + ], + "strokes": [], + "strokeWeight": 1, + "strokeAlign": "INSIDE", + "effects": [], + "rectangleCornerRadii": [ + 70, + 0, + 0, + 70 + ] + }, + { + "id": "3:9", + "name": "Rectangle", + "type": "VECTOR", + "blendMode": "PASS_THROUGH", + "absoluteBoundingBox": { + "x": -255.53762817382812, + "y": -40.240570068359375, + "width": 35.28314208984375, + "height": 35.155235290527344 + }, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "fills": [ + { + "opacity": 0.10000000149011612, + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.23511552810668945, + "g": 0.1895463466644287, + "b": 0.6113536953926086, + "a": 1 + } + } + ], + "strokes": [], + "strokeWeight": 1, + "strokeAlign": "INSIDE", + "effects": [] + }, + { + "id": "3:10", + "name": "Group", + "type": "GROUP", + "blendMode": "PASS_THROUGH", + "children": [ + { + "id": "3:11", + "name": "Rectangle", + "type": "RECTANGLE", + "blendMode": "PASS_THROUGH", + "absoluteBoundingBox": { + "x": -280.5522766113281, + "y": -65.0521011352539, + "width": 63.69471740722656, + "height": 63.97807693481445 + }, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + } + } + ], + "strokes": [], + "strokeWeight": 1, + "strokeAlign": "INSIDE", + "effects": [], + "isMask": true, + "rectangleCornerRadii": [ + 70, + 0, + 0, + 70 + ] + }, + { + "id": "3:12", + "name": "Ellipse 2", + "type": "ELLIPSE", + "blendMode": "PASS_THROUGH", + "absoluteBoundingBox": { + "x": -265.0904541015625, + "y": -71.59849548339844, + "width": 54.583370208740234, + "height": 54.837440490722656 + }, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "fills": [], + "strokes": [ + { + "opacity": 0.10000000149011612, + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.19200000166893005, + "g": 0.15299999713897705, + "b": 0.5139999985694885, + "a": 1 + } + } + ], + "strokeWeight": 1, + "strokeAlign": "INSIDE", + "effects": [] + }, + { + "id": "3:13", + "name": "Ellipse 2.1", + "type": "ELLIPSE", + "blendMode": "PASS_THROUGH", + "absoluteBoundingBox": { + "x": -260.4221496582031, + "y": -75.88243865966797, + "width": 54.58336639404297, + "height": 54.83745193481445 + }, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "fills": [], + "strokes": [ + { + "opacity": 0.10000000149011612, + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.19200000166893005, + "g": 0.15299999713897705, + "b": 0.5139999985694885, + "a": 1 + } + } + ], + "strokeWeight": 1, + "strokeAlign": "INSIDE", + "effects": [] + } + ], + "absoluteBoundingBox": { + "x": -281.9270324707031, + "y": -66.46075439453125, + "width": 66.44422149658203, + "height": 66.79539489746094 + }, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "clipsContent": false, + "background": [], + "backgroundColor": { + "r": 0, + "g": 0, + "b": 0, + "a": 0 + }, + "effects": [] + } + ], + "absoluteBoundingBox": { + "x": -293, + "y": -68.15727233886719, + "width": 79.17799377441406, + "height": 79.34135437011719 + }, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "clipsContent": false, + "background": [], + "backgroundColor": { + "r": 0, + "g": 0, + "b": 0, + "a": 0 + }, + "effects": [] + }, + { + "id": "3:14", + "name": "solar-panel", + "type": "GROUP", + "blendMode": "PASS_THROUGH", + "children": [ + { + "id": "3:15", + "name": "Vector 2.2", + "type": "VECTOR", + "blendMode": "PASS_THROUGH", + "absoluteBoundingBox": { + "x": -291.6154479980469, + "y": -111, + "width": 62.93457794189453, + "height": 47.33427429199219 + }, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.08893800526857376, + "g": 0.058618247509002686, + "b": 0.23144105076789856, + "a": 1 + } + } + ], + "strokes": [], + "strokeWeight": 1, + "strokeAlign": "CENTER", + "effects": [] + }, + { + "id": "3:16", + "name": "Vector 2.1", + "type": "VECTOR", + "blendMode": "PASS_THROUGH", + "absoluteBoundingBox": { + "x": -290.92767333984375, + "y": -111, + "width": 62.93459701538086, + "height": 45.261234283447266 + }, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.34561583399772644, + "g": 0.33965790271759033, + "b": 0.6375545859336853, + "a": 1 + } + } + ], + "strokes": [], + "strokeWeight": 1, + "strokeAlign": "CENTER", + "effects": [] + }, + { + "id": "3:17", + "name": "lines", + "type": "GROUP", + "blendMode": "PASS_THROUGH", + "opacity": 0.4000000059604645, + "children": [ + { + "id": "3:18", + "name": "Line", + "type": "LINE", + "blendMode": "PASS_THROUGH", + "absoluteBoundingBox": { + "x": -279.9227294921875, + "y": -101.67134094238281, + "width": 20.634292602539062, + "height": 0 + }, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "fills": [], + "strokes": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.18431372940540314, + "g": 0.1568627506494522, + "b": 0.3843137323856354, + "a": 1 + } + } + ], + "strokeWeight": 1, + "strokeAlign": "CENTER", + "effects": [] + }, + { + "id": "3:19", + "name": "Line", + "type": "LINE", + "blendMode": "PASS_THROUGH", + "absoluteBoundingBox": { + "x": -277.1715087890625, + "y": -98.21624755859375, + "width": 20.63427734375, + "height": 0 + }, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "fills": [], + "strokes": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.18431372940540314, + "g": 0.1568627506494522, + "b": 0.3843137323856354, + "a": 1 + } + } + ], + "strokeWeight": 1, + "strokeAlign": "CENTER", + "effects": [] + }, + { + "id": "3:20", + "name": "Line", + "type": "LINE", + "blendMode": "PASS_THROUGH", + "absoluteBoundingBox": { + "x": -274.76416015625, + "y": -94.76116943359375, + "width": 20.634292602539062, + "height": 0 + }, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "fills": [], + "strokes": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.18431372940540314, + "g": 0.1568627506494522, + "b": 0.3843137323856354, + "a": 1 + } + } + ], + "strokeWeight": 1, + "strokeAlign": "CENTER", + "effects": [] + }, + { + "id": "3:21", + "name": "Line", + "type": "LINE", + "blendMode": "PASS_THROUGH", + "absoluteBoundingBox": { + "x": -272.012939453125, + "y": -90.96065521240234, + "width": 20.634292602539062, + "height": 0 + }, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "fills": [], + "strokes": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.18431372940540314, + "g": 0.1568627506494522, + "b": 0.3843137323856354, + "a": 1 + } + } + ], + "strokeWeight": 1, + "strokeAlign": "CENTER", + "effects": [] + }, + { + "id": "3:22", + "name": "Line", + "type": "LINE", + "blendMode": "PASS_THROUGH", + "absoluteBoundingBox": { + "x": -269.6055908203125, + "y": -87.50556945800781, + "width": 20.634292602539062, + "height": 0 + }, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "fills": [], + "strokes": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.18431372940540314, + "g": 0.1568627506494522, + "b": 0.3843137323856354, + "a": 1 + } + } + ], + "strokeWeight": 1, + "strokeAlign": "CENTER", + "effects": [] + }, + { + "id": "3:23", + "name": "Line", + "type": "LINE", + "blendMode": "PASS_THROUGH", + "absoluteBoundingBox": { + "x": -266.8543395996094, + "y": -84.05048370361328, + "width": 20.63428497314453, + "height": 0 + }, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "fills": [], + "strokes": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.18431372940540314, + "g": 0.1568627506494522, + "b": 0.3843137323856354, + "a": 1 + } + } + ], + "strokeWeight": 1, + "strokeAlign": "CENTER", + "effects": [] + }, + { + "id": "3:24", + "name": "Line", + "type": "LINE", + "blendMode": "PASS_THROUGH", + "absoluteBoundingBox": { + "x": -264.4470520019531, + "y": -80.595458984375, + "width": 20.634300231933594, + "height": 0 + }, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "fills": [], + "strokes": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.18431372940540314, + "g": 0.1568627506494522, + "b": 0.3843137323856354, + "a": 1 + } + } + ], + "strokeWeight": 1, + "strokeAlign": "CENTER", + "effects": [] + }, + { + "id": "3:25", + "name": "Line", + "type": "LINE", + "blendMode": "PASS_THROUGH", + "absoluteBoundingBox": { + "x": -261.69580078125, + "y": -76.79488372802734, + "width": 20.634300231933594, + "height": 0 + }, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "fills": [], + "strokes": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.18431372940540314, + "g": 0.1568627506494522, + "b": 0.3843137323856354, + "a": 1 + } + } + ], + "strokeWeight": 1, + "strokeAlign": "CENTER", + "effects": [] + }, + { + "id": "3:26", + "name": "Line", + "type": "LINE", + "blendMode": "PASS_THROUGH", + "absoluteBoundingBox": { + "x": -258.9445495605469, + "y": -72.99431610107422, + "width": 20.63428497314453, + "height": 0 + }, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "fills": [], + "strokes": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.18431372940540314, + "g": 0.1568627506494522, + "b": 0.3843137323856354, + "a": 1 + } + } + ], + "strokeWeight": 1, + "strokeAlign": "CENTER", + "effects": [] + } + ], + "absoluteBoundingBox": { + "x": -279.9227294921875, + "y": -101.67134094238281, + "width": 41.61247253417969, + "height": 28.6770076751709 + }, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "clipsContent": false, + "background": [], + "backgroundColor": { + "r": 0, + "g": 0, + "b": 0, + "a": 0 + }, + "effects": [] + } + ], + "absoluteBoundingBox": { + "x": -291.615478515625, + "y": -111, + "width": 63.62241744995117, + "height": 47.33427429199219 + }, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "clipsContent": false, + "background": [], + "backgroundColor": { + "r": 0, + "g": 0, + "b": 0, + "a": 0 + }, + "effects": [] + }, + { + "id": "3:27", + "name": "head", + "type": "GROUP", + "blendMode": "PASS_THROUGH", + "children": [ + { + "id": "3:28", + "name": "Fill 7", + "type": "VECTOR", + "blendMode": "PASS_THROUGH", + "absoluteBoundingBox": { + "x": -254.9500274658203, + "y": -76.31228637695312, + "width": 49.06936264038086, + "height": 49.297767639160156 + }, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + } + } + ], + "strokes": [], + "strokeWeight": 0, + "strokeAlign": "CENTER", + "effects": [ + { + "type": "DROP_SHADOW", + "visible": true, + "color": { + "r": 0.19200000166893005, + "g": 0.15299999713897705, + "b": 0.5139999985694885, + "a": 0.30000001192092896 + }, + "blendMode": "NORMAL", + "offset": { + "x": 0, + "y": 0 + }, + "radius": 20 + } + ] + }, + { + "id": "3:29", + "name": "Subtract", + "type": "BOOLEAN_OPERATION", + "blendMode": "PASS_THROUGH", + "booleanOperation": "SUBTRACT", + "children": [ + { + "id": "3:30", + "name": "Fill 7.1", + "type": "VECTOR", + "blendMode": "PASS_THROUGH", + "absoluteBoundingBox": { + "x": -254.94985961914062, + "y": -76.31230926513672, + "width": 49.0693359375, + "height": 49.297760009765625 + }, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "fills": [ + { + "opacity": 0.10000000149011612, + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.23511552810668945, + "g": 0.1895463466644287, + "b": 0.6113536953926086, + "a": 1 + } + } + ], + "strokes": [], + "strokeWeight": 1, + "strokeAlign": "INSIDE", + "effects": [] + }, + { + "id": "3:31", + "name": "Fill 7.2", + "type": "VECTOR", + "blendMode": "PASS_THROUGH", + "absoluteBoundingBox": { + "x": -291.2716064453125, + "y": -112.03655242919922, + "width": 96.60650634765625, + "height": 97.05867004394531 + }, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "fills": [ + { + "opacity": 0.10000000149011612, + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.23511552810668945, + "g": 0.1895463466644287, + "b": 0.6113536953926086, + "a": 1 + } + } + ], + "strokes": [], + "strokeWeight": 1, + "strokeAlign": "INSIDE", + "effects": [] + } + ], + "absoluteBoundingBox": { + "x": -240.6573486328125, + "y": -63.33567428588867, + "width": 34.776832580566406, + "height": 36.32111740112305 + }, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.9215686321258545, + "g": 0.9176470637321472, + "b": 0.9607843160629272, + "a": 1 + } + } + ], + "strokes": [], + "strokeWeight": 0, + "strokeAlign": "CENTER", + "effects": [] + }, + { + "id": "3:32", + "name": "Fill 11", + "type": "VECTOR", + "blendMode": "PASS_THROUGH", + "absoluteBoundingBox": { + "x": -237.48114013671875, + "y": -75.36817932128906, + "width": 30.615924835205078, + "height": 30.758403778076172 + }, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.12941177189350128, + "g": 0.09019608050584793, + "b": 0.3137255012989044, + "a": 1 + } + } + ], + "strokes": [], + "strokeWeight": 0, + "strokeAlign": "CENTER", + "effects": [] + }, + { + "id": "3:33", + "name": "Fill 12", + "type": "VECTOR", + "blendMode": "PASS_THROUGH", + "absoluteBoundingBox": { + "x": -230.9219207763672, + "y": -67.21067810058594, + "width": 15.937061309814453, + "height": 16.01123809814453 + }, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.9020000100135803, + "g": 0, + "b": 0.49399998784065247, + "a": 1 + } + } + ], + "strokes": [], + "strokeWeight": 0, + "strokeAlign": "CENTER", + "effects": [] + }, + { + "id": "3:34", + "name": "Fill 13", + "type": "VECTOR", + "blendMode": "PASS_THROUGH", + "absoluteBoundingBox": { + "x": -227.98617553710938, + "y": -62.15465545654297, + "width": 7.549129486083984, + "height": 7.584270477294922 + }, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + } + } + ], + "strokes": [], + "strokeWeight": 0, + "strokeAlign": "CENTER", + "effects": [] + } + ], + "absoluteBoundingBox": { + "x": -254.95001220703125, + "y": -76.31228637695312, + "width": 49.069496154785156, + "height": 49.297767639160156 + }, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "clipsContent": false, + "background": [], + "backgroundColor": { + "r": 0, + "g": 0, + "b": 0, + "a": 0 + }, + "effects": [] + }, + { + "id": "3:35", + "name": "solar-panel", + "type": "GROUP", + "blendMode": "PASS_THROUGH", + "children": [ + { + "id": "3:36", + "name": "Vector 2.1", + "type": "VECTOR", + "blendMode": "PASS_THROUGH", + "absoluteBoundingBox": { + "x": -237.96632385253906, + "y": -35.334251403808594, + "width": 63.966312408447266, + "height": 47.33428192138672 + }, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.12941177189350128, + "g": 0.09019608050584793, + "b": 0.3137255012989044, + "a": 1 + } + } + ], + "strokes": [], + "strokeWeight": 1, + "strokeAlign": "CENTER", + "effects": [] + }, + { + "id": "3:37", + "name": "Vector 2", + "type": "VECTOR", + "blendMode": "PASS_THROUGH", + "absoluteBoundingBox": { + "x": -236.93460083007812, + "y": -35.334251403808594, + "width": 62.934593200683594, + "height": 45.261207580566406 + }, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.34561583399772644, + "g": 0.33965790271759033, + "b": 0.6375545859336853, + "a": 1 + } + } + ], + "strokes": [], + "strokeWeight": 1, + "strokeAlign": "CENTER", + "effects": [] + }, + { + "id": "3:38", + "name": "lines", + "type": "GROUP", + "blendMode": "PASS_THROUGH", + "opacity": 0.30000001192092896, + "children": [ + { + "id": "3:39", + "name": "Line", + "type": "LINE", + "blendMode": "PASS_THROUGH", + "absoluteBoundingBox": { + "x": -227.30528259277344, + "y": -28.078659057617188, + "width": 20.63430404663086, + "height": 0 + }, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "fills": [], + "strokes": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.18431372940540314, + "g": 0.1568627506494522, + "b": 0.3843137323856354, + "a": 1 + } + } + ], + "strokeWeight": 1, + "strokeAlign": "CENTER", + "effects": [] + }, + { + "id": "3:40", + "name": "Line", + "type": "LINE", + "blendMode": "PASS_THROUGH", + "absoluteBoundingBox": { + "x": -224.55404663085938, + "y": -24.62360382080078, + "width": 20.634286880493164, + "height": 0 + }, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "fills": [], + "strokes": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.18431372940540314, + "g": 0.1568627506494522, + "b": 0.3843137323856354, + "a": 1 + } + } + ], + "strokeWeight": 1, + "strokeAlign": "CENTER", + "effects": [] + }, + { + "id": "3:41", + "name": "Line", + "type": "LINE", + "blendMode": "PASS_THROUGH", + "absoluteBoundingBox": { + "x": -222.14671325683594, + "y": -21.16852569580078, + "width": 20.634296417236328, + "height": 0 + }, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "fills": [], + "strokes": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.18431372940540314, + "g": 0.1568627506494522, + "b": 0.3843137323856354, + "a": 1 + } + } + ], + "strokeWeight": 1, + "strokeAlign": "CENTER", + "effects": [] + }, + { + "id": "3:42", + "name": "Line", + "type": "LINE", + "blendMode": "PASS_THROUGH", + "absoluteBoundingBox": { + "x": -219.3954620361328, + "y": -17.367950439453125, + "width": 20.634296417236328, + "height": 0 + }, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "fills": [], + "strokes": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.18431372940540314, + "g": 0.1568627506494522, + "b": 0.3843137323856354, + "a": 1 + } + } + ], + "strokeWeight": 1, + "strokeAlign": "CENTER", + "effects": [] + }, + { + "id": "3:43", + "name": "Line", + "type": "LINE", + "blendMode": "PASS_THROUGH", + "absoluteBoundingBox": { + "x": -216.9881591796875, + "y": -13.912910461425781, + "width": 20.634294509887695, + "height": 0 + }, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "fills": [], + "strokes": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.18431372940540314, + "g": 0.1568627506494522, + "b": 0.3843137323856354, + "a": 1 + } + } + ], + "strokeWeight": 1, + "strokeAlign": "CENTER", + "effects": [] + }, + { + "id": "3:44", + "name": "Line", + "type": "LINE", + "blendMode": "PASS_THROUGH", + "absoluteBoundingBox": { + "x": -214.23690795898438, + "y": -10.457817077636719, + "width": 20.63429069519043, + "height": 0 + }, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "fills": [], + "strokes": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.18431372940540314, + "g": 0.1568627506494522, + "b": 0.3843137323856354, + "a": 1 + } + } + ], + "strokeWeight": 1, + "strokeAlign": "CENTER", + "effects": [] + }, + { + "id": "3:45", + "name": "Line", + "type": "LINE", + "blendMode": "PASS_THROUGH", + "absoluteBoundingBox": { + "x": -211.82955932617188, + "y": -7.0028076171875, + "width": 20.634296417236328, + "height": 0 + }, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "fills": [], + "strokes": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.18431372940540314, + "g": 0.1568627506494522, + "b": 0.3843137323856354, + "a": 1 + } + } + ], + "strokeWeight": 1, + "strokeAlign": "CENTER", + "effects": [] + }, + { + "id": "3:46", + "name": "Line", + "type": "LINE", + "blendMode": "PASS_THROUGH", + "absoluteBoundingBox": { + "x": -209.07833862304688, + "y": -3.202239990234375, + "width": 20.634296417236328, + "height": 0 + }, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "fills": [], + "strokes": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.18431372940540314, + "g": 0.1568627506494522, + "b": 0.3843137323856354, + "a": 1 + } + } + ], + "strokeWeight": 1, + "strokeAlign": "CENTER", + "effects": [] + }, + { + "id": "3:47", + "name": "Line", + "type": "LINE", + "blendMode": "PASS_THROUGH", + "absoluteBoundingBox": { + "x": -206.32708740234375, + "y": 0.5983352661132812, + "width": 20.634292602539062, + "height": 0 + }, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "fills": [], + "strokes": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.18431372940540314, + "g": 0.1568627506494522, + "b": 0.3843137323856354, + "a": 1 + } + } + ], + "strokeWeight": 1, + "strokeAlign": "CENTER", + "effects": [] + } + ], + "absoluteBoundingBox": { + "x": -227.30528259277344, + "y": -28.078659057617188, + "width": 41.612491607666016, + "height": 28.676986694335938 + }, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "clipsContent": false, + "background": [], + "backgroundColor": { + "r": 0, + "g": 0, + "b": 0, + "a": 0 + }, + "effects": [] + } + ], + "absoluteBoundingBox": { + "x": -237.96630859375, + "y": -35.334251403808594, + "width": 63.966304779052734, + "height": 47.33428192138672 + }, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "clipsContent": false, + "background": [], + "backgroundColor": { + "r": 0, + "g": 0, + "b": 0, + "a": 0 + }, + "effects": [] + } + ], + "absoluteBoundingBox": { + "x": -300, + "y": -116, + "width": 132, + "height": 133 + }, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "clipsContent": true, + "background": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + } + } + ], + "backgroundColor": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + }, + "exportSettings": [ + { + "suffix": "", + "format": "SVG", + "constraint": { + "type": "SCALE", + "value": 1 + } + }, + { + "suffix": "@2x", + "format": "PNG", + "constraint": { + "type": "SCALE", + "value": 2 + } + }, + { + "suffix": "@3x", + "format": "PNG", + "constraint": { + "type": "SCALE", + "value": 3 + } + }, + { + "suffix": "", + "format": "PNG", + "constraint": { + "type": "SCALE", + "value": 1 + } + } + ], + "effects": [] + }, + { + "id": "3:207", + "name": "icons/hubble/plain", + "type": "COMPONENT", + "blendMode": "PASS_THROUGH", + "children": [ + { + "id": "3:91", + "name": "icon", + "type": "GROUP", + "blendMode": "PASS_THROUGH", + "children": [ + { + "id": "3:175", + "name": "Fill 1", + "type": "VECTOR", + "blendMode": "PASS_THROUGH", + "absoluteBoundingBox": { + "x": -135.8758087158203, + "y": -115.83122253417969, + "width": 45.84517288208008, + "height": 45.72807693481445 + }, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.7607843279838562, + "g": 0.9019607901573181, + "b": 0.9490196108818054, + "a": 1 + } + } + ], + "strokes": [], + "strokeWeight": 0, + "strokeAlign": "CENTER", + "effects": [] + }, + { + "id": "3:93", + "name": "Mask Group", + "type": "GROUP", + "blendMode": "PASS_THROUGH", + "children": [ + { + "id": "3:94", + "name": "Hubble Logo (regular)", + "visible": false, + "type": "FRAME", + "blendMode": "PASS_THROUGH", + "children": [ + { + "id": "3:95", + "name": "Fill 1", + "type": "VECTOR", + "blendMode": "PASS_THROUGH", + "absoluteBoundingBox": { + "x": -135.90074157714844, + "y": -115.88544464111328, + "width": 43.41679763793945, + "height": 45.86387252807617 + }, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.7607843279838562, + "g": 0.9019607901573181, + "b": 0.9490196108818054, + "a": 1 + } + } + ], + "strokes": [], + "strokeWeight": 0, + "strokeAlign": "CENTER", + "effects": [ + { + "type": "DROP_SHADOW", + "visible": true, + "color": { + "r": 0, + "g": 0, + "b": 0, + "a": 0.8199999928474426 + }, + "blendMode": "NORMAL", + "offset": { + "x": 0, + "y": 4 + }, + "radius": 20 + } + ] + }, + { + "id": "3:96", + "name": "Group 6", + "type": "GROUP", + "blendMode": "PASS_THROUGH", + "children": [ + { + "id": "3:97", + "name": "Fill 3", + "type": "GROUP", + "blendMode": "PASS_THROUGH", + "children": [ + { + "id": "3:98", + "name": "Mask", + "visible": false, + "type": "VECTOR", + "blendMode": "PASS_THROUGH", + "absoluteBoundingBox": { + "x": -136.00001525878906, + "y": -116, + "width": 43.509281158447266, + "height": 45.96179962158203 + }, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0, + "g": 0, + "b": 0, + "a": 1 + } + } + ], + "strokes": [], + "strokeWeight": 0, + "strokeAlign": "CENTER", + "effects": [], + "isMask": true, + "isMaskOutline": true + } + ], + "absoluteBoundingBox": { + "x": -136.00001525878906, + "y": -116, + "width": 43.509281158447266, + "height": 45.96179962158203 + }, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "clipsContent": false, + "background": [ + { + "blendMode": "NORMAL", + "visible": false, + "type": "SOLID", + "color": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + } + } + ], + "backgroundColor": { + "r": 0, + "g": 0, + "b": 0, + "a": 0 + }, + "effects": [] + } + ], + "absoluteBoundingBox": { + "x": -136.00001525878906, + "y": -116, + "width": 43.509281158447266, + "height": 45.96179962158203 + }, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "clipsContent": false, + "background": [ + { + "blendMode": "NORMAL", + "visible": false, + "type": "SOLID", + "color": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + } + } + ], + "backgroundColor": { + "r": 0, + "g": 0, + "b": 0, + "a": 0 + }, + "effects": [] + }, + { + "id": "3:99", + "name": "Group 29", + "type": "GROUP", + "blendMode": "PASS_THROUGH", + "children": [ + { + "id": "3:100", + "name": "Fill 7", + "visible": false, + "type": "VECTOR", + "blendMode": "PASS_THROUGH", + "absoluteBoundingBox": { + "x": -121.14231872558594, + "y": -99.03156280517578, + "width": 21.719532012939453, + "height": 22.99660873413086 + }, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + } + } + ], + "strokes": [], + "strokeWeight": 0, + "strokeAlign": "CENTER", + "effects": [] + }, + { + "id": "3:101", + "name": "Fill 9", + "visible": false, + "type": "VECTOR", + "blendMode": "PASS_THROUGH", + "absoluteBoundingBox": { + "x": -120.82783508300781, + "y": -87.51907348632812, + "width": 21.719528198242188, + "height": 17.519073486328125 + }, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + } + } + ], + "strokes": [], + "strokeWeight": 0, + "strokeAlign": "CENTER", + "effects": [] + }, + { + "id": "3:102", + "name": "Fill 11", + "visible": false, + "type": "VECTOR", + "blendMode": "PASS_THROUGH", + "absoluteBoundingBox": { + "x": -120.30374145507812, + "y": -98.1348876953125, + "width": 12.043890953063965, + "height": 12.752063751220703 + }, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.19200000166893005, + "g": 0.15299999713897705, + "b": 0.5139999985694885, + "a": 1 + } + } + ], + "strokes": [], + "strokeWeight": 0, + "strokeAlign": "CENTER", + "effects": [] + }, + { + "id": "3:103", + "name": "Fill 12", + "visible": false, + "type": "VECTOR", + "blendMode": "PASS_THROUGH", + "absoluteBoundingBox": { + "x": -116.8326416015625, + "y": -94.4596939086914, + "width": 6.34282112121582, + "height": 6.715791702270508 + }, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.9020000100135803, + "g": 0, + "b": 0.49399998784065247, + "a": 1 + } + } + ], + "strokes": [], + "strokeWeight": 0, + "strokeAlign": "CENTER", + "effects": [] + }, + { + "id": "3:104", + "name": "Fill 13", + "visible": false, + "type": "VECTOR", + "blendMode": "PASS_THROUGH", + "absoluteBoundingBox": { + "x": -114.50587463378906, + "y": -91.99605560302734, + "width": 2.9303855895996094, + "height": 3.1026840209960938 + }, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + } + } + ], + "strokes": [], + "strokeWeight": 0, + "strokeAlign": "CENTER", + "effects": [] + }, + { + "id": "3:105", + "name": "Stroke 14", + "visible": false, + "type": "VECTOR", + "blendMode": "PASS_THROUGH", + "absoluteBoundingBox": { + "x": -121.14239501953125, + "y": -87.53324127197266, + "width": 21.719524383544922, + "height": 8.678535461425781 + }, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "fills": [], + "strokes": [], + "strokeWeight": 11, + "strokeAlign": "CENTER", + "strokeCap": "ROUND", + "effects": [] + }, + { + "id": "3:106", + "name": "Stroke 15", + "visible": false, + "type": "VECTOR", + "blendMode": "PASS_THROUGH", + "absoluteBoundingBox": { + "x": -125.70818328857422, + "y": -105.91427612304688, + "width": 6.20557975769043, + "height": 6.570462226867676 + }, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "fills": [], + "strokes": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + } + } + ], + "strokeWeight": 2, + "strokeAlign": "CENTER", + "effects": [] + }, + { + "id": "3:107", + "name": "Fill 16", + "visible": false, + "type": "VECTOR", + "blendMode": "PASS_THROUGH", + "absoluteBoundingBox": { + "x": -126.84736633300781, + "y": -107.12043762207031, + "width": 8.48389720916748, + "height": 8.982741355895996 + }, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + } + } + ], + "strokes": [], + "strokeWeight": 0, + "strokeAlign": "CENTER", + "effects": [] + }, + { + "id": "3:108", + "name": "Fill 17", + "visible": false, + "type": "VECTOR", + "blendMode": "PASS_THROUGH", + "absoluteBoundingBox": { + "x": -114.445556640625, + "y": -112.22164916992188, + "width": 2.7925148010253906, + "height": 2.9567089080810547 + }, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.9020000100135803, + "g": 0, + "b": 0.49399998784065247, + "a": 1 + } + } + ], + "strokes": [], + "strokeWeight": 0, + "strokeAlign": "CENTER", + "effects": [] + }, + { + "id": "3:109", + "name": "Fill 18", + "visible": false, + "type": "VECTOR", + "blendMode": "PASS_THROUGH", + "absoluteBoundingBox": { + "x": -120.37110137939453, + "y": -109.42919921875, + "width": 1.2411174774169922, + "height": 1.3140926361083984 + }, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + } + } + ], + "strokes": [], + "strokeWeight": 0, + "strokeAlign": "CENTER", + "effects": [] + }, + { + "id": "3:110", + "name": "Fill 19", + "visible": false, + "type": "VECTOR", + "blendMode": "PASS_THROUGH", + "absoluteBoundingBox": { + "x": -126.01847839355469, + "y": -96.41996765136719, + "width": 1.2411165237426758, + "height": 1.3140926361083984 + }, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + } + } + ], + "strokes": [], + "strokeWeight": 0, + "strokeAlign": "CENTER", + "effects": [] + }, + { + "id": "3:111", + "name": "Fill 20", + "visible": false, + "type": "VECTOR", + "blendMode": "PASS_THROUGH", + "absoluteBoundingBox": { + "x": -102.56597900390625, + "y": -107.95084381103516, + "width": 1.241119384765625, + "height": 1.314091682434082 + }, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + } + } + ], + "strokes": [], + "strokeWeight": 0, + "strokeAlign": "CENTER", + "effects": [] + }, + { + "id": "3:112", + "name": "Fill 22", + "visible": false, + "type": "VECTOR", + "blendMode": "PASS_THROUGH", + "absoluteBoundingBox": { + "x": -108.29822540283203, + "y": -104.43594360351562, + "width": 0.6206588745117188, + "height": 0.6570463180541992 + }, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.9020000100135803, + "g": 0, + "b": 0.49399998784065247, + "a": 1 + } + } + ], + "strokes": [], + "strokeWeight": 0, + "strokeAlign": "CENTER", + "effects": [] + }, + { + "id": "3:113", + "name": "Fill 23", + "visible": false, + "type": "VECTOR", + "blendMode": "PASS_THROUGH", + "absoluteBoundingBox": { + "x": -108.9187240600586, + "y": -108.11509704589844, + "width": 0.6205596923828125, + "height": 0.6570467948913574 + }, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + } + } + ], + "strokes": [], + "strokeWeight": 0, + "strokeAlign": "CENTER", + "effects": [] + }, + { + "id": "3:114", + "name": "Fill 24", + "visible": false, + "type": "VECTOR", + "blendMode": "PASS_THROUGH", + "absoluteBoundingBox": { + "x": -113.66996765136719, + "y": -105.09297180175781, + "width": 0.6206550598144531, + "height": 0.6570463180541992 + }, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + } + } + ], + "strokes": [], + "strokeWeight": 0, + "strokeAlign": "CENTER", + "effects": [] + }, + { + "id": "3:115", + "name": "Fill 25", + "visible": false, + "type": "VECTOR", + "blendMode": "PASS_THROUGH", + "absoluteBoundingBox": { + "x": -124.31201934814453, + "y": -93.00335693359375, + "width": 0.6206560134887695, + "height": 0.6570472717285156 + }, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + } + } + ], + "strokes": [], + "strokeWeight": 0, + "strokeAlign": "CENTER", + "effects": [] + }, + { + "id": "3:116", + "name": "Fill 26", + "visible": false, + "type": "VECTOR", + "blendMode": "PASS_THROUGH", + "absoluteBoundingBox": { + "x": -128.56285095214844, + "y": -103.77887725830078, + "width": 0.6206555366516113, + "height": 0.6570463180541992 + }, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + } + } + ], + "strokes": [], + "strokeWeight": 0, + "strokeAlign": "CENTER", + "effects": [] + }, + { + "id": "3:117", + "name": "Fill 28", + "visible": false, + "type": "VECTOR", + "blendMode": "PASS_THROUGH", + "absoluteBoundingBox": { + "x": -101.25830078125, + "y": -103.28417205810547, + "width": 0.6206626892089844, + "height": 0.657048225402832 + }, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + } + } + ], + "strokes": [], + "strokeWeight": 0, + "strokeAlign": "CENTER", + "effects": [] + } + ], + "absoluteBoundingBox": { + "x": -128.5628662109375, + "y": -112.22164916992188, + "width": 29.45456314086914, + "height": 42.22161102294922 + }, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "clipsContent": false, + "background": [ + { + "blendMode": "NORMAL", + "visible": false, + "type": "SOLID", + "color": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + } + } + ], + "backgroundColor": { + "r": 0, + "g": 0, + "b": 0, + "a": 0 + }, + "effects": [] + } + ], + "absoluteBoundingBox": { + "x": -136, + "y": -116, + "width": 46, + "height": 46 + }, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "clipsContent": false, + "background": [ + { + "blendMode": "NORMAL", + "visible": false, + "type": "SOLID", + "color": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + } + } + ], + "backgroundColor": { + "r": 0, + "g": 0, + "b": 0, + "a": 0 + }, + "layoutGrids": [], + "effects": [], + "isMask": true + }, + { + "id": "3:118", + "name": "Group 29", + "type": "GROUP", + "blendMode": "PASS_THROUGH", + "children": [ + { + "id": "3:176", + "name": "Fill 7", + "type": "VECTOR", + "blendMode": "PASS_THROUGH", + "absoluteBoundingBox": { + "x": -128.65310668945312, + "y": -110.08448791503906, + "width": 32.784584045410156, + "height": 32.86977005004883 + }, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + } + } + ], + "strokes": [], + "strokeWeight": 0, + "strokeAlign": "CENTER", + "effects": [] + }, + { + "id": "3:177", + "name": "Fill 9", + "type": "VECTOR", + "blendMode": "PASS_THROUGH", + "absoluteBoundingBox": { + "x": -128.17852783203125, + "y": -93.62940979003906, + "width": 32.784584045410156, + "height": 23.62942123413086 + }, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + } + } + ], + "strokes": [], + "strokeWeight": 0, + "strokeAlign": "CENTER", + "effects": [] + }, + { + "id": "3:178", + "name": "Fill 11", + "type": "VECTOR", + "blendMode": "PASS_THROUGH", + "absoluteBoundingBox": { + "x": -127.3874740600586, + "y": -108.8027572631836, + "width": 18.179677963256836, + "height": 18.226919174194336 + }, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.19200000166893005, + "g": 0.15299999713897705, + "b": 0.5139999985694885, + "a": 1 + } + } + ], + "strokes": [], + "strokeWeight": 0, + "strokeAlign": "CENTER", + "effects": [] + }, + { + "id": "3:179", + "name": "Fill 12", + "type": "VECTOR", + "blendMode": "PASS_THROUGH", + "absoluteBoundingBox": { + "x": -122.1479721069336, + "y": -103.54975891113281, + "width": 9.574187278747559, + "height": 9.599093437194824 + }, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.9020000100135803, + "g": 0, + "b": 0.49399998784065247, + "a": 1 + } + } + ], + "strokes": [], + "strokeWeight": 0, + "strokeAlign": "CENTER", + "effects": [] + }, + { + "id": "3:180", + "name": "Fill 13", + "type": "VECTOR", + "blendMode": "PASS_THROUGH", + "absoluteBoundingBox": { + "x": -118.63583374023438, + "y": -100.02850341796875, + "width": 4.423274993896484, + "height": 4.434761047363281 + }, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + } + } + ], + "strokes": [], + "strokeWeight": 0, + "strokeAlign": "CENTER", + "effects": [] + }, + { + "id": "3:181", + "name": "Stroke 14 (Stroke)", + "type": "VECTOR", + "blendMode": "PASS_THROUGH", + "absoluteBoundingBox": { + "x": -129.01258850097656, + "y": -94.00906372070312, + "width": 33.5035285949707, + "height": 13.123435974121094 + }, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.7607843279838562, + "g": 0.9019607901573181, + "b": 0.9490196108818054, + "a": 1 + } + } + ], + "strokes": [], + "strokeWeight": 8, + "strokeAlign": "CENTER", + "strokeCap": "ROUND", + "effects": [] + } + ], + "absoluteBoundingBox": { + "x": -129.01258850097656, + "y": -110.08448791503906, + "width": 33.61863327026367, + "height": 40.084503173828125 + }, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "clipsContent": false, + "background": [ + { + "blendMode": "NORMAL", + "visible": false, + "type": "SOLID", + "color": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + } + } + ], + "backgroundColor": { + "r": 0, + "g": 0, + "b": 0, + "a": 0 + }, + "effects": [] + } + ], + "absoluteBoundingBox": { + "x": -136, + "y": -116, + "width": 46, + "height": 46.000003814697266 + }, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "clipsContent": false, + "background": [], + "backgroundColor": { + "r": 0, + "g": 0, + "b": 0, + "a": 0 + }, + "effects": [] + } + ], + "absoluteBoundingBox": { + "x": -136, + "y": -116, + "width": 46, + "height": 46.000003814697266 + }, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "clipsContent": false, + "background": [], + "backgroundColor": { + "r": 0, + "g": 0, + "b": 0, + "a": 0 + }, + "exportSettings": [ + { + "suffix": "", + "format": "SVG", + "constraint": { + "type": "SCALE", + "value": 1 + } + } + ], + "effects": [] + } + ], + "absoluteBoundingBox": { + "x": -136, + "y": -116, + "width": 46, + "height": 46 + }, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "clipsContent": true, + "background": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + } + } + ], + "backgroundColor": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + }, + "exportSettings": [ + { + "suffix": "", + "format": "SVG", + "constraint": { + "type": "SCALE", + "value": 1 + } + }, + { + "suffix": "@2x", + "format": "PNG", + "constraint": { + "type": "SCALE", + "value": 2 + } + }, + { + "suffix": "@3x", + "format": "PNG", + "constraint": { + "type": "SCALE", + "value": 3 + } + }, + { + "suffix": "", + "format": "PNG", + "constraint": { + "type": "SCALE", + "value": 1 + } + } + ], + "effects": [] + } + ], + "backgroundColor": { + "r": 0.8980392217636108, + "g": 0.8980392217636108, + "b": 0.8980392217636108, + "a": 1 + }, + "prototypeStartNodeID": null + } + ] + }, + "components": { + "1:10": { + "key": "", + "name": "primitives/color/primary/900", + "description": "" + }, + "1:12": { + "key": "", + "name": "primitives/color/primary/800", + "description": "" + }, + "1:14": { + "key": "", + "name": "primitives/color/primary/700", + "description": "" + }, + "1:16": { + "key": "", + "name": "primitives/color/primary/600", + "description": "" + }, + "1:18": { + "key": "", + "name": "primitives/color/primary/500", + "description": "" + }, + "1:20": { + "key": "", + "name": "primitives/color/primary/400", + "description": "" + }, + "1:22": { + "key": "", + "name": "primitives/color/primary/300", + "description": "" + }, + "1:24": { + "key": "", + "name": "primitives/color/primary/200", + "description": "" + }, + "1:26": { + "key": "", + "name": "primitives/color/primary/100", + "description": "" + }, + "1:28": { + "key": "", + "name": "primitives/color/secondary/900", + "description": "" + }, + "1:30": { + "key": "", + "name": "primitives/color/red", + "description": "" + }, + "1:32": { + "key": "", + "name": "primitives/color/secondary/800", + "description": "" + }, + "1:34": { + "key": "", + "name": "primitives/color/secondary/700", + "description": "" + }, + "1:36": { + "key": "", + "name": "primitives/color/secondary/600", + "description": "" + }, + "1:38": { + "key": "", + "name": "primitives/color/secondary/500", + "description": "" + }, + "1:40": { + "key": "", + "name": "primitives/color/secondary/400", + "description": "" + }, + "1:42": { + "key": "", + "name": "primitives/color/secondary/300", + "description": "" + }, + "1:44": { + "key": "", + "name": "primitives/color/secondary/200", + "description": "" + }, + "1:46": { + "key": "", + "name": "primitives/color/secondary/100", + "description": "" + }, + "3:89": { + "key": "", + "name": "illustrations/hubble/telescope", + "description": "" + }, + "3:207": { + "key": "", + "name": "icons/hubble/plain", + "description": "" + } + }, + "schemaVersion": 0, + "styles": {}, + "name": "Hubble Figma Sample", + "lastModified": "2019-08-01T11:26:57.968542Z", + "thumbnailUrl": "https://s3-alpha-sig.figma.com/thumbnails/4f30cf1c-16d2-49bd-b66b-d44f1ab41059?Expires=1565568000&Signature=djcdoXbZFjHr9SnEl7ynKGKATgiUj3Zp2jTYliAIF6vLo02xtiVYCk7cWhuQTj1-owQ~cUzQltZsY259V1J3hsFUGTumr3cKez5Xj04zPZ2XSpBTJfe3unxZ1h~HV1yaetpTpRcwK891hBI6HAyZBViAUcWb7kys2za9zpYR32D6UvQEZy-FeOUz3iKotpw84Y1bLiBXdZRsAbL8kSDW5M822jhZ2Lx10lY9ZK8duZFxuL61Q0viYJ8kfWxUUmCUMEvaLWY6KYTwHrdTBka8vadT1N~mPKiYZoUMiJsJCtRofM-wwFZjZKvmJ6WJRfVA31LCNyfzMhvfHorhUGbcQQ__&Key-Pair-Id=APKAINTVSUGEWH5XD5UA", + "version": "156404211" +} \ No newline at end of file diff --git a/__mocks__/sample_output.json b/__mocks__/figma/sample_output.json similarity index 90% rename from __mocks__/sample_output.json rename to __mocks__/figma/sample_output.json index 0cf706a..4ca85b2 100644 --- a/__mocks__/sample_output.json +++ b/__mocks__/figma/sample_output.json @@ -2,54 +2,54 @@ "textStyles": [ { "token": "text-style", - "id": "heading1", - "weight": "bold", - "size": 48, - "family": "FiraSans-Bold", + "weight": "book", "borderBottom": null, + "paragraphSpacing": 0, + "size": 18, + "family": "FiraSans-Book", + "lineHeight": 21.1, "kerning": null, - "lineHeight": 57.6, - "paragraphSpacing": 0 + "id": "paragraph" }, { "token": "text-style", - "id": "heading2", - "weight": "regular", - "size": 36, - "family": "FiraSans-Regular", + "weight": "bold", "borderBottom": null, - "kerning": null, - "lineHeight": 43.2, - "paragraphSpacing": 0 + "paragraphSpacing": 0, + "size": 14, + "family": "Helvetica-Bold", + "lineHeight": 16.4, + "kerning": 0.6, + "id": "quote" }, { "token": "text-style", - "id": "paragraph", - "weight": "book", - "size": 18, - "family": "FiraSans-Book", + "weight": "regular", "borderBottom": null, + "paragraphSpacing": 0, + "size": 36, + "family": "FiraSans-Regular", + "lineHeight": 42.2, "kerning": null, - "lineHeight": 21.6, - "paragraphSpacing": 0 + "id": "heading2" }, { "token": "text-style", - "id": "quote", "weight": "bold", - "size": 14, - "family": "Helvetica-Bold", "borderBottom": null, - "kerning": 0.6, - "lineHeight": 16.8, - "paragraphSpacing": 0 + "paragraphSpacing": 0, + "size": 48, + "family": "FiraSans-Bold", + "lineHeight": 57.6, + "kerning": null, + "id": "heading1" } ], "colors": [ { - "token": "color", "id": "primary900", - "variant": 900, + "variant": "900", + "token": "color", "name": "seagull", "red": 95, "green": 194, @@ -74,9 +74,9 @@ ] }, { - "token": "color", "id": "primary800", - "variant": 800, + "variant": "800", + "token": "color", "name": "viking", "red": 94, "green": 193, @@ -101,9 +101,9 @@ ] }, { - "token": "color", "id": "primary700", - "variant": 700, + "variant": "700", + "token": "color", "name": "viking", "red": 119, "green": 200, @@ -128,9 +128,9 @@ ] }, { - "token": "color", "id": "primary600", - "variant": 600, + "variant": "600", + "token": "color", "name": "halfBaked", "red": 141, "green": 207, @@ -155,9 +155,9 @@ ] }, { - "token": "color", "id": "primary500", - "variant": 500, + "variant": "500", + "token": "color", "name": "powderBlue", "red": 160, "green": 214, @@ -182,9 +182,9 @@ ] }, { - "token": "color", "id": "primary400", - "variant": 400, + "variant": "400", + "token": "color", "name": "powderBlue", "red": 179, "green": 221, @@ -209,9 +209,9 @@ ] }, { - "token": "color", "id": "primary300", - "variant": 300, + "variant": "300", + "token": "color", "name": "pattensBlue", "red": 212, "green": 235, @@ -236,9 +236,9 @@ ] }, { - "token": "color", "id": "primary200", - "variant": 200, + "variant": "200", + "token": "color", "name": "solitude", "red": 229, "green": 243, @@ -263,9 +263,9 @@ ] }, { - "token": "color", "id": "primary100", - "variant": 100, + "variant": "100", + "token": "color", "name": "aliceBlue", "red": 242, "green": 249, @@ -290,9 +290,9 @@ ] }, { - "token": "color", "id": "secondary900", - "variant": 900, + "variant": "900", + "token": "color", "name": "salem", "red": 34, "green": 125, @@ -317,9 +317,8 @@ ] }, { + "id": "redUndefined", "token": "color", - "id": "red", - "variant": null, "name": "carnation", "red": 245, "green": 94, @@ -344,9 +343,9 @@ ] }, { - "token": "color", "id": "secondary800", - "variant": 800, + "variant": "800", + "token": "color", "name": "seaGreen", "red": 62, "green": 135, @@ -371,9 +370,9 @@ ] }, { - "token": "color", "id": "secondary700", - "variant": 700, + "variant": "700", + "token": "color", "name": "hippieGreen", "red": 85, "green": 145, @@ -398,9 +397,9 @@ ] }, { - "token": "color", "id": "secondary600", - "variant": 600, + "variant": "600", + "token": "color", "name": "aquaForest", "red": 107, "green": 157, @@ -425,9 +424,9 @@ ] }, { - "token": "color", "id": "secondary500", - "variant": 500, + "variant": "500", + "token": "color", "name": "amulet", "red": 129, "green": 169, @@ -452,9 +451,9 @@ ] }, { - "token": "color", "id": "secondary400", - "variant": 400, + "variant": "400", + "token": "color", "name": "norway", "red": 151, "green": 182, @@ -479,9 +478,9 @@ ] }, { - "token": "color", "id": "secondary300", - "variant": 300, + "variant": "300", + "token": "color", "name": "paleLeaf", "red": 192, "green": 210, @@ -506,9 +505,9 @@ ] }, { - "token": "color", "id": "secondary200", - "variant": 200, + "variant": "200", + "token": "color", "name": "tasman", "red": 212, "green": 224, @@ -533,9 +532,9 @@ ] }, { - "token": "color", "id": "secondary100", - "variant": 100, + "variant": "100", + "token": "color", "name": "grayNurse", "red": 233, "green": 239, @@ -562,16 +561,16 @@ ], "gradients": [ { - "id": "linear", + "name": "linear", "token": "gradient", "type": "LINEAR", "from": [ - 0.5, - 1 + 0.5038167845431096, + 1.0000000396974489 ], "to": [ - 0.4999999999999999, - 3.0616169978683836e-17 + 0.9999999762012087, + 0.9999999613903336 ], "stops": [ { @@ -603,7 +602,7 @@ } }, { - "position": 0.5038507579143953, + "position": 0.5038507580757141, "color": { "token": "color", "name": "hippieGreen", @@ -661,16 +660,16 @@ ] }, { - "id": "radial", + "name": "radial", "token": "gradient", "type": "RADIAL", "from": [ - 0.5, - 1 + 0.4999999999999999, + 1.0000000000000002 ], "to": [ - 0.5, - -0.27263153394819584 + 1.7726315302406337, + 1.0000000000000002 ], "stops": [ { @@ -732,20 +731,20 @@ ] }, { - "id": "angular", + "name": "angular", "token": "gradient", "type": "ANGULAR", "from": [ 0.5, - 1 + 0.5 ], "to": [ 0.5, - -0.27263153394819584 + 1 ], "stops": [ { - "position": 0.4336458341191861, + "position": 0.4336458444595337, "color": { "token": "color", "name": "norway", @@ -807,11 +806,10 @@ { "id": "simple", "token": "shadow", - "blur": 3, + "blur": 4, "x": 0, - "y": 1, - "spread": 0, - "type": "inner-shadow", + "y": 2, + "type": "drop-shadow", "color": { "token": "color", "name": "black", @@ -836,16 +834,16 @@ 0, 0 ] - } + }, + "spread": null }, { "id": "simple", "token": "shadow", - "blur": 4, + "blur": 3, "x": 0, - "y": 2, - "spread": 0, - "type": "drop-shadow", + "y": 1, + "type": "inner-shadow", "color": { "token": "color", "name": "black", @@ -870,13 +868,17 @@ 0, 0 ] - } + }, + "spread": null } ], "borders": [ { "id": "inside", "token": "border", + "width": 1, + "type": "INSIDE", + "radius": 3, "color": { "token": "color", "name": "geraldine", @@ -901,14 +903,14 @@ 100, 79 ] - }, - "width": 1, - "type": "INSIDE", - "radius": 3 + } }, { "id": "outside", "token": "border", + "width": 1, + "type": "OUTSIDE", + "radius": 12.5, "color": { "token": "color", "name": "geraldine", @@ -933,25 +935,30 @@ 100, 79 ] - }, - "width": 1, - "type": "OUTSIDE", - "radius": 12.5 + } }, { "id": "gradientWithCorners", "token": "border", + "width": 1, + "type": "OUTSIDE", + "radius": [ + 8, + 12.5, + 12.5, + 12.5 + ], "gradient": { "name": "norwayGradient", "token": "gradient", "type": "LINEAR", "from": [ - 0.5, + 1, 1 ], "to": [ - 0.4999999999999999, - 3.0616169978683836e-17 + 1.5, + 0.9999999999999999 ], "stops": [ { @@ -983,7 +990,7 @@ } }, { - "position": 0.5038507579143953, + "position": 0.5038507580757141, "color": { "token": "color", "name": "hippieGreen", @@ -1039,19 +1046,14 @@ } } ] - }, - "width": 1, - "type": "OUTSIDE", - "radius": [ - 8, - 12.5, - 12.5, - 12.5 - ] + } }, { "id": "center", "token": "border", + "width": 1, + "type": "CENTER", + "radius": 0, "color": { "token": "color", "name": "geraldine", @@ -1076,17 +1078,32 @@ 100, 79 ] - }, - "width": 1, - "type": "CENTER", - "radius": 0 + } + } + ], + "blurs": [ + { + "id": "background", + "token": "blur", + "type": "BACKGROUND", + "radius": 28, + "saturation": 1, + "motionAngle": 0 + }, + { + "id": "gaussian", + "token": "blur", + "type": "GAUSSIAN", + "radius": 2, + "saturation": 1, + "motionAngle": 0 } ], "fonts": [ - "FiraSans-Bold", + "FiraSans-Book", "Helvetica-Bold", "FiraSans-Regular", - "FiraSans-Book" + "FiraSans-Bold" ], - "sketchVersion": "55" + "fileType": "FIGMA" } \ No newline at end of file diff --git a/__mocks__/sample_output.styledictionary.json b/__mocks__/figma/sample_output.styledictionary.json similarity index 93% rename from __mocks__/sample_output.styledictionary.json rename to __mocks__/figma/sample_output.styledictionary.json index 3297f6f..3da6cb0 100644 --- a/__mocks__/sample_output.styledictionary.json +++ b/__mocks__/figma/sample_output.styledictionary.json @@ -41,7 +41,7 @@ "value": "#227D3E", "comment": "salem" }, - "red": { + "redUndefined": { "value": "#F55E5E", "comment": "carnation" }, @@ -94,11 +94,11 @@ }, "shadow": { "simple": { - "innerShadow": { + "dropShadow": { "value": "#000000", "comment": "black" }, - "dropShadow": { + "innerShadow": { "value": "#000000", "comment": "black" } @@ -127,13 +127,13 @@ "value": 57.6 }, "heading2": { - "value": 43.2 + "value": 42.2 }, "paragraph": { - "value": 21.6 + "value": 21.1 }, "quote": { - "value": 16.8 + "value": 16.4 } } }, @@ -197,26 +197,38 @@ } } }, + "blur": { + "background": { + "radius": 28, + "motionAngle": 0, + "saturation": 1 + }, + "gaussian": { + "radius": 2, + "motionAngle": 0, + "saturation": 1 + } + }, "asset": { "font": { - "firaSansBold": { + "firaSansBook": { "name": { - "value": "FiraSans-Bold" + "value": "FiraSans-Book" } }, - "firaSansRegular": { + "helveticaBold": { "name": { - "value": "FiraSans-Regular" + "value": "Helvetica-Bold" } }, - "firaSansBook": { + "firaSansRegular": { "name": { - "value": "FiraSans-Book" + "value": "FiraSans-Regular" } }, - "helveticaBold": { + "firaSansBold": { "name": { - "value": "Helvetica-Bold" + "value": "FiraSans-Bold" } } } diff --git a/__mocks__/sample_assets/images/icons/hubble/plain.png b/__mocks__/sample_assets/images/icons/hubble/plain.png new file mode 100644 index 0000000..8391f2b Binary files /dev/null and b/__mocks__/sample_assets/images/icons/hubble/plain.png differ diff --git a/__mocks__/sample_assets/images/icons/hubble/plain.svg b/__mocks__/sample_assets/images/icons/hubble/plain.svg new file mode 100644 index 0000000..dce422d --- /dev/null +++ b/__mocks__/sample_assets/images/icons/hubble/plain.svg @@ -0,0 +1,18 @@ + + + icons/hubble/plain + Created with sketchtool. + + + + + + + + + + + + + + diff --git a/__mocks__/sample_assets/images/icons/hubble/plain@1.5x.png b/__mocks__/sample_assets/images/icons/hubble/plain@1.5x.png new file mode 100644 index 0000000..adff955 Binary files /dev/null and b/__mocks__/sample_assets/images/icons/hubble/plain@1.5x.png differ diff --git a/__mocks__/sample_assets/images/icons/hubble/plain@2x.png b/__mocks__/sample_assets/images/icons/hubble/plain@2x.png new file mode 100644 index 0000000..28e81db Binary files /dev/null and b/__mocks__/sample_assets/images/icons/hubble/plain@2x.png differ diff --git a/__mocks__/sample_assets/images/icons/hubble/plain@3x.png b/__mocks__/sample_assets/images/icons/hubble/plain@3x.png new file mode 100644 index 0000000..a0e4bfe Binary files /dev/null and b/__mocks__/sample_assets/images/icons/hubble/plain@3x.png differ diff --git a/__mocks__/sample_assets/images/icons/hubble/plain@4x.png b/__mocks__/sample_assets/images/icons/hubble/plain@4x.png new file mode 100644 index 0000000..1c1fbd5 Binary files /dev/null and b/__mocks__/sample_assets/images/icons/hubble/plain@4x.png differ diff --git a/__mocks__/sample_assets/images/icons/level2/code-check.png b/__mocks__/sample_assets/images/icons/level2/code-check.png deleted file mode 100644 index cd4a227..0000000 Binary files a/__mocks__/sample_assets/images/icons/level2/code-check.png and /dev/null differ diff --git a/__mocks__/sample_assets/images/icons/level2/code-check.svg b/__mocks__/sample_assets/images/icons/level2/code-check.svg deleted file mode 100644 index ed6dea9..0000000 --- a/__mocks__/sample_assets/images/icons/level2/code-check.svg +++ /dev/null @@ -1,24 +0,0 @@ - - - - icons/level2/code-check - Created with sketchtool. - - - - - - - - - - - - - - - - - - - \ No newline at end of file diff --git a/__mocks__/sample_assets/images/icons/level2/code-check@2x.png b/__mocks__/sample_assets/images/icons/level2/code-check@2x.png deleted file mode 100644 index 6770529..0000000 Binary files a/__mocks__/sample_assets/images/icons/level2/code-check@2x.png and /dev/null differ diff --git a/__mocks__/sample_assets/images/icons/level2/code-check@3x.png b/__mocks__/sample_assets/images/icons/level2/code-check@3x.png deleted file mode 100644 index bee0035..0000000 Binary files a/__mocks__/sample_assets/images/icons/level2/code-check@3x.png and /dev/null differ diff --git a/__mocks__/sample_assets/images/illustrations/hubble/telescope.png b/__mocks__/sample_assets/images/illustrations/hubble/telescope.png new file mode 100644 index 0000000..cd68b3b Binary files /dev/null and b/__mocks__/sample_assets/images/illustrations/hubble/telescope.png differ diff --git a/__mocks__/sample_assets/images/illustrations/hubble/telescope.svg b/__mocks__/sample_assets/images/illustrations/hubble/telescope.svg new file mode 100644 index 0000000..892b4f0 --- /dev/null +++ b/__mocks__/sample_assets/images/illustrations/hubble/telescope.svg @@ -0,0 +1,62 @@ + + + illustrations/hubble/telescope + Created with sketchtool. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/__mocks__/sample_assets/images/illustrations/hubble/telescope@1.5x.png b/__mocks__/sample_assets/images/illustrations/hubble/telescope@1.5x.png new file mode 100644 index 0000000..d264da3 Binary files /dev/null and b/__mocks__/sample_assets/images/illustrations/hubble/telescope@1.5x.png differ diff --git a/__mocks__/sample_assets/images/illustrations/hubble/telescope@2x.png b/__mocks__/sample_assets/images/illustrations/hubble/telescope@2x.png new file mode 100644 index 0000000..615afdf Binary files /dev/null and b/__mocks__/sample_assets/images/illustrations/hubble/telescope@2x.png differ diff --git a/__mocks__/sample_assets/images/illustrations/hubble/telescope@3x.png b/__mocks__/sample_assets/images/illustrations/hubble/telescope@3x.png new file mode 100644 index 0000000..5dd5d57 Binary files /dev/null and b/__mocks__/sample_assets/images/illustrations/hubble/telescope@3x.png differ diff --git a/__mocks__/sample_assets/images/illustrations/hubble/telescope@4x.png b/__mocks__/sample_assets/images/illustrations/hubble/telescope@4x.png new file mode 100644 index 0000000..2aa7bc3 Binary files /dev/null and b/__mocks__/sample_assets/images/illustrations/hubble/telescope@4x.png differ diff --git a/__mocks__/sample_sketchfile.sketch b/__mocks__/sample_sketchfile.sketch deleted file mode 100644 index ac32d8e..0000000 Binary files a/__mocks__/sample_sketchfile.sketch and /dev/null differ diff --git a/__mocks__/sample_dump.json b/__mocks__/sketch/sample_dump.json similarity index 57% rename from __mocks__/sample_dump.json rename to __mocks__/sketch/sample_dump.json index 9154a4b..7483835 100644 --- a/__mocks__/sample_dump.json +++ b/__mocks__/sketch/sample_dump.json @@ -46,22 +46,12 @@ "hasClickThrough": true, "layers": [ { - "_class": "symbolMaster", - "do_objectID": "F8DD5F4F-423D-4845-9BD5-9F4FFB9AF86D", + "_class": "artboard", + "do_objectID": "317631A9-D13A-4970-A1D0-ECDBDA67A42D", "booleanOperation": -1, "exportOptions": { "_class": "exportOptions", - "exportFormats": [ - { - "_class": "exportFormat", - "absoluteSize": 0, - "fileFormat": "png", - "name": "", - "namingScheme": 0, - "scale": 1, - "visibleScaleType": 0 - } - ], + "exportFormats": [], "includedLayerIds": [], "layerOptions": 0, "shouldTrim": false @@ -69,10 +59,10 @@ "frame": { "_class": "rect", "constrainProportions": false, - "height": 17, - "width": 19, - "x": 1013, - "y": 419 + "height": 18, + "width": 81, + "x": 759, + "y": 532 }, "isFixedToViewport": false, "isFlippedHorizontal": false, @@ -80,8 +70,8 @@ "isLocked": false, "isVisible": true, "layerListExpandedType": 0, - "name": "icons/level2/code-check", - "nameIsFixed": false, + "name": "textstyle/paragraph", + "nameIsFixed": true, "resizingConstraint": 63, "resizingType": 0, "rotation": 0, @@ -101,11 +91,12 @@ "hasClickThrough": true, "layers": [ { - "_class": "group", - "do_objectID": "4B5C1FF9-D07F-41DE-8CC3-E22AAE83AFEB", + "_class": "text", + "do_objectID": "44DEAE0E-141D-4E5D-B758-CB2B3DF6B3FC", "booleanOperation": -1, "exportOptions": { "_class": "exportOptions", + "do_objectID": "AA0DD762-AF96-4952-8884-94BE19BFD420", "exportFormats": [], "includedLayerIds": [], "layerOptions": 0, @@ -113,19 +104,20 @@ }, "frame": { "_class": "rect", + "do_objectID": "6189A98B-762C-4F33-BEE7-4D8AD5D0F9AA", "constrainProportions": false, - "height": 17, - "width": 19, - "x": 0, - "y": 0 + "height": 22, + "width": 115, + "x": -1, + "y": -3 }, "isFixedToViewport": false, "isFlippedHorizontal": false, "isFlippedVertical": false, "isLocked": false, "isVisible": true, - "layerListExpandedType": 1, - "name": "primitives/color/green", + "layerListExpandedType": 0, + "name": "Paragraph", "nameIsFixed": false, "resizingConstraint": 63, "resizingType": 0, @@ -133,489 +125,75 @@ "shouldBreakMaskChain": false, "clippingMaskMode": 0, "hasClippingMask": false, + "sharedStyleID": "FEF84709-9700-4E73-88BF-4953F0A3D36F", "style": { "_class": "style", + "do_objectID": "891CED1B-5C83-4CEF-9835-C3A1DEB80269", "endMarkerType": 0, "miterLimit": 10, "startMarkerType": 0, - "windingRule": 1 - }, - "groupLayout": { - "_class": "MSImmutableFreeformGroupLayout" - }, - "hasClickThrough": false, - "layers": [ - { - "_class": "shapeGroup", - "do_objectID": "CCB03E4D-AC97-4526-A157-B23BBF97C4C5", - "booleanOperation": -1, - "exportOptions": { - "_class": "exportOptions", - "do_objectID": "0776F954-B3F5-4486-BB34-C9ADFB077EF3", - "exportFormats": [], - "includedLayerIds": [], - "layerOptions": 0, - "shouldTrim": false - }, - "frame": { - "_class": "rect", - "do_objectID": "6ABBF1EA-53BD-43C9-9749-082E6E5B198A", - "constrainProportions": false, - "height": 17, - "width": 19, - "x": 0, - "y": 0 - }, - "isFixedToViewport": false, - "isFlippedHorizontal": false, - "isFlippedVertical": false, - "isLocked": false, - "isVisible": true, - "layerListExpandedType": 1, - "name": "Mask", - "nameIsFixed": false, - "resizingConstraint": 63, - "resizingType": 0, - "rotation": 0, - "shouldBreakMaskChain": false, - "clippingMaskMode": 0, - "hasClippingMask": true, - "style": { - "_class": "style", - "do_objectID": "3FFD7942-2861-4D05-A5F9-1C0CA468B28D", - "endMarkerType": 0, - "fills": [ - { - "_class": "fill", - "isEnabled": true, - "color": { - "_class": "color", - "alpha": 1, - "blue": 0, - "green": 0, - "red": 0 - }, - "fillType": 0, - "noiseIndex": 0, - "noiseIntensity": 0, - "patternFillType": 1, - "patternTileScale": 1 + "textStyle": { + "_class": "textStyle", + "encodedAttributes": { + "MSAttributedStringFontAttribute": { + "_class": "fontDescriptor", + "attributes": { + "name": "FiraSans-Book", + "size": 18 } - ], - "miterLimit": 10, - "startMarkerType": 0, - "windingRule": 0 - }, - "groupLayout": { - "_class": "MSImmutableFreeformGroupLayout" + }, + "MSAttributedStringColorAttribute": { + "_class": "color", + "alpha": 1, + "blue": 0, + "green": 0, + "red": 0 + }, + "textStyleVerticalAlignmentKey": 0, + "paragraphStyle": { + "_class": "paragraphStyle" + } }, - "hasClickThrough": false, - "layers": [ - { - "_class": "shapePath", - "do_objectID": "B9AB4CBD-4815-4E40-AAF9-EE61D6348BF8", - "booleanOperation": -1, - "exportOptions": { - "_class": "exportOptions", - "do_objectID": "D6498D0F-3DDE-45CD-9DAE-E791F69FBC07", - "exportFormats": [], - "includedLayerIds": [], - "layerOptions": 0, - "shouldTrim": false - }, - "frame": { - "_class": "rect", - "do_objectID": "515B9EAE-8B6E-446C-B0DE-7880CDB1171C", - "constrainProportions": false, - "height": 8.183865898376089, - "width": 5.428571428571434, - "x": 0, - "y": 0 - }, - "isFixedToViewport": false, - "isFlippedHorizontal": false, - "isFlippedVertical": false, - "isLocked": false, - "isVisible": true, - "layerListExpandedType": 0, - "name": "Path", - "nameIsFixed": false, - "resizingConstraint": 63, - "resizingType": 0, - "rotation": 0, - "shouldBreakMaskChain": false, - "clippingMaskMode": 0, - "hasClippingMask": false, - "style": { - "_class": "style", - "do_objectID": "3FFD7942-2861-4D05-A5F9-1C0CA468B28D", - "endMarkerType": 0, - "fills": [ - { - "_class": "fill", - "isEnabled": true, - "color": { - "_class": "color", - "alpha": 1, - "blue": 0, - "green": 0, - "red": 0 - }, - "fillType": 0, - "noiseIndex": 0, - "noiseIntensity": 0, - "patternFillType": 1, - "patternTileScale": 1 - } - ], - "miterLimit": 10, - "startMarkerType": 0, - "windingRule": 0 - }, - "edited": true, - "isClosed": true, - "pointRadiusBehaviour": 1, - "points": [ - { - "_class": "curvePoint", - "cornerRadius": 0, - "curveFrom": "{0.76500000000000001, 0}", - "curveMode": 1, - "curveTo": "{0.76500000000000001, 0}", - "hasCurveFrom": false, - "hasCurveTo": false, - "point": "{0.76500000000000001, 0}" - }, - { - "_class": "curvePoint", - "cornerRadius": 0, - "curveFrom": "{0, 0.49945593035908598}", - "curveMode": 1, - "curveTo": "{0, 0.49945593035908598}", - "hasCurveFrom": false, - "hasCurveTo": false, - "point": "{0, 0.49945593035908598}" - }, - { - "_class": "curvePoint", - "cornerRadius": 0, - "curveFrom": "{0.76500000000000001, 1}", - "curveMode": 1, - "curveTo": "{0.76500000000000001, 1}", - "hasCurveFrom": false, - "hasCurveTo": false, - "point": "{0.76500000000000001, 1}" - }, - { - "_class": "curvePoint", - "cornerRadius": 0, - "curveFrom": "{1, 0.84548422198041351}", - "curveMode": 1, - "curveTo": "{1, 0.84548422198041351}", - "hasCurveFrom": false, - "hasCurveTo": false, - "point": "{1, 0.84548422198041351}" - }, - { - "_class": "curvePoint", - "cornerRadius": 0, - "curveFrom": "{0.47000000000000003, 0.49945593035908598}", - "curveMode": 1, - "curveTo": "{0.47000000000000003, 0.49945593035908598}", - "hasCurveFrom": false, - "hasCurveTo": false, - "point": "{0.47000000000000003, 0.49945593035908598}" - }, - { - "_class": "curvePoint", - "cornerRadius": 0, - "curveFrom": "{1, 0.15342763873775847}", - "curveMode": 1, - "curveTo": "{1, 0.15342763873775847}", - "hasCurveFrom": false, - "hasCurveTo": false, - "point": "{1, 0.15342763873775847}" - }, - { - "_class": "curvePoint", - "cornerRadius": 0, - "curveFrom": "{0.76500000000000001, 0}", - "curveMode": 1, - "curveTo": "{0.76500000000000001, 0}", - "hasCurveFrom": false, - "hasCurveTo": false, - "point": "{0.76500000000000001, 0}" + "verticalAlignment": 0 + }, + "windingRule": 1 + }, + "attributedString": { + "_class": "attributedString", + "string": "Paragraph", + "attributes": [ + { + "_class": "stringAttribute", + "location": 0, + "length": 9, + "attributes": { + "MSAttributedStringFontAttribute": { + "_class": "fontDescriptor", + "attributes": { + "name": "FiraSans-Book", + "size": 18 } - ] - }, - { - "_class": "shapePath", - "do_objectID": "1DA5489F-8149-4456-BD24-9D4368F022BB", - "booleanOperation": -1, - "exportOptions": { - "_class": "exportOptions", - "do_objectID": "4EE3DB54-9D58-48CA-80F4-A2B9CBD3EBCC", - "exportFormats": [], - "includedLayerIds": [], - "layerOptions": 0, - "shouldTrim": false - }, - "frame": { - "_class": "rect", - "do_objectID": "BF82AAFC-5B44-408E-AFC3-6758EDBE946F", - "constrainProportions": false, - "height": 8.183865898376089, - "width": 5.428571428571439, - "x": 8.14285714285715, - "y": 0 }, - "isFixedToViewport": false, - "isFlippedHorizontal": false, - "isFlippedVertical": false, - "isLocked": false, - "isVisible": true, - "layerListExpandedType": 0, - "name": "Path", - "nameIsFixed": false, - "resizingConstraint": 63, - "resizingType": 0, - "rotation": 0, - "shouldBreakMaskChain": false, - "clippingMaskMode": 0, - "hasClippingMask": false, - "style": { - "_class": "style", - "do_objectID": "3FFD7942-2861-4D05-A5F9-1C0CA468B28D", - "endMarkerType": 0, - "fills": [ - { - "_class": "fill", - "isEnabled": true, - "color": { - "_class": "color", - "alpha": 1, - "blue": 0, - "green": 0, - "red": 0 - }, - "fillType": 0, - "noiseIndex": 0, - "noiseIntensity": 0, - "patternFillType": 1, - "patternTileScale": 1 - } - ], - "miterLimit": 10, - "startMarkerType": 0, - "windingRule": 0 - }, - "edited": true, - "isClosed": true, - "pointRadiusBehaviour": 1, - "points": [ - { - "_class": "curvePoint", - "cornerRadius": 0, - "curveFrom": "{0.23500000000000001, 0}", - "curveMode": 1, - "curveTo": "{0.23500000000000001, 0}", - "hasCurveFrom": false, - "hasCurveTo": false, - "point": "{0.23500000000000001, 0}" - }, - { - "_class": "curvePoint", - "cornerRadius": 0, - "curveFrom": "{0, 0.15342763873775847}", - "curveMode": 1, - "curveTo": "{0, 0.15342763873775847}", - "hasCurveFrom": false, - "hasCurveTo": false, - "point": "{0, 0.15342763873775847}" - }, - { - "_class": "curvePoint", - "cornerRadius": 0, - "curveFrom": "{0.52999999999999992, 0.49945593035908598}", - "curveMode": 1, - "curveTo": "{0.52999999999999992, 0.49945593035908598}", - "hasCurveFrom": false, - "hasCurveTo": false, - "point": "{0.52999999999999992, 0.49945593035908598}" - }, - { - "_class": "curvePoint", - "cornerRadius": 0, - "curveFrom": "{0, 0.84548422198041351}", - "curveMode": 1, - "curveTo": "{0, 0.84548422198041351}", - "hasCurveFrom": false, - "hasCurveTo": false, - "point": "{0, 0.84548422198041351}" - }, - { - "_class": "curvePoint", - "cornerRadius": 0, - "curveFrom": "{0.23500000000000001, 1}", - "curveMode": 1, - "curveTo": "{0.23500000000000001, 1}", - "hasCurveFrom": false, - "hasCurveTo": false, - "point": "{0.23500000000000001, 1}" - }, - { - "_class": "curvePoint", - "cornerRadius": 0, - "curveFrom": "{1, 0.49945593035908598}", - "curveMode": 1, - "curveTo": "{1, 0.49945593035908598}", - "hasCurveFrom": false, - "hasCurveTo": false, - "point": "{1, 0.49945593035908598}" - }, - { - "_class": "curvePoint", - "cornerRadius": 0, - "curveFrom": "{0.23500000000000001, 0}", - "curveMode": 1, - "curveTo": "{0.23500000000000001, 0}", - "hasCurveFrom": false, - "hasCurveTo": false, - "point": "{0.23500000000000001, 0}" - } - ] - }, - { - "_class": "shapePath", - "do_objectID": "6828215A-D2F3-4ABF-959F-4E50DA32B7D1", - "booleanOperation": -1, - "exportOptions": { - "_class": "exportOptions", - "do_objectID": "C0029C6F-3918-419C-8531-93F6D8157038", - "exportFormats": [], - "includedLayerIds": [], - "layerOptions": 0, - "shouldTrim": false - }, - "frame": { - "_class": "rect", - "do_objectID": "67ABDB12-8791-4D39-BA0F-116714F01F1E", - "constrainProportions": false, - "height": 9.715557883708692, - "width": 13.19142857142857, - "x": 5.80857142857143, - "y": 7.284442116291251 - }, - "isFixedToViewport": false, - "isFlippedHorizontal": false, - "isFlippedVertical": false, - "isLocked": false, - "isVisible": true, - "layerListExpandedType": 0, - "name": "Path", - "nameIsFixed": false, - "resizingConstraint": 63, - "resizingType": 0, - "rotation": 0, - "shouldBreakMaskChain": false, - "clippingMaskMode": 0, - "hasClippingMask": false, - "style": { - "_class": "style", - "do_objectID": "3FFD7942-2861-4D05-A5F9-1C0CA468B28D", - "endMarkerType": 0, - "fills": [ - { - "_class": "fill", - "isEnabled": true, - "color": { - "_class": "color", - "alpha": 1, - "blue": 0, - "green": 0, - "red": 0 - }, - "fillType": 0, - "noiseIndex": 0, - "noiseIntensity": 0, - "patternFillType": 1, - "patternTileScale": 1 - } - ], - "miterLimit": 10, - "startMarkerType": 0, - "windingRule": 0 + "MSAttributedStringColorAttribute": { + "_class": "color", + "alpha": 1, + "blue": 0, + "green": 0, + "red": 0 }, - "edited": true, - "isClosed": true, - "pointRadiusBehaviour": 1, - "points": [ - { - "_class": "curvePoint", - "cornerRadius": 0, - "curveFrom": "{0.90329218106995879, 0}", - "curveMode": 1, - "curveTo": "{0.90329218106995879, 0}", - "hasCurveFrom": false, - "hasCurveTo": false, - "point": "{0.90329218106995879, 0}" - }, - { - "_class": "curvePoint", - "cornerRadius": 0, - "curveFrom": "{0.34842249657064472, 0.74152153987167735}", - "curveMode": 1, - "curveTo": "{0.34842249657064472, 0.74152153987167735}", - "hasCurveFrom": false, - "hasCurveTo": false, - "point": "{0.34842249657064472, 0.74152153987167735}" - }, - { - "_class": "curvePoint", - "cornerRadius": 0, - "curveFrom": "{0.096707818930041156, 0.40421631530705776}", - "curveMode": 1, - "curveTo": "{0.096707818930041156, 0.40421631530705776}", - "hasCurveFrom": false, - "hasCurveTo": false, - "point": "{0.096707818930041156, 0.40421631530705776}" - }, - { - "_class": "curvePoint", - "cornerRadius": 0, - "curveFrom": "{0, 0.53345554537121909}", - "curveMode": 1, - "curveTo": "{0, 0.53345554537121909}", - "hasCurveFrom": false, - "hasCurveTo": false, - "point": "{0, 0.53345554537121909}" - }, - { - "_class": "curvePoint", - "cornerRadius": 0, - "curveFrom": "{0.34842249657064472, 1}", - "curveMode": 1, - "curveTo": "{0.34842249657064472, 1}", - "hasCurveFrom": false, - "hasCurveTo": false, - "point": "{0.34842249657064472, 1}" - }, - { - "_class": "curvePoint", - "cornerRadius": 0, - "curveFrom": "{1, 0.12923923006416133}", - "curveMode": 1, - "curveTo": "{1, 0.12923923006416133}", - "hasCurveFrom": false, - "hasCurveTo": false, - "point": "{1, 0.12923923006416133}" - } - ] + "textStyleVerticalAlignmentKey": 0, + "paragraphStyle": { + "_class": "paragraphStyle" + } } - ], - "windingRule": 0 - } - ] + } + ] + }, + "automaticallyDrawOnUnderlyingPath": false, + "dontSynchroniseWithSymbol": false, + "glyphBounds": "{{1, 3}, {81, 18}}", + "lineSpacingBehaviour": 2, + "textBehaviour": 1 } ], "backgroundColor": { @@ -639,19 +217,15 @@ "_class": "rulerData", "base": 0, "guides": [] - }, - "includeBackgroundColorInInstance": true, - "symbolID": "D0CF42E7-14DF-4B59-B04C-FEA4C2A190D3", - "changeIdentifier": 261, - "overrideProperties": [], - "allowsOverrides": true + } }, { "_class": "artboard", - "do_objectID": "317631A9-D13A-4970-A1D0-ECDBDA67A42D", + "do_objectID": "2A91FC83-C952-4FA9-9AB7-3B847F23A2CB", "booleanOperation": -1, "exportOptions": { "_class": "exportOptions", + "do_objectID": "F4FEFF05-F822-4E24-88AD-11E730CB1125", "exportFormats": [], "includedLayerIds": [], "layerOptions": 0, @@ -659,11 +233,12 @@ }, "frame": { "_class": "rect", + "do_objectID": "51C923DE-D7EF-49C6-9208-CB90B0ADDD66", "constrainProportions": false, - "height": 18, - "width": 81, - "x": 759, - "y": 532 + "height": 12, + "width": 43, + "x": 758, + "y": 565 }, "isFixedToViewport": false, "isFlippedHorizontal": false, @@ -671,7 +246,7 @@ "isLocked": false, "isVisible": true, "layerListExpandedType": 0, - "name": "textstyle/paragraph", + "name": "textstyle/quote", "nameIsFixed": true, "resizingConstraint": 63, "resizingType": 0, @@ -681,23 +256,25 @@ "hasClippingMask": false, "style": { "_class": "style", + "do_objectID": "DB62187D-C4BD-4260-BB66-59DEFAF9AF0E", "endMarkerType": 0, "miterLimit": 10, "startMarkerType": 0, "windingRule": 1 }, "groupLayout": { - "_class": "MSImmutableFreeformGroupLayout" + "_class": "MSImmutableFreeformGroupLayout", + "do_objectID": "F7A378A7-6FD3-4F4D-A973-001889C51BBE" }, - "hasClickThrough": true, + "hasClickThrough": false, "layers": [ { "_class": "text", - "do_objectID": "44DEAE0E-141D-4E5D-B758-CB2B3DF6B3FC", + "do_objectID": "4468ABF8-2F2B-444C-91D6-14C18C4520C6", "booleanOperation": -1, "exportOptions": { "_class": "exportOptions", - "do_objectID": "AA0DD762-AF96-4952-8884-94BE19BFD420", + "do_objectID": "E55B6ED9-1524-4F52-BE1C-616C660CE6FF", "exportFormats": [], "includedLayerIds": [], "layerOptions": 0, @@ -705,11 +282,11 @@ }, "frame": { "_class": "rect", - "do_objectID": "6189A98B-762C-4F33-BEE7-4D8AD5D0F9AA", + "do_objectID": "CE3E5784-2A6E-4B9B-9F3B-88E09E50ED50", "constrainProportions": false, - "height": 22, - "width": 115, - "x": -1, + "height": 17, + "width": 69, + "x": 0, "y": -3 }, "isFixedToViewport": false, @@ -718,7 +295,7 @@ "isLocked": false, "isVisible": true, "layerListExpandedType": 0, - "name": "Paragraph", + "name": "Quote", "nameIsFixed": false, "resizingConstraint": 63, "resizingType": 0, @@ -726,10 +303,10 @@ "shouldBreakMaskChain": false, "clippingMaskMode": 0, "hasClippingMask": false, - "sharedStyleID": "FEF84709-9700-4E73-88BF-4953F0A3D36F", + "sharedStyleID": "5BDEB3A7-2D72-47B3-98E1-63F84C614891", "style": { "_class": "style", - "do_objectID": "891CED1B-5C83-4CEF-9835-C3A1DEB80269", + "do_objectID": "AA7FFA64-0967-4B71-AAD2-669947C071A8", "endMarkerType": 0, "miterLimit": 10, "startMarkerType": 0, @@ -739,186 +316,8 @@ "MSAttributedStringFontAttribute": { "_class": "fontDescriptor", "attributes": { - "name": "FiraSans-Book", - "size": 18 - } - }, - "MSAttributedStringColorAttribute": { - "_class": "color", - "alpha": 1, - "blue": 0, - "green": 0, - "red": 0 - }, - "textStyleVerticalAlignmentKey": 0, - "paragraphStyle": { - "_class": "paragraphStyle" - } - }, - "verticalAlignment": 0 - }, - "windingRule": 1 - }, - "attributedString": { - "_class": "attributedString", - "string": "Paragraph", - "attributes": [ - { - "_class": "stringAttribute", - "location": 0, - "length": 9, - "attributes": { - "MSAttributedStringFontAttribute": { - "_class": "fontDescriptor", - "attributes": { - "name": "FiraSans-Book", - "size": 18 - } - }, - "MSAttributedStringColorAttribute": { - "_class": "color", - "alpha": 1, - "blue": 0, - "green": 0, - "red": 0 - }, - "textStyleVerticalAlignmentKey": 0, - "paragraphStyle": { - "_class": "paragraphStyle" - } - } - } - ] - }, - "automaticallyDrawOnUnderlyingPath": false, - "dontSynchroniseWithSymbol": false, - "glyphBounds": "{{1, 3}, {81, 18}}", - "lineSpacingBehaviour": 2, - "textBehaviour": 1 - } - ], - "backgroundColor": { - "_class": "color", - "alpha": 1, - "blue": 1, - "green": 1, - "red": 1 - }, - "hasBackgroundColor": false, - "horizontalRulerData": { - "_class": "rulerData", - "base": 0, - "guides": [] - }, - "includeBackgroundColorInExport": true, - "includeInCloudUpload": true, - "isFlowHome": false, - "resizesContent": false, - "verticalRulerData": { - "_class": "rulerData", - "base": 0, - "guides": [] - } - }, - { - "_class": "artboard", - "do_objectID": "2A91FC83-C952-4FA9-9AB7-3B847F23A2CB", - "booleanOperation": -1, - "exportOptions": { - "_class": "exportOptions", - "do_objectID": "F4FEFF05-F822-4E24-88AD-11E730CB1125", - "exportFormats": [], - "includedLayerIds": [], - "layerOptions": 0, - "shouldTrim": false - }, - "frame": { - "_class": "rect", - "do_objectID": "51C923DE-D7EF-49C6-9208-CB90B0ADDD66", - "constrainProportions": false, - "height": 12, - "width": 43, - "x": 758, - "y": 565 - }, - "isFixedToViewport": false, - "isFlippedHorizontal": false, - "isFlippedVertical": false, - "isLocked": false, - "isVisible": true, - "layerListExpandedType": 0, - "name": "textstyle/quote", - "nameIsFixed": true, - "resizingConstraint": 63, - "resizingType": 0, - "rotation": 0, - "shouldBreakMaskChain": true, - "clippingMaskMode": 0, - "hasClippingMask": false, - "style": { - "_class": "style", - "do_objectID": "DB62187D-C4BD-4260-BB66-59DEFAF9AF0E", - "endMarkerType": 0, - "miterLimit": 10, - "startMarkerType": 0, - "windingRule": 1 - }, - "groupLayout": { - "_class": "MSImmutableFreeformGroupLayout", - "do_objectID": "F7A378A7-6FD3-4F4D-A973-001889C51BBE" - }, - "hasClickThrough": false, - "layers": [ - { - "_class": "text", - "do_objectID": "4468ABF8-2F2B-444C-91D6-14C18C4520C6", - "booleanOperation": -1, - "exportOptions": { - "_class": "exportOptions", - "do_objectID": "E55B6ED9-1524-4F52-BE1C-616C660CE6FF", - "exportFormats": [], - "includedLayerIds": [], - "layerOptions": 0, - "shouldTrim": false - }, - "frame": { - "_class": "rect", - "do_objectID": "CE3E5784-2A6E-4B9B-9F3B-88E09E50ED50", - "constrainProportions": false, - "height": 17, - "width": 69, - "x": 0, - "y": -3 - }, - "isFixedToViewport": false, - "isFlippedHorizontal": false, - "isFlippedVertical": false, - "isLocked": false, - "isVisible": true, - "layerListExpandedType": 0, - "name": "Quote", - "nameIsFixed": false, - "resizingConstraint": 63, - "resizingType": 0, - "rotation": 0, - "shouldBreakMaskChain": false, - "clippingMaskMode": 0, - "hasClippingMask": false, - "sharedStyleID": "5BDEB3A7-2D72-47B3-98E1-63F84C614891", - "style": { - "_class": "style", - "do_objectID": "AA7FFA64-0967-4B71-AAD2-669947C071A8", - "endMarkerType": 0, - "miterLimit": 10, - "startMarkerType": 0, - "textStyle": { - "_class": "textStyle", - "encodedAttributes": { - "MSAttributedStringFontAttribute": { - "_class": "fontDescriptor", - "attributes": { - "name": "Helvetica-Bold", - "size": 14 + "name": "Helvetica-Bold", + "size": 14 } }, "MSAttributedStringColorAttribute": { @@ -1397,8 +796,8 @@ "constrainProportions": false, "height": 24, "width": 24, - "x": 1064, - "y": 407 + "x": 1288, + "y": 408 }, "isFixedToViewport": false, "isFlippedHorizontal": false, @@ -1430,7 +829,7 @@ "groupLayout": { "_class": "MSImmutableFreeformGroupLayout" }, - "hasClickThrough": true, + "hasClickThrough": false, "layers": [ { "_class": "rectangle", @@ -1605,7 +1004,7 @@ }, "includeBackgroundColorInInstance": false, "symbolID": "C6FA1CFA-1B11-476C-B4D5-B5EE7AB28EB1", - "changeIdentifier": 1339, + "changeIdentifier": 1443, "overrideProperties": [], "allowsOverrides": true }, @@ -1627,8 +1026,8 @@ "constrainProportions": false, "height": 24, "width": 24, - "x": 1064, - "y": 445 + "x": 1288, + "y": 446 }, "isFixedToViewport": false, "isFlippedHorizontal": false, @@ -1660,7 +1059,7 @@ "groupLayout": { "_class": "MSImmutableFreeformGroupLayout" }, - "hasClickThrough": true, + "hasClickThrough": false, "layers": [ { "_class": "rectangle", @@ -1835,7 +1234,7 @@ }, "includeBackgroundColorInInstance": false, "symbolID": "342CE026-D420-4F04-974E-63DB2EF62F88", - "changeIdentifier": 1488, + "changeIdentifier": 1592, "overrideProperties": [], "allowsOverrides": true }, @@ -1857,8 +1256,8 @@ "constrainProportions": false, "height": 24, "width": 24, - "x": 1064, - "y": 488 + "x": 1288, + "y": 489 }, "isFixedToViewport": false, "isFlippedHorizontal": false, @@ -1890,7 +1289,7 @@ "groupLayout": { "_class": "MSImmutableFreeformGroupLayout" }, - "hasClickThrough": true, + "hasClickThrough": false, "layers": [ { "_class": "rectangle", @@ -2072,7 +1471,7 @@ }, "includeBackgroundColorInInstance": false, "symbolID": "ED353E89-2E4C-4327-BEDC-841783B602BD", - "changeIdentifier": 1533, + "changeIdentifier": 1637, "overrideProperties": [], "allowsOverrides": true }, @@ -2094,8 +1493,8 @@ "constrainProportions": false, "height": 24, "width": 24, - "x": 1064, - "y": 531 + "x": 1288, + "y": 532 }, "isFixedToViewport": false, "isFlippedHorizontal": false, @@ -2127,7 +1526,7 @@ "groupLayout": { "_class": "MSImmutableFreeformGroupLayout" }, - "hasClickThrough": true, + "hasClickThrough": false, "layers": [ { "_class": "rectangle", @@ -2302,7 +1701,7 @@ }, "includeBackgroundColorInInstance": false, "symbolID": "514B5EBC-462D-4092-AC42-BB8174FF9C62", - "changeIdentifier": 1667, + "changeIdentifier": 1771, "overrideProperties": [], "allowsOverrides": true }, @@ -2324,8 +1723,8 @@ "constrainProportions": false, "height": 24, "width": 24, - "x": 1064, - "y": 571 + "x": 1288, + "y": 572 }, "isFixedToViewport": false, "isFlippedHorizontal": false, @@ -2357,7 +1756,7 @@ "groupLayout": { "_class": "MSImmutableFreeformGroupLayout" }, - "hasClickThrough": true, + "hasClickThrough": false, "layers": [ { "_class": "rectangle", @@ -2532,7 +1931,7 @@ }, "includeBackgroundColorInInstance": false, "symbolID": "6A3C7859-3865-43CF-9459-9D54A327F06B", - "changeIdentifier": 1748, + "changeIdentifier": 1852, "overrideProperties": [], "allowsOverrides": true }, @@ -2554,8 +1953,8 @@ "constrainProportions": false, "height": 24, "width": 24, - "x": 1064, - "y": 613 + "x": 1288, + "y": 614 }, "isFixedToViewport": false, "isFlippedHorizontal": false, @@ -2587,7 +1986,7 @@ "groupLayout": { "_class": "MSImmutableFreeformGroupLayout" }, - "hasClickThrough": true, + "hasClickThrough": false, "layers": [ { "_class": "rectangle", @@ -2762,7 +2161,7 @@ }, "includeBackgroundColorInInstance": false, "symbolID": "27AB57A1-FE6E-4680-8239-FF9220A203C9", - "changeIdentifier": 1863, + "changeIdentifier": 1967, "overrideProperties": [], "allowsOverrides": true }, @@ -2784,8 +2183,8 @@ "constrainProportions": false, "height": 24, "width": 24, - "x": 1064, - "y": 658 + "x": 1288, + "y": 659 }, "isFixedToViewport": false, "isFlippedHorizontal": false, @@ -2817,7 +2216,7 @@ "groupLayout": { "_class": "MSImmutableFreeformGroupLayout" }, - "hasClickThrough": true, + "hasClickThrough": false, "layers": [ { "_class": "rectangle", @@ -2992,7 +2391,7 @@ }, "includeBackgroundColorInInstance": false, "symbolID": "8BD732CE-A75C-4A16-A52E-E2A9691F1C8A", - "changeIdentifier": 1901, + "changeIdentifier": 2005, "overrideProperties": [], "allowsOverrides": true }, @@ -3014,8 +2413,8 @@ "constrainProportions": false, "height": 24, "width": 24, - "x": 1064, - "y": 703 + "x": 1288, + "y": 704 }, "isFixedToViewport": false, "isFlippedHorizontal": false, @@ -3047,7 +2446,7 @@ "groupLayout": { "_class": "MSImmutableFreeformGroupLayout" }, - "hasClickThrough": true, + "hasClickThrough": false, "layers": [ { "_class": "rectangle", @@ -3222,7 +2621,7 @@ }, "includeBackgroundColorInInstance": false, "symbolID": "4CE21B85-33E5-497A-B151-2B022552E20D", - "changeIdentifier": 1959, + "changeIdentifier": 2063, "overrideProperties": [], "allowsOverrides": true }, @@ -3244,8 +2643,8 @@ "constrainProportions": false, "height": 24, "width": 24, - "x": 1064, - "y": 746 + "x": 1288, + "y": 747 }, "isFixedToViewport": false, "isFlippedHorizontal": false, @@ -3277,7 +2676,7 @@ "groupLayout": { "_class": "MSImmutableFreeformGroupLayout" }, - "hasClickThrough": true, + "hasClickThrough": false, "layers": [ { "_class": "rectangle", @@ -3452,7 +2851,7 @@ }, "includeBackgroundColorInInstance": false, "symbolID": "CADC4CBE-9036-46BB-B170-C289EBBA9FAA", - "changeIdentifier": 2043, + "changeIdentifier": 2147, "overrideProperties": [], "allowsOverrides": true }, @@ -3474,8 +2873,8 @@ "constrainProportions": false, "height": 24, "width": 24, - "x": 1131, - "y": 407 + "x": 1355, + "y": 408 }, "isFixedToViewport": false, "isFlippedHorizontal": false, @@ -3507,7 +2906,7 @@ "groupLayout": { "_class": "MSImmutableFreeformGroupLayout" }, - "hasClickThrough": true, + "hasClickThrough": false, "layers": [ { "_class": "rectangle", @@ -3689,7 +3088,7 @@ }, "includeBackgroundColorInInstance": false, "symbolID": "7A46E03C-36CF-4AA1-A1E7-C040D4AC0E97", - "changeIdentifier": 1435, + "changeIdentifier": 1539, "overrideProperties": [], "allowsOverrides": true }, @@ -3711,8 +3110,8 @@ "constrainProportions": false, "height": 24, "width": 24, - "x": 1098, - "y": 407 + "x": 1322, + "y": 408 }, "isFixedToViewport": false, "isFlippedHorizontal": false, @@ -3744,7 +3143,7 @@ "groupLayout": { "_class": "MSImmutableFreeformGroupLayout" }, - "hasClickThrough": true, + "hasClickThrough": false, "layers": [ { "_class": "rectangle", @@ -3926,7 +3325,7 @@ }, "includeBackgroundColorInInstance": false, "symbolID": "0059EBB3-0C83-4D2C-AC26-845113B5F1CB", - "changeIdentifier": 1569, + "changeIdentifier": 1673, "overrideProperties": [], "allowsOverrides": true }, @@ -3948,8 +3347,8 @@ "constrainProportions": false, "height": 24, "width": 24, - "x": 1131, - "y": 445 + "x": 1355, + "y": 446 }, "isFixedToViewport": false, "isFlippedHorizontal": false, @@ -3981,7 +3380,7 @@ "groupLayout": { "_class": "MSImmutableFreeformGroupLayout" }, - "hasClickThrough": true, + "hasClickThrough": false, "layers": [ { "_class": "rectangle", @@ -4156,7 +3555,7 @@ }, "includeBackgroundColorInInstance": false, "symbolID": "618C2443-EB47-4245-8ED3-585D67B75D21", - "changeIdentifier": 1581, + "changeIdentifier": 1685, "overrideProperties": [], "allowsOverrides": true }, @@ -4178,8 +3577,8 @@ "constrainProportions": false, "height": 24, "width": 24, - "x": 1131, - "y": 488 + "x": 1355, + "y": 489 }, "isFixedToViewport": false, "isFlippedHorizontal": false, @@ -4211,7 +3610,7 @@ "groupLayout": { "_class": "MSImmutableFreeformGroupLayout" }, - "hasClickThrough": true, + "hasClickThrough": false, "layers": [ { "_class": "rectangle", @@ -4386,7 +3785,7 @@ }, "includeBackgroundColorInInstance": false, "symbolID": "C146C4AE-3310-4B0F-8D41-FFD9F285AD4C", - "changeIdentifier": 1624, + "changeIdentifier": 1728, "overrideProperties": [], "allowsOverrides": true }, @@ -4408,8 +3807,8 @@ "constrainProportions": false, "height": 24, "width": 24, - "x": 1131, - "y": 531 + "x": 1355, + "y": 532 }, "isFixedToViewport": false, "isFlippedHorizontal": false, @@ -4441,7 +3840,7 @@ "groupLayout": { "_class": "MSImmutableFreeformGroupLayout" }, - "hasClickThrough": true, + "hasClickThrough": false, "layers": [ { "_class": "rectangle", @@ -4616,7 +4015,7 @@ }, "includeBackgroundColorInInstance": false, "symbolID": "A5B79739-3548-4F1C-998B-271133B42EE7", - "changeIdentifier": 1760, + "changeIdentifier": 1864, "overrideProperties": [], "allowsOverrides": true }, @@ -4638,8 +4037,8 @@ "constrainProportions": false, "height": 24, "width": 24, - "x": 1131, - "y": 571 + "x": 1355, + "y": 572 }, "isFixedToViewport": false, "isFlippedHorizontal": false, @@ -4671,7 +4070,7 @@ "groupLayout": { "_class": "MSImmutableFreeformGroupLayout" }, - "hasClickThrough": true, + "hasClickThrough": false, "layers": [ { "_class": "rectangle", @@ -4846,7 +4245,7 @@ }, "includeBackgroundColorInInstance": false, "symbolID": "614AC7D7-2270-4336-BFB3-CD3A6745B618", - "changeIdentifier": 1841, + "changeIdentifier": 1945, "overrideProperties": [], "allowsOverrides": true }, @@ -4868,8 +4267,8 @@ "constrainProportions": false, "height": 24, "width": 24, - "x": 1131, - "y": 613 + "x": 1355, + "y": 614 }, "isFixedToViewport": false, "isFlippedHorizontal": false, @@ -4901,7 +4300,7 @@ "groupLayout": { "_class": "MSImmutableFreeformGroupLayout" }, - "hasClickThrough": true, + "hasClickThrough": false, "layers": [ { "_class": "rectangle", @@ -5076,7 +4475,7 @@ }, "includeBackgroundColorInInstance": false, "symbolID": "62639DC3-ADE1-4395-947F-A8ADB12E4A50", - "changeIdentifier": 1956, + "changeIdentifier": 2060, "overrideProperties": [], "allowsOverrides": true }, @@ -5098,8 +4497,8 @@ "constrainProportions": false, "height": 24, "width": 24, - "x": 1131, - "y": 658 + "x": 1355, + "y": 659 }, "isFixedToViewport": false, "isFlippedHorizontal": false, @@ -5131,7 +4530,7 @@ "groupLayout": { "_class": "MSImmutableFreeformGroupLayout" }, - "hasClickThrough": true, + "hasClickThrough": false, "layers": [ { "_class": "rectangle", @@ -5306,7 +4705,7 @@ }, "includeBackgroundColorInInstance": false, "symbolID": "FF6C20B5-8E2A-457F-BEC4-0F90DB95DD49", - "changeIdentifier": 1994, + "changeIdentifier": 2098, "overrideProperties": [], "allowsOverrides": true }, @@ -5328,8 +4727,8 @@ "constrainProportions": false, "height": 24, "width": 24, - "x": 1131, - "y": 703 + "x": 1355, + "y": 704 }, "isFixedToViewport": false, "isFlippedHorizontal": false, @@ -5361,7 +4760,7 @@ "groupLayout": { "_class": "MSImmutableFreeformGroupLayout" }, - "hasClickThrough": true, + "hasClickThrough": false, "layers": [ { "_class": "rectangle", @@ -5536,7 +4935,7 @@ }, "includeBackgroundColorInInstance": false, "symbolID": "330A5B18-6324-43DD-A4C6-3A96BF94CCEF", - "changeIdentifier": 2050, + "changeIdentifier": 2154, "overrideProperties": [], "allowsOverrides": true }, @@ -5558,8 +4957,8 @@ "constrainProportions": false, "height": 24, "width": 24, - "x": 1131, - "y": 746 + "x": 1355, + "y": 747 }, "isFixedToViewport": false, "isFlippedHorizontal": false, @@ -5591,7 +4990,7 @@ "groupLayout": { "_class": "MSImmutableFreeformGroupLayout" }, - "hasClickThrough": true, + "hasClickThrough": false, "layers": [ { "_class": "rectangle", @@ -5766,7 +5165,7 @@ }, "includeBackgroundColorInInstance": false, "symbolID": "2B825069-6958-4BD3-942C-422F429A4FD4", - "changeIdentifier": 2136, + "changeIdentifier": 2240, "overrideProperties": [], "allowsOverrides": true }, @@ -5786,8 +5185,8 @@ "constrainProportions": false, "height": 62, "width": 131, - "x": 1180, - "y": 407 + "x": 1418, + "y": 408 }, "isFixedToViewport": false, "isFlippedHorizontal": false, @@ -5813,7 +5212,7 @@ "groupLayout": { "_class": "MSImmutableFreeformGroupLayout" }, - "hasClickThrough": true, + "hasClickThrough": false, "layers": [ { "_class": "rectangle", @@ -6021,8 +5420,8 @@ "constrainProportions": false, "height": 62, "width": 131, - "x": 1180, - "y": 488 + "x": 1418, + "y": 489 }, "isFixedToViewport": false, "isFlippedHorizontal": false, @@ -6252,15 +5651,15 @@ "constrainProportions": false, "height": 62, "width": 131, - "x": 1180, - "y": 569 + "x": 1418, + "y": 570 }, "isFixedToViewport": false, "isFlippedHorizontal": false, "isFlippedVertical": false, "isLocked": false, "isVisible": true, - "layerListExpandedType": 0, + "layerListExpandedType": 1, "name": "primitives/gradient/angular", "nameIsFixed": true, "resizingConstraint": 63, @@ -6280,7 +5679,7 @@ "groupLayout": { "_class": "MSImmutableFreeformGroupLayout" }, - "hasClickThrough": false, + "hasClickThrough": true, "layers": [ { "_class": "rectangle", @@ -6481,15 +5880,15 @@ "constrainProportions": false, "height": 44, "width": 102, - "x": 1328, - "y": 407 + "x": 1588, + "y": 408 }, "isFixedToViewport": false, "isFlippedHorizontal": false, "isFlippedVertical": false, "isLocked": false, "isVisible": true, - "layerListExpandedType": 0, + "layerListExpandedType": 1, "name": "primitives/drop-shadow/simple", "nameIsFixed": true, "resizingConstraint": 63, @@ -6508,7 +5907,7 @@ "groupLayout": { "_class": "MSImmutableFreeformGroupLayout" }, - "hasClickThrough": false, + "hasClickThrough": true, "layers": [ { "_class": "rectangle", @@ -6696,15 +6095,15 @@ "constrainProportions": false, "height": 44, "width": 102, - "x": 1453, - "y": 407 + "x": 1729, + "y": 408 }, "isFixedToViewport": false, "isFlippedHorizontal": false, "isFlippedVertical": false, "isLocked": false, "isVisible": true, - "layerListExpandedType": 0, + "layerListExpandedType": 1, "name": "primitives/border/inside", "nameIsFixed": true, "resizingConstraint": 63, @@ -6880,11 +6279,11 @@ }, { "_class": "artboard", - "do_objectID": "E17C144B-6CC5-42A1-93BC-40CFC5BF78AD", + "do_objectID": "D9767214-B1DA-4088-91A8-219C3261D917", "booleanOperation": -1, "exportOptions": { "_class": "exportOptions", - "do_objectID": "FA315F21-0860-453B-AF84-E458DECD4F06", + "do_objectID": "410DEE9C-776B-41FC-B558-793E5AA6B4FE", "exportFormats": [], "includedLayerIds": [], "layerOptions": 0, @@ -6892,12 +6291,12 @@ }, "frame": { "_class": "rect", - "do_objectID": "20EE71B0-A0FE-4E11-AAC9-FB7FE2FA62D4", + "do_objectID": "AFBF88B5-309E-4180-8358-63919BA3D37D", "constrainProportions": false, "height": 44, "width": 102, - "x": 1453, - "y": 515 + "x": 1863, + "y": 569 }, "isFixedToViewport": false, "isFlippedHorizontal": false, @@ -6905,7 +6304,7 @@ "isLocked": false, "isVisible": true, "layerListExpandedType": 0, - "name": "primitives/border/outside", + "name": "primitives/blur/background", "nameIsFixed": true, "resizingConstraint": 63, "resizingType": 0, @@ -6915,24 +6314,25 @@ "hasClippingMask": false, "style": { "_class": "style", - "do_objectID": "E5D05675-ACAA-4125-97C1-3F4D76E0CC84", + "do_objectID": "E7E4A264-72A7-43CF-94A6-AF9330C515D0", "endMarkerType": 0, "miterLimit": 10, "startMarkerType": 0, "windingRule": 1 }, "groupLayout": { - "_class": "MSImmutableFreeformGroupLayout" + "_class": "MSImmutableFreeformGroupLayout", + "do_objectID": "D7604479-74EA-4E3B-BD54-69D53FB1FCAB" }, "hasClickThrough": false, "layers": [ { "_class": "rectangle", - "do_objectID": "63A471F5-D77A-44A7-8541-A7ABDE2E2189", + "do_objectID": "F39CB443-7939-467B-8A9B-D307DDFB276E", "booleanOperation": -1, "exportOptions": { "_class": "exportOptions", - "do_objectID": "8D0FC993-95F4-4B2C-99B5-65A1C901E190", + "do_objectID": "DB2B27E4-6297-423E-BD1E-D4E552B61EFD", "exportFormats": [], "includedLayerIds": [], "layerOptions": 0, @@ -6940,7 +6340,7 @@ }, "frame": { "_class": "rect", - "do_objectID": "B4C2D7CB-EA17-47B7-936E-792373065DCF", + "do_objectID": "7D098426-B90C-4647-A54A-5883363721D0", "constrainProportions": false, "height": 25, "width": 80, @@ -6963,7 +6363,17 @@ "hasClippingMask": false, "style": { "_class": "style", - "do_objectID": "39C6E122-7F1C-433E-973D-B35B070376C1", + "do_objectID": "454D4101-5FD4-4DBD-BCA6-349147BED17A", + "blur": { + "_class": "blur", + "do_objectID": "8472A580-3962-4904-AFC2-8FADE1D49CD0", + "isEnabled": true, + "center": "{0.5, 0.5}", + "motionAngle": 0, + "radius": 28, + "saturation": 0.4654579402515723, + "type": 3 + }, "borders": [ { "_class": "border", @@ -6976,7 +6386,7 @@ "red": 1 }, "fillType": 0, - "position": 2, + "position": 1, "thickness": 1 } ], @@ -7009,7 +6419,7 @@ "points": [ { "_class": "curvePoint", - "cornerRadius": 12.5, + "cornerRadius": 3, "curveFrom": "{0, 0}", "curveMode": 1, "curveTo": "{0, 0}", @@ -7019,7 +6429,7 @@ }, { "_class": "curvePoint", - "cornerRadius": 12.5, + "cornerRadius": 3, "curveFrom": "{1, 0}", "curveMode": 1, "curveTo": "{1, 0}", @@ -7029,7 +6439,7 @@ }, { "_class": "curvePoint", - "cornerRadius": 12.5, + "cornerRadius": 3, "curveFrom": "{1, 1}", "curveMode": 1, "curveTo": "{1, 1}", @@ -7039,7 +6449,7 @@ }, { "_class": "curvePoint", - "cornerRadius": 12.5, + "cornerRadius": 3, "curveFrom": "{0, 1}", "curveMode": 1, "curveTo": "{0, 1}", @@ -7048,43 +6458,42 @@ "point": "{0, 1}" } ], - "fixedRadius": 12.5, + "fixedRadius": 3, "hasConvertedToNewRoundCorners": true } ], "backgroundColor": { "_class": "color", - "do_objectID": "0A316CBD-B3AD-406D-B887-7A44EBC40F91", "alpha": 1, - "blue": 1, - "green": 1, - "red": 1 + "blue": 0.3339186667384677, + "green": 0.3339186667384677, + "red": 0.4557857789855073 }, "hasBackgroundColor": false, "horizontalRulerData": { "_class": "rulerData", - "do_objectID": "AFD1E873-35FB-4581-9D82-D507C877B2A7", + "do_objectID": "2CBCD47D-0E1B-4EAA-87FA-B6BB2431C155", "base": 0, "guides": [] }, - "includeBackgroundColorInExport": true, + "includeBackgroundColorInExport": false, "includeInCloudUpload": true, "isFlowHome": false, "resizesContent": false, "verticalRulerData": { "_class": "rulerData", - "do_objectID": "DE0831E4-BA14-4BC2-A739-1458E198FA50", + "do_objectID": "BD2DB0BE-39F6-44A0-95FB-EDA9970A02FF", "base": 0, "guides": [] } }, { "_class": "artboard", - "do_objectID": "6AE4CFC3-4143-4B35-9361-84A6619528A9", + "do_objectID": "ABA3D887-846B-471F-9FD2-3D24D545568F", "booleanOperation": -1, "exportOptions": { "_class": "exportOptions", - "do_objectID": "E8075A1D-963F-42CE-AF1F-B3E2AD8B7DAA", + "do_objectID": "88DCBAFA-3B86-4C6A-8E88-05D01C81D5D9", "exportFormats": [], "includedLayerIds": [], "layerOptions": 0, @@ -7092,20 +6501,20 @@ }, "frame": { "_class": "rect", - "do_objectID": "6D8FE2FD-7883-4DC3-9256-FCB1052A182E", + "do_objectID": "0E8A2A59-5B15-4682-A5D0-518321517C5D", "constrainProportions": false, "height": 44, "width": 102, - "x": 1453, - "y": 568 + "x": 1863, + "y": 516 }, "isFixedToViewport": false, "isFlippedHorizontal": false, "isFlippedVertical": false, "isLocked": false, "isVisible": true, - "layerListExpandedType": 0, - "name": "primitives/border/gradient-with-corners", + "layerListExpandedType": 1, + "name": "primitives/blur/zoom", "nameIsFixed": true, "resizingConstraint": 63, "resizingType": 0, @@ -7115,24 +6524,25 @@ "hasClippingMask": false, "style": { "_class": "style", - "do_objectID": "2E9102E8-856F-487F-8949-062F0DB432C8", + "do_objectID": "8AD94B96-B2AE-4F62-9873-29F1B02C3E7D", "endMarkerType": 0, "miterLimit": 10, "startMarkerType": 0, "windingRule": 1 }, "groupLayout": { - "_class": "MSImmutableFreeformGroupLayout" + "_class": "MSImmutableFreeformGroupLayout", + "do_objectID": "D2434135-5213-4940-9EDC-F50B83D9C38C" }, - "hasClickThrough": false, + "hasClickThrough": true, "layers": [ { "_class": "rectangle", - "do_objectID": "5D7549DB-8ACD-4EF5-A293-78332C3794D4", + "do_objectID": "F1C3463A-905E-45C0-B723-B78A7CE1268C", "booleanOperation": -1, "exportOptions": { "_class": "exportOptions", - "do_objectID": "E68611C1-DAF5-4290-AD31-20823B3980F5", + "do_objectID": "4BBC4BF9-C7C3-42F9-BE20-196573E003A0", "exportFormats": [], "includedLayerIds": [], "layerOptions": 0, @@ -7140,7 +6550,7 @@ }, "frame": { "_class": "rect", - "do_objectID": "97DA891D-DC08-44BA-871B-9B2805A07E34", + "do_objectID": "7631BC17-000E-4BC9-831C-C9632AF9A777", "constrainProportions": false, "height": 25, "width": 80, @@ -7163,7 +6573,17 @@ "hasClippingMask": false, "style": { "_class": "style", - "do_objectID": "1414490A-A027-4F35-BF2D-EB21672D3174", + "do_objectID": "F2FB26A4-15D1-4D9C-85BF-A75E8E46D32F", + "blur": { + "_class": "blur", + "do_objectID": "984CFC28-BC68-42C8-B437-C641B82E730A", + "isEnabled": true, + "center": "{0.041109924840958455, -0.3039919564746924}", + "motionAngle": 0, + "radius": 6, + "saturation": 1, + "type": 2 + }, "borders": [ { "_class": "border", @@ -7175,50 +6595,8 @@ "green": 0.5868647411616161, "red": 1 }, - "fillType": 1, - "gradient": { - "_class": "gradient", - "elipseLength": 1, - "from": "{0.5, 1}", - "gradientType": 0, - "stops": [ - { - "_class": "gradientStop", - "color": { - "_class": "color", - "alpha": 1, - "blue": 0.5647058823529412, - "green": 0.7137254901960784, - "red": 0.592156862745098 - }, - "position": 0 - }, - { - "_class": "gradientStop", - "color": { - "_class": "color", - "alpha": 1, - "blue": 0.3450980392156862, - "green": 0.5686274509803921, - "red": 0.3333333333333334 - }, - "position": 0.5038507579143953 - }, - { - "_class": "gradientStop", - "color": { - "_class": "color", - "alpha": 1, - "blue": 0.2431372549019607, - "green": 0.4901960784313725, - "red": 0.1333333333333333 - }, - "position": 1 - } - ], - "to": "{0.49999999999999989, 3.0616169978683836e-17}" - }, - "position": 2, + "fillType": 0, + "position": 1, "thickness": 1 } ], @@ -7251,7 +6629,7 @@ "points": [ { "_class": "curvePoint", - "cornerRadius": 8, + "cornerRadius": 3, "curveFrom": "{0, 0}", "curveMode": 1, "curveTo": "{0, 0}", @@ -7261,7 +6639,7 @@ }, { "_class": "curvePoint", - "cornerRadius": 12.5, + "cornerRadius": 3, "curveFrom": "{1, 0}", "curveMode": 1, "curveTo": "{1, 0}", @@ -7271,7 +6649,7 @@ }, { "_class": "curvePoint", - "cornerRadius": 12.5, + "cornerRadius": 3, "curveFrom": "{1, 1}", "curveMode": 1, "curveTo": "{1, 1}", @@ -7281,7 +6659,7 @@ }, { "_class": "curvePoint", - "cornerRadius": 12.5, + "cornerRadius": 3, "curveFrom": "{0, 1}", "curveMode": 1, "curveTo": "{0, 1}", @@ -7290,13 +6668,13 @@ "point": "{0, 1}" } ], - "fixedRadius": 12.5, + "fixedRadius": 3, "hasConvertedToNewRoundCorners": true } ], "backgroundColor": { "_class": "color", - "do_objectID": "CD8E5EA8-48E5-49B9-9782-D6BDD27DB07F", + "do_objectID": "1FF072FE-D2FC-4F58-8CAF-8E8EE076C0B5", "alpha": 1, "blue": 1, "green": 1, @@ -7305,7 +6683,7 @@ "hasBackgroundColor": false, "horizontalRulerData": { "_class": "rulerData", - "do_objectID": "6A46C894-98DF-48C4-A6AA-BC14478C7C63", + "do_objectID": "D60482FA-B14B-4998-9336-B15B3A51A87C", "base": 0, "guides": [] }, @@ -7315,17 +6693,18 @@ "resizesContent": false, "verticalRulerData": { "_class": "rulerData", - "do_objectID": "4343539D-F59C-4B47-8F52-39234580610C", + "do_objectID": "25E18239-5846-44E5-B027-7B7E04634E4F", "base": 0, "guides": [] } }, { "_class": "artboard", - "do_objectID": "F32C4D04-3727-4622-98D0-1F5ABB8AFA89", + "do_objectID": "947DD40A-6C91-4E6A-980B-194031B82939", "booleanOperation": -1, "exportOptions": { "_class": "exportOptions", + "do_objectID": "25CF27CB-5967-4952-BEDA-194916792B25", "exportFormats": [], "includedLayerIds": [], "layerOptions": 0, @@ -7333,19 +6712,20 @@ }, "frame": { "_class": "rect", + "do_objectID": "D7C35DD6-1F70-43AB-96EF-028D15D7ADA3", "constrainProportions": false, "height": 44, "width": 102, - "x": 1453, - "y": 460 + "x": 1863, + "y": 461 }, "isFixedToViewport": false, "isFlippedHorizontal": false, "isFlippedVertical": false, "isLocked": false, "isVisible": true, - "layerListExpandedType": 0, - "name": "primitives/border/center", + "layerListExpandedType": 1, + "name": "primitives/blur/motion", "nameIsFixed": true, "resizingConstraint": 63, "resizingType": 0, @@ -7355,22 +6735,25 @@ "hasClippingMask": false, "style": { "_class": "style", + "do_objectID": "ECE16541-5682-4DA9-B9BB-6E585ACB27E9", "endMarkerType": 0, "miterLimit": 10, "startMarkerType": 0, "windingRule": 1 }, "groupLayout": { - "_class": "MSImmutableFreeformGroupLayout" + "_class": "MSImmutableFreeformGroupLayout", + "do_objectID": "EB38CF10-AE7B-4557-ACA9-058B40377DE3" }, "hasClickThrough": true, "layers": [ { "_class": "rectangle", - "do_objectID": "C5CBF4F5-CB32-40E1-BBA0-7B41385D7344", + "do_objectID": "2064E3E2-86EC-4A70-AE7D-BA52967B3306", "booleanOperation": -1, "exportOptions": { "_class": "exportOptions", + "do_objectID": "D0FFF0FE-B083-4833-91CE-3EEFF3652787", "exportFormats": [], "includedLayerIds": [], "layerOptions": 0, @@ -7378,6 +6761,7 @@ }, "frame": { "_class": "rect", + "do_objectID": "C28A0EF3-46B3-4B65-B8FE-D78E4353DFA3", "constrainProportions": false, "height": 25, "width": 80, @@ -7400,6 +6784,17 @@ "hasClippingMask": false, "style": { "_class": "style", + "do_objectID": "260682EE-B90F-42C7-A72D-F0AF942BC474", + "blur": { + "_class": "blur", + "do_objectID": "08AA1268-B6D4-4A26-827A-AE757DF7C983", + "isEnabled": true, + "center": "{0.5, 0.5}", + "motionAngle": 35.61906645569621, + "radius": 2, + "saturation": 1, + "type": 1 + }, "borders": [ { "_class": "border", @@ -7412,7 +6807,7 @@ "red": 1 }, "fillType": 0, - "position": 0, + "position": 1, "thickness": 1 } ], @@ -7445,7 +6840,7 @@ "points": [ { "_class": "curvePoint", - "cornerRadius": 0, + "cornerRadius": 3, "curveFrom": "{0, 0}", "curveMode": 1, "curveTo": "{0, 0}", @@ -7455,7 +6850,7 @@ }, { "_class": "curvePoint", - "cornerRadius": 0, + "cornerRadius": 3, "curveFrom": "{1, 0}", "curveMode": 1, "curveTo": "{1, 0}", @@ -7465,7 +6860,7 @@ }, { "_class": "curvePoint", - "cornerRadius": 0, + "cornerRadius": 3, "curveFrom": "{1, 1}", "curveMode": 1, "curveTo": "{1, 1}", @@ -7475,7 +6870,7 @@ }, { "_class": "curvePoint", - "cornerRadius": 0, + "cornerRadius": 3, "curveFrom": "{0, 1}", "curveMode": 1, "curveTo": "{0, 1}", @@ -7484,12 +6879,13 @@ "point": "{0, 1}" } ], - "fixedRadius": 0, + "fixedRadius": 3, "hasConvertedToNewRoundCorners": true } ], "backgroundColor": { "_class": "color", + "do_objectID": "0E22148F-FC10-4197-9452-4A2C9BDD1B7F", "alpha": 1, "blue": 1, "green": 1, @@ -7498,6 +6894,7 @@ "hasBackgroundColor": false, "horizontalRulerData": { "_class": "rulerData", + "do_objectID": "11ECA2A5-0520-4ACD-8C32-1C74D2FFED9E", "base": 0, "guides": [] }, @@ -7507,17 +6904,18 @@ "resizesContent": false, "verticalRulerData": { "_class": "rulerData", + "do_objectID": "0A854D9F-22CF-42E8-B336-B558AD857311", "base": 0, "guides": [] } }, { "_class": "artboard", - "do_objectID": "3CA8B6DB-E34A-4F1C-B420-798F9BF702D1", + "do_objectID": "ED1047C4-05E4-45F9-95FB-E3B5B58E8174", "booleanOperation": -1, "exportOptions": { "_class": "exportOptions", - "do_objectID": "E3E871C4-6E83-4DCC-9C34-66A86AD6EC06", + "do_objectID": "5B297B3A-B83C-4678-B7C1-CC9D420FAC24", "exportFormats": [], "includedLayerIds": [], "layerOptions": 0, @@ -7525,20 +6923,20 @@ }, "frame": { "_class": "rect", - "do_objectID": "807DB016-0231-40B4-BEE9-3EDC8D679236", + "do_objectID": "AFFB2DF0-A3AE-4226-9185-3523B891E064", "constrainProportions": false, "height": 44, "width": 102, - "x": 1328, - "y": 457 + "x": 1863, + "y": 408 }, "isFixedToViewport": false, "isFlippedHorizontal": false, "isFlippedVertical": false, "isLocked": false, "isVisible": true, - "layerListExpandedType": 0, - "name": "primitives/inner-shadow/simple", + "layerListExpandedType": 1, + "name": "primitives/blur/gaussian", "nameIsFixed": true, "resizingConstraint": 63, "resizingType": 0, @@ -7548,24 +6946,25 @@ "hasClippingMask": false, "style": { "_class": "style", - "do_objectID": "7FFF98D8-F73C-42CE-8337-7D92FF8E94B2", + "do_objectID": "48A34C68-857D-4CB7-8AF0-3A099559377E", "endMarkerType": 0, "miterLimit": 10, "startMarkerType": 0, "windingRule": 1 }, "groupLayout": { - "_class": "MSImmutableFreeformGroupLayout" + "_class": "MSImmutableFreeformGroupLayout", + "do_objectID": "268E2360-2BCA-4E9B-A85D-69AC5C31274C" }, - "hasClickThrough": false, + "hasClickThrough": true, "layers": [ { "_class": "rectangle", - "do_objectID": "990C8531-1C2C-40CC-A9B6-4988D4DC21D4", + "do_objectID": "22EA4DD1-6350-44EB-B339-C9798F0C7C8C", "booleanOperation": -1, "exportOptions": { "_class": "exportOptions", - "do_objectID": "FB30D3CA-908E-43B6-98C6-C7C53AADB1C1", + "do_objectID": "AAD68AF6-32D8-4622-B383-0691BE75D5C8", "exportFormats": [], "includedLayerIds": [], "layerOptions": 0, @@ -7573,7 +6972,7 @@ }, "frame": { "_class": "rect", - "do_objectID": "8444A7CD-CA8D-4B78-A0C0-8B14B1E53A16", + "do_objectID": "D1D080BB-2A25-48F0-91AF-9E38EA6E87FE", "constrainProportions": false, "height": 25, "width": 80, @@ -7596,17 +6995,27 @@ "hasClippingMask": false, "style": { "_class": "style", - "do_objectID": "AF76E8AA-7164-4EA2-8E38-41BFFE2A8D7A", + "do_objectID": "421BFB98-CD2D-4EB5-A0B3-6C4C4F39EDAA", + "blur": { + "_class": "blur", + "do_objectID": "9525EEBA-120E-4A48-9981-0CEB1DED1964", + "isEnabled": true, + "center": "{0.5, 0.5}", + "motionAngle": 0, + "radius": 2, + "saturation": 1, + "type": 0 + }, "borders": [ { "_class": "border", - "isEnabled": false, + "isEnabled": true, "color": { "_class": "color", "alpha": 1, - "blue": 0.592, - "green": 0.592, - "red": 0.592 + "blue": 0.5868647411616161, + "green": 0.5868647411616161, + "red": 1 }, "fillType": 0, "position": 1, @@ -7632,84 +7041,5573 @@ "patternTileScale": 1 } ], - "innerShadows": [ - { - "_class": "innerShadow", - "isEnabled": true, - "blurRadius": 3, - "color": { - "_class": "color", - "alpha": 0.5, - "blue": 0, - "green": 0, - "red": 0 + "miterLimit": 10, + "startMarkerType": 0, + "windingRule": 1 + }, + "edited": false, + "isClosed": true, + "pointRadiusBehaviour": 1, + "points": [ + { + "_class": "curvePoint", + "cornerRadius": 3, + "curveFrom": "{0, 0}", + "curveMode": 1, + "curveTo": "{0, 0}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{0, 0}" + }, + { + "_class": "curvePoint", + "cornerRadius": 3, + "curveFrom": "{1, 0}", + "curveMode": 1, + "curveTo": "{1, 0}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{1, 0}" + }, + { + "_class": "curvePoint", + "cornerRadius": 3, + "curveFrom": "{1, 1}", + "curveMode": 1, + "curveTo": "{1, 1}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{1, 1}" + }, + { + "_class": "curvePoint", + "cornerRadius": 3, + "curveFrom": "{0, 1}", + "curveMode": 1, + "curveTo": "{0, 1}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{0, 1}" + } + ], + "fixedRadius": 3, + "hasConvertedToNewRoundCorners": true + } + ], + "backgroundColor": { + "_class": "color", + "do_objectID": "747CF38A-04D1-4854-B850-D2E47485F866", + "alpha": 1, + "blue": 1, + "green": 1, + "red": 1 + }, + "hasBackgroundColor": false, + "horizontalRulerData": { + "_class": "rulerData", + "do_objectID": "FA8D92A8-2066-49DD-A69F-A8C36791DAF0", + "base": 0, + "guides": [] + }, + "includeBackgroundColorInExport": true, + "includeInCloudUpload": true, + "isFlowHome": false, + "resizesContent": false, + "verticalRulerData": { + "_class": "rulerData", + "do_objectID": "F24D3AB8-A56D-404A-AA5F-1F1E227F0B5B", + "base": 0, + "guides": [] + } + }, + { + "_class": "artboard", + "do_objectID": "E17C144B-6CC5-42A1-93BC-40CFC5BF78AD", + "booleanOperation": -1, + "exportOptions": { + "_class": "exportOptions", + "do_objectID": "FA315F21-0860-453B-AF84-E458DECD4F06", + "exportFormats": [], + "includedLayerIds": [], + "layerOptions": 0, + "shouldTrim": false + }, + "frame": { + "_class": "rect", + "do_objectID": "20EE71B0-A0FE-4E11-AAC9-FB7FE2FA62D4", + "constrainProportions": false, + "height": 44, + "width": 102, + "x": 1729, + "y": 516 + }, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 1, + "name": "primitives/border/outside", + "nameIsFixed": true, + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": true, + "clippingMaskMode": 0, + "hasClippingMask": false, + "style": { + "_class": "style", + "do_objectID": "E5D05675-ACAA-4125-97C1-3F4D76E0CC84", + "endMarkerType": 0, + "miterLimit": 10, + "startMarkerType": 0, + "windingRule": 1 + }, + "groupLayout": { + "_class": "MSImmutableFreeformGroupLayout" + }, + "hasClickThrough": false, + "layers": [ + { + "_class": "rectangle", + "do_objectID": "63A471F5-D77A-44A7-8541-A7ABDE2E2189", + "booleanOperation": -1, + "exportOptions": { + "_class": "exportOptions", + "do_objectID": "8D0FC993-95F4-4B2C-99B5-65A1C901E190", + "exportFormats": [], + "includedLayerIds": [], + "layerOptions": 0, + "shouldTrim": false + }, + "frame": { + "_class": "rect", + "do_objectID": "B4C2D7CB-EA17-47B7-936E-792373065DCF", + "constrainProportions": false, + "height": 25, + "width": 80, + "x": 11, + "y": 9 + }, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 0, + "name": "Rectangle", + "nameIsFixed": false, + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": false, + "clippingMaskMode": 0, + "hasClippingMask": false, + "style": { + "_class": "style", + "do_objectID": "39C6E122-7F1C-433E-973D-B35B070376C1", + "borders": [ + { + "_class": "border", + "isEnabled": true, + "color": { + "_class": "color", + "alpha": 1, + "blue": 0.5868647411616161, + "green": 0.5868647411616161, + "red": 1 + }, + "fillType": 0, + "position": 2, + "thickness": 1 + } + ], + "endMarkerType": 0, + "fills": [ + { + "_class": "fill", + "isEnabled": true, + "color": { + "_class": "color", + "alpha": 1, + "blue": 0.847, + "green": 0.847, + "red": 0.847 + }, + "fillType": 0, + "noiseIndex": 0, + "noiseIntensity": 0, + "patternFillType": 1, + "patternTileScale": 1 + } + ], + "miterLimit": 10, + "startMarkerType": 0, + "windingRule": 1 + }, + "edited": false, + "isClosed": true, + "pointRadiusBehaviour": 1, + "points": [ + { + "_class": "curvePoint", + "cornerRadius": 12.5, + "curveFrom": "{0, 0}", + "curveMode": 1, + "curveTo": "{0, 0}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{0, 0}" + }, + { + "_class": "curvePoint", + "cornerRadius": 12.5, + "curveFrom": "{1, 0}", + "curveMode": 1, + "curveTo": "{1, 0}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{1, 0}" + }, + { + "_class": "curvePoint", + "cornerRadius": 12.5, + "curveFrom": "{1, 1}", + "curveMode": 1, + "curveTo": "{1, 1}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{1, 1}" + }, + { + "_class": "curvePoint", + "cornerRadius": 12.5, + "curveFrom": "{0, 1}", + "curveMode": 1, + "curveTo": "{0, 1}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{0, 1}" + } + ], + "fixedRadius": 12.5, + "hasConvertedToNewRoundCorners": true + } + ], + "backgroundColor": { + "_class": "color", + "do_objectID": "0A316CBD-B3AD-406D-B887-7A44EBC40F91", + "alpha": 1, + "blue": 1, + "green": 1, + "red": 1 + }, + "hasBackgroundColor": false, + "horizontalRulerData": { + "_class": "rulerData", + "do_objectID": "AFD1E873-35FB-4581-9D82-D507C877B2A7", + "base": 0, + "guides": [] + }, + "includeBackgroundColorInExport": true, + "includeInCloudUpload": true, + "isFlowHome": false, + "resizesContent": false, + "verticalRulerData": { + "_class": "rulerData", + "do_objectID": "DE0831E4-BA14-4BC2-A739-1458E198FA50", + "base": 0, + "guides": [] + } + }, + { + "_class": "artboard", + "do_objectID": "6AE4CFC3-4143-4B35-9361-84A6619528A9", + "booleanOperation": -1, + "exportOptions": { + "_class": "exportOptions", + "do_objectID": "E8075A1D-963F-42CE-AF1F-B3E2AD8B7DAA", + "exportFormats": [], + "includedLayerIds": [], + "layerOptions": 0, + "shouldTrim": false + }, + "frame": { + "_class": "rect", + "do_objectID": "6D8FE2FD-7883-4DC3-9256-FCB1052A182E", + "constrainProportions": false, + "height": 44, + "width": 102, + "x": 1729, + "y": 569 + }, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 1, + "name": "primitives/border/gradient-with-corners", + "nameIsFixed": true, + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": true, + "clippingMaskMode": 0, + "hasClippingMask": false, + "style": { + "_class": "style", + "do_objectID": "2E9102E8-856F-487F-8949-062F0DB432C8", + "endMarkerType": 0, + "miterLimit": 10, + "startMarkerType": 0, + "windingRule": 1 + }, + "groupLayout": { + "_class": "MSImmutableFreeformGroupLayout" + }, + "hasClickThrough": true, + "layers": [ + { + "_class": "rectangle", + "do_objectID": "5D7549DB-8ACD-4EF5-A293-78332C3794D4", + "booleanOperation": -1, + "exportOptions": { + "_class": "exportOptions", + "do_objectID": "E68611C1-DAF5-4290-AD31-20823B3980F5", + "exportFormats": [], + "includedLayerIds": [], + "layerOptions": 0, + "shouldTrim": false + }, + "frame": { + "_class": "rect", + "do_objectID": "97DA891D-DC08-44BA-871B-9B2805A07E34", + "constrainProportions": false, + "height": 25, + "width": 80, + "x": 11, + "y": 9 + }, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 0, + "name": "Rectangle", + "nameIsFixed": false, + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": false, + "clippingMaskMode": 0, + "hasClippingMask": false, + "style": { + "_class": "style", + "do_objectID": "1414490A-A027-4F35-BF2D-EB21672D3174", + "borders": [ + { + "_class": "border", + "isEnabled": true, + "color": { + "_class": "color", + "alpha": 1, + "blue": 0.5868647411616161, + "green": 0.5868647411616161, + "red": 1 + }, + "fillType": 1, + "gradient": { + "_class": "gradient", + "elipseLength": 1, + "from": "{0.5, 1}", + "gradientType": 0, + "stops": [ + { + "_class": "gradientStop", + "color": { + "_class": "color", + "alpha": 1, + "blue": 0.5647058823529412, + "green": 0.7137254901960784, + "red": 0.592156862745098 + }, + "position": 0 + }, + { + "_class": "gradientStop", + "color": { + "_class": "color", + "alpha": 1, + "blue": 0.3450980392156862, + "green": 0.5686274509803921, + "red": 0.3333333333333334 + }, + "position": 0.5038507579143953 + }, + { + "_class": "gradientStop", + "color": { + "_class": "color", + "alpha": 1, + "blue": 0.2431372549019607, + "green": 0.4901960784313725, + "red": 0.1333333333333333 + }, + "position": 1 + } + ], + "to": "{0.49999999999999989, 3.0616169978683836e-17}" + }, + "position": 2, + "thickness": 1 + } + ], + "endMarkerType": 0, + "fills": [ + { + "_class": "fill", + "isEnabled": true, + "color": { + "_class": "color", + "alpha": 1, + "blue": 0.847, + "green": 0.847, + "red": 0.847 + }, + "fillType": 0, + "noiseIndex": 0, + "noiseIntensity": 0, + "patternFillType": 1, + "patternTileScale": 1 + } + ], + "miterLimit": 10, + "startMarkerType": 0, + "windingRule": 1 + }, + "edited": false, + "isClosed": true, + "pointRadiusBehaviour": 1, + "points": [ + { + "_class": "curvePoint", + "cornerRadius": 8, + "curveFrom": "{0, 0}", + "curveMode": 1, + "curveTo": "{0, 0}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{0, 0}" + }, + { + "_class": "curvePoint", + "cornerRadius": 12.5, + "curveFrom": "{1, 0}", + "curveMode": 1, + "curveTo": "{1, 0}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{1, 0}" + }, + { + "_class": "curvePoint", + "cornerRadius": 12.5, + "curveFrom": "{1, 1}", + "curveMode": 1, + "curveTo": "{1, 1}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{1, 1}" + }, + { + "_class": "curvePoint", + "cornerRadius": 12.5, + "curveFrom": "{0, 1}", + "curveMode": 1, + "curveTo": "{0, 1}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{0, 1}" + } + ], + "fixedRadius": 12.5, + "hasConvertedToNewRoundCorners": true + } + ], + "backgroundColor": { + "_class": "color", + "do_objectID": "CD8E5EA8-48E5-49B9-9782-D6BDD27DB07F", + "alpha": 1, + "blue": 1, + "green": 1, + "red": 1 + }, + "hasBackgroundColor": false, + "horizontalRulerData": { + "_class": "rulerData", + "do_objectID": "6A46C894-98DF-48C4-A6AA-BC14478C7C63", + "base": 0, + "guides": [] + }, + "includeBackgroundColorInExport": true, + "includeInCloudUpload": true, + "isFlowHome": false, + "resizesContent": false, + "verticalRulerData": { + "_class": "rulerData", + "do_objectID": "4343539D-F59C-4B47-8F52-39234580610C", + "base": 0, + "guides": [] + } + }, + { + "_class": "artboard", + "do_objectID": "F32C4D04-3727-4622-98D0-1F5ABB8AFA89", + "booleanOperation": -1, + "exportOptions": { + "_class": "exportOptions", + "exportFormats": [], + "includedLayerIds": [], + "layerOptions": 0, + "shouldTrim": false + }, + "frame": { + "_class": "rect", + "constrainProportions": false, + "height": 44, + "width": 102, + "x": 1729, + "y": 461 + }, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 1, + "name": "primitives/border/center", + "nameIsFixed": true, + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": true, + "clippingMaskMode": 0, + "hasClippingMask": false, + "style": { + "_class": "style", + "endMarkerType": 0, + "miterLimit": 10, + "startMarkerType": 0, + "windingRule": 1 + }, + "groupLayout": { + "_class": "MSImmutableFreeformGroupLayout" + }, + "hasClickThrough": true, + "layers": [ + { + "_class": "rectangle", + "do_objectID": "C5CBF4F5-CB32-40E1-BBA0-7B41385D7344", + "booleanOperation": -1, + "exportOptions": { + "_class": "exportOptions", + "exportFormats": [], + "includedLayerIds": [], + "layerOptions": 0, + "shouldTrim": false + }, + "frame": { + "_class": "rect", + "constrainProportions": false, + "height": 25, + "width": 80, + "x": 11, + "y": 9 + }, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 0, + "name": "Rectangle", + "nameIsFixed": false, + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": false, + "clippingMaskMode": 0, + "hasClippingMask": false, + "style": { + "_class": "style", + "borders": [ + { + "_class": "border", + "isEnabled": true, + "color": { + "_class": "color", + "alpha": 1, + "blue": 0.5868647411616161, + "green": 0.5868647411616161, + "red": 1 + }, + "fillType": 0, + "position": 0, + "thickness": 1 + } + ], + "endMarkerType": 0, + "fills": [ + { + "_class": "fill", + "isEnabled": true, + "color": { + "_class": "color", + "alpha": 1, + "blue": 0.847, + "green": 0.847, + "red": 0.847 + }, + "fillType": 0, + "noiseIndex": 0, + "noiseIntensity": 0, + "patternFillType": 1, + "patternTileScale": 1 + } + ], + "miterLimit": 10, + "startMarkerType": 0, + "windingRule": 1 + }, + "edited": false, + "isClosed": true, + "pointRadiusBehaviour": 1, + "points": [ + { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0, 0}", + "curveMode": 1, + "curveTo": "{0, 0}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{0, 0}" + }, + { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{1, 0}", + "curveMode": 1, + "curveTo": "{1, 0}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{1, 0}" + }, + { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{1, 1}", + "curveMode": 1, + "curveTo": "{1, 1}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{1, 1}" + }, + { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0, 1}", + "curveMode": 1, + "curveTo": "{0, 1}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{0, 1}" + } + ], + "fixedRadius": 0, + "hasConvertedToNewRoundCorners": true + } + ], + "backgroundColor": { + "_class": "color", + "alpha": 1, + "blue": 1, + "green": 1, + "red": 1 + }, + "hasBackgroundColor": false, + "horizontalRulerData": { + "_class": "rulerData", + "base": 0, + "guides": [] + }, + "includeBackgroundColorInExport": true, + "includeInCloudUpload": true, + "isFlowHome": false, + "resizesContent": false, + "verticalRulerData": { + "_class": "rulerData", + "base": 0, + "guides": [] + } + }, + { + "_class": "artboard", + "do_objectID": "3CA8B6DB-E34A-4F1C-B420-798F9BF702D1", + "booleanOperation": -1, + "exportOptions": { + "_class": "exportOptions", + "do_objectID": "E3E871C4-6E83-4DCC-9C34-66A86AD6EC06", + "exportFormats": [], + "includedLayerIds": [], + "layerOptions": 0, + "shouldTrim": false + }, + "frame": { + "_class": "rect", + "do_objectID": "807DB016-0231-40B4-BEE9-3EDC8D679236", + "constrainProportions": false, + "height": 44, + "width": 102, + "x": 1588, + "y": 458 + }, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 1, + "name": "primitives/inner-shadow/simple", + "nameIsFixed": true, + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": true, + "clippingMaskMode": 0, + "hasClippingMask": false, + "style": { + "_class": "style", + "do_objectID": "7FFF98D8-F73C-42CE-8337-7D92FF8E94B2", + "endMarkerType": 0, + "miterLimit": 10, + "startMarkerType": 0, + "windingRule": 1 + }, + "groupLayout": { + "_class": "MSImmutableFreeformGroupLayout" + }, + "hasClickThrough": true, + "layers": [ + { + "_class": "rectangle", + "do_objectID": "990C8531-1C2C-40CC-A9B6-4988D4DC21D4", + "booleanOperation": -1, + "exportOptions": { + "_class": "exportOptions", + "do_objectID": "FB30D3CA-908E-43B6-98C6-C7C53AADB1C1", + "exportFormats": [], + "includedLayerIds": [], + "layerOptions": 0, + "shouldTrim": false + }, + "frame": { + "_class": "rect", + "do_objectID": "8444A7CD-CA8D-4B78-A0C0-8B14B1E53A16", + "constrainProportions": false, + "height": 25, + "width": 80, + "x": 11, + "y": 9 + }, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 0, + "name": "Rectangle", + "nameIsFixed": false, + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": false, + "clippingMaskMode": 0, + "hasClippingMask": false, + "style": { + "_class": "style", + "do_objectID": "AF76E8AA-7164-4EA2-8E38-41BFFE2A8D7A", + "borders": [ + { + "_class": "border", + "isEnabled": false, + "color": { + "_class": "color", + "alpha": 1, + "blue": 0.592, + "green": 0.592, + "red": 0.592 + }, + "fillType": 0, + "position": 1, + "thickness": 1 + } + ], + "endMarkerType": 0, + "fills": [ + { + "_class": "fill", + "isEnabled": true, + "color": { + "_class": "color", + "alpha": 1, + "blue": 0.847, + "green": 0.847, + "red": 0.847 + }, + "fillType": 0, + "noiseIndex": 0, + "noiseIntensity": 0, + "patternFillType": 1, + "patternTileScale": 1 + } + ], + "innerShadows": [ + { + "_class": "innerShadow", + "isEnabled": true, + "blurRadius": 3, + "color": { + "_class": "color", + "alpha": 0.5, + "blue": 0, + "green": 0, + "red": 0 + }, + "contextSettings": { + "_class": "graphicsContextSettings", + "blendMode": 0, + "opacity": 1 + }, + "offsetX": 0, + "offsetY": 1, + "spread": 0 + } + ], + "miterLimit": 10, + "startMarkerType": 0, + "windingRule": 1 + }, + "edited": false, + "isClosed": true, + "pointRadiusBehaviour": 1, + "points": [ + { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0, 0}", + "curveMode": 1, + "curveTo": "{0, 0}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{0, 0}" + }, + { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{1, 0}", + "curveMode": 1, + "curveTo": "{1, 0}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{1, 0}" + }, + { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{1, 1}", + "curveMode": 1, + "curveTo": "{1, 1}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{1, 1}" + }, + { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0, 1}", + "curveMode": 1, + "curveTo": "{0, 1}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{0, 1}" + } + ], + "fixedRadius": 0, + "hasConvertedToNewRoundCorners": true + } + ], + "backgroundColor": { + "_class": "color", + "do_objectID": "0F6CC1D8-4843-4571-BB29-4FB7F9641251", + "alpha": 1, + "blue": 1, + "green": 1, + "red": 1 + }, + "hasBackgroundColor": false, + "horizontalRulerData": { + "_class": "rulerData", + "do_objectID": "87FD0ACF-4E64-4D87-B552-F0005F9C0E12", + "base": 0, + "guides": [] + }, + "includeBackgroundColorInExport": true, + "includeInCloudUpload": true, + "isFlowHome": false, + "resizesContent": false, + "verticalRulerData": { + "_class": "rulerData", + "do_objectID": "B2C7F811-6288-4D1E-93A0-DB0B878BCCDA", + "base": 0, + "guides": [] + } + }, + { + "_class": "symbolMaster", + "do_objectID": "39FA99D3-F37F-4F0A-80D2-7D6964268931", + "booleanOperation": -1, + "exportOptions": { + "_class": "exportOptions", + "exportFormats": [], + "includedLayerIds": [], + "layerOptions": 0, + "shouldTrim": false + }, + "frame": { + "_class": "rect", + "constrainProportions": false, + "height": 135, + "width": 138, + "x": 1026, + "y": 408 + }, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 2, + "name": "illustrations/hubble/telescope", + "nameIsFixed": false, + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": true, + "clippingMaskMode": 0, + "hasClippingMask": false, + "style": { + "_class": "style", + "endMarkerType": 0, + "miterLimit": 10, + "startMarkerType": 0, + "windingRule": 1 + }, + "groupLayout": { + "_class": "MSImmutableFreeformGroupLayout" + }, + "hasClickThrough": true, + "layers": [ + { + "_class": "group", + "do_objectID": "E684C09A-AEFD-4B70-B4AF-F12B8FA8BB38", + "booleanOperation": -1, + "exportOptions": { + "_class": "exportOptions", + "exportFormats": [], + "includedLayerIds": [], + "layerOptions": 0, + "shouldTrim": false + }, + "frame": { + "_class": "rect", + "constrainProportions": false, + "height": 123, + "width": 119, + "x": 10, + "y": 6 + }, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 1, + "name": "telescope", + "nameIsFixed": false, + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": false, + "clippingMaskMode": 0, + "hasClippingMask": false, + "style": { + "_class": "style", + "endMarkerType": 0, + "miterLimit": 10, + "startMarkerType": 0, + "windingRule": 1 + }, + "groupLayout": { + "_class": "MSImmutableFreeformGroupLayout" + }, + "hasClickThrough": false, + "layers": [ + { + "_class": "shapePath", + "do_objectID": "02FC3A23-FED1-41F0-AFDB-3886E7814B0E", + "booleanOperation": -1, + "exportOptions": { + "_class": "exportOptions", + "exportFormats": [], + "includedLayerIds": [], + "layerOptions": 0, + "shouldTrim": false + }, + "frame": { + "_class": "rect", + "constrainProportions": false, + "height": 59.0211311075975, + "width": 58.95181613831292, + "x": 9.113085425705663, + "y": 53.00289139456186 + }, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 0, + "name": "Path", + "nameIsFixed": false, + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": false, + "clippingMaskMode": 0, + "hasClippingMask": false, + "style": { + "_class": "style", + "endMarkerType": 0, + "fills": [ + { + "_class": "fill", + "isEnabled": true, + "color": { + "_class": "color", + "alpha": 1, + "blue": 1, + "green": 1, + "red": 1 + }, + "fillType": 0, + "noiseIndex": 0, + "noiseIntensity": 0, + "patternFillType": 1, + "patternTileScale": 1 + } + ], + "miterLimit": 10, + "startMarkerType": 0, + "windingRule": 0 + }, + "edited": true, + "isClosed": true, + "pointRadiusBehaviour": 1, + "points": [ + { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{-0.041760976793820154, 0.71128607360820562}", + "curveMode": 2, + "curveTo": "{0.27844120248615156, 1.0392228589048957}", + "hasCurveFrom": true, + "hasCurveTo": true, + "point": "{0.11833926469587491, 0.87524768902282957}" + }, + { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0.12434077615346789, 0.2874412653073386}", + "curveMode": 4, + "curveTo": "{-0.03907403667261402, 0.44811422805879764}", + "hasCurveFrom": false, + "hasCurveTo": true, + "point": "{0.12434077615346789, 0.2874412653073386}" + }, + { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0.45929737789193131, -0.041893324444328986}", + "curveMode": 4, + "curveTo": "{0.29588256506584942, 0.11877794399869997}", + "hasCurveFrom": true, + "hasCurveTo": false, + "point": "{0.29588256506584942, 0.11877794399869997}" + }, + { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{1.0417611974872043, 0.28871030232161493}", + "curveMode": 2, + "curveTo": "{0.72155901820723267, -0.039223094358214708}", + "hasCurveFrom": true, + "hasCurveTo": true, + "point": "{0.8816592596969276, 0.12474360398170001}" + }, + { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0.8756594445399164, 0.71256019354777267}", + "curveMode": 4, + "curveTo": "{1.0390742573659981, 0.55188384217945297}", + "hasCurveFrom": false, + "hasCurveTo": true, + "point": "{0.8756594445399164, 0.71256019354777267}" + }, + { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0.54070284280145287, 1.041899866224731}", + "curveMode": 4, + "curveTo": "{0.70411765562753481, 0.88121165469739948}", + "hasCurveFrom": true, + "hasCurveTo": false, + "point": "{0.70411765562753481, 0.88121165469739948}" + } + ] + }, + { + "_class": "shapePath", + "do_objectID": "DF387994-F0DC-4BCE-85FE-148F63B79218", + "booleanOperation": -1, + "exportOptions": { + "_class": "exportOptions", + "exportFormats": [], + "includedLayerIds": [], + "layerOptions": 0, + "shouldTrim": false + }, + "frame": { + "_class": "rect", + "constrainProportions": false, + "height": 36.52828213511435, + "width": 45.9905, + "x": 22.7808, + "y": 75.49630000000002 + }, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 0, + "name": "Path", + "nameIsFixed": false, + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": false, + "clippingMaskMode": 0, + "hasClippingMask": false, + "style": { + "_class": "style", + "endMarkerType": 0, + "fills": [ + { + "_class": "fill", + "isEnabled": true, + "color": { + "_class": "color", + "alpha": 0.1, + "blue": 0.611764705882353, + "green": 0.1882352941176471, + "red": 0.2352941176470588 + }, + "fillType": 0, + "noiseIndex": 0, + "noiseIntensity": 0, + "patternFillType": 1, + "patternTileScale": 1 + } + ], + "miterLimit": 10, + "startMarkerType": 0, + "windingRule": 0 + }, + "edited": true, + "isClosed": true, + "pointRadiusBehaviour": 1, + "points": [ + { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0.60533371022276339, 0.80810534398560996}", + "curveMode": 4, + "curveTo": "{0.44022352442352225, 1.0127413017443334}", + "hasCurveFrom": false, + "hasCurveTo": true, + "point": "{0.60533371022276339, 0.80810534398560996}" + }, + { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{1, 0.31897202164893218}", + "curveMode": 1, + "curveTo": "{1, 0.31897202164893218}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{1, 0.31897202164893218}" + }, + { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0.75488850958350118, 0}", + "curveMode": 1, + "curveTo": "{0.75488850958350118, 0}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{0.75488850958350118, 0}" + }, + { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0.19637533838510124, 1.0533673567696107}", + "curveMode": 4, + "curveTo": "{0, 0.931626071933083}", + "hasCurveFrom": true, + "hasCurveTo": false, + "point": "{0, 0.931626071933083}" + } + ] + }, + { + "_class": "oval", + "do_objectID": "547CB42C-9477-409F-891E-D6B980598CA0", + "booleanOperation": -1, + "exportOptions": { + "_class": "exportOptions", + "exportFormats": [], + "includedLayerIds": [], + "layerOptions": 0, + "shouldTrim": false + }, + "frame": { + "_class": "rect", + "constrainProportions": false, + "height": 49.4074, + "width": 49.1784, + "x": 19.29930000000002, + "y": 52.51690000000002 + }, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 0, + "name": "Oval", + "nameIsFixed": false, + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": false, + "clippingMaskMode": 0, + "hasClippingMask": false, + "style": { + "_class": "style", + "endMarkerType": 0, + "fills": [ + { + "_class": "fill", + "isEnabled": true, + "color": { + "_class": "color", + "alpha": 1, + "blue": 0.3137254901960784, + "green": 0.09019607843137255, + "red": 0.1294117647058823 + }, + "fillType": 0, + "noiseIndex": 0, + "noiseIntensity": 0, + "patternFillType": 1, + "patternTileScale": 1 + } + ], + "miterLimit": 10, + "startMarkerType": 0, + "windingRule": 0 + }, + "edited": false, + "isClosed": true, + "pointRadiusBehaviour": 1, + "points": [ + { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0.77614237490000004, 1}", + "curveMode": 2, + "curveTo": "{0.22385762510000001, 1}", + "hasCurveFrom": true, + "hasCurveTo": true, + "point": "{0.5, 1}" + }, + { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{1, 0.22385762510000001}", + "curveMode": 2, + "curveTo": "{1, 0.77614237490000004}", + "hasCurveFrom": true, + "hasCurveTo": true, + "point": "{1, 0.5}" + }, + { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0.22385762510000001, 0}", + "curveMode": 2, + "curveTo": "{0.77614237490000004, 0}", + "hasCurveFrom": true, + "hasCurveTo": true, + "point": "{0.5, 0}" + }, + { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0, 0.77614237490000004}", + "curveMode": 2, + "curveTo": "{0, 0.22385762510000001}", + "hasCurveFrom": true, + "hasCurveTo": true, + "point": "{0, 0.5}" + } + ] + }, + { + "_class": "shapePath", + "do_objectID": "52D7F231-0C71-46CD-8EA2-6814F95BC179", + "booleanOperation": -1, + "exportOptions": { + "_class": "exportOptions", + "exportFormats": [], + "includedLayerIds": [], + "layerOptions": 0, + "shouldTrim": false + }, + "frame": { + "_class": "rect", + "constrainProportions": false, + "height": 48.32166084006638, + "width": 47.97987629871568, + "x": 23.72352370128431, + "y": 49.40300000000002 + }, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 0, + "name": "Path", + "nameIsFixed": false, + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": false, + "clippingMaskMode": 0, + "hasClippingMask": false, + "style": { + "_class": "style", + "endMarkerType": 0, + "fills": [ + { + "_class": "fill", + "isEnabled": true, + "color": { + "_class": "color", + "alpha": 1, + "blue": 1, + "green": 1, + "red": 1 + }, + "fillType": 0, + "noiseIndex": 0, + "noiseIntensity": 0, + "patternFillType": 1, + "patternTileScale": 1 + } + ], + "miterLimit": 10, + "startMarkerType": 0, + "windingRule": 0 + }, + "edited": true, + "isClosed": true, + "pointRadiusBehaviour": 1, + "points": [ + { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{-0.046840964893118842, 0.67807271998465912}", + "curveMode": 2, + "curveTo": "{0.31231794357745751, 1.0437348204344277}", + "hasCurveFrom": true, + "hasCurveTo": true, + "point": "{0.13273848934216939, 0.86090377020954334}" + }, + { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0.1394683941462099, 0.20546686159776392}", + "curveMode": 4, + "curveTo": "{-0.043829285598650368, 0.38462254146259756}", + "hasCurveFrom": false, + "hasCurveTo": true, + "point": "{0.1394683941462099, 0.20546686159776392}" + }, + { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0.34968360890010841, 0}", + "curveMode": 1, + "curveTo": "{0.34968360890010841, 0}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{0.34968360890010841, 0}" + }, + { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{1, 0.66208817006290721}", + "curveMode": 1, + "curveTo": "{1, 0.66208817006290721}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{1, 0.66208817006290721}" + }, + { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0.60648918970836529, 1.0467148504560904}", + "curveMode": 4, + "curveTo": "{0.78978478524610152, 0.86755503166067127}", + "hasCurveFrom": true, + "hasCurveTo": false, + "point": "{0.78978478524610152, 0.86755503166067127}" + } + ] + }, + { + "_class": "shapePath", + "do_objectID": "565169BE-7DCB-4E12-85A9-05260BF1D68F", + "booleanOperation": -1, + "exportOptions": { + "_class": "exportOptions", + "exportFormats": [], + "includedLayerIds": [], + "layerOptions": 0, + "shouldTrim": false + }, + "frame": { + "_class": "rect", + "constrainProportions": false, + "height": 26.91094023604795, + "width": 34.88010000000001, + "x": 36.83839999999998, + "y": 70.75940000000003 + }, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 0, + "name": "Path", + "nameIsFixed": false, + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": false, + "clippingMaskMode": 0, + "hasClippingMask": false, + "style": { + "_class": "style", + "endMarkerType": 0, + "fills": [ + { + "_class": "fill", + "isEnabled": true, + "color": { + "_class": "color", + "alpha": 0.1, + "blue": 0.611764705882353, + "green": 0.1882352941176471, + "red": 0.2352941176470588 + }, + "fillType": 0, + "noiseIndex": 0, + "noiseIntensity": 0, + "patternFillType": 1, + "patternTileScale": 1 + } + ], + "miterLimit": 10, + "startMarkerType": 0, + "windingRule": 0 + }, + "edited": true, + "isClosed": true, + "pointRadiusBehaviour": 1, + "points": [ + { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0.69632541191108965, 0.78215401674464557}", + "curveMode": 4, + "curveTo": "{0.56928449173024143, 0.944247944408936}", + "hasCurveFrom": false, + "hasCurveTo": true, + "point": "{0.69632541191108965, 0.78215401674464557}" + }, + { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{1, 0.39470192816867145}", + "curveMode": 1, + "curveTo": "{1, 0.39470192816867145}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{1, 0.39470192816867145}" + }, + { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0.70452492968770153, 0}", + "curveMode": 1, + "curveTo": "{0.70452492968770153, 0}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{0.70452492968770153, 0}" + }, + { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0.28592807933463482, 1.0938896873089379}", + "curveMode": 4, + "curveTo": "{0, 0.92696872651757733}", + "hasCurveFrom": true, + "hasCurveTo": false, + "point": "{0, 0.92696872651757733}" + } + ] + }, + { + "_class": "group", + "do_objectID": "2458A914-F884-42FB-A169-CEA9336F2431", + "booleanOperation": -1, + "exportOptions": { + "_class": "exportOptions", + "exportFormats": [], + "includedLayerIds": [], + "layerOptions": 0, + "shouldTrim": false + }, + "frame": { + "_class": "rect", + "constrainProportions": false, + "height": 56, + "width": 56, + "x": 20, + "y": 45 + }, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 0, + "name": "Clipped", + "nameIsFixed": false, + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": false, + "clippingMaskMode": 0, + "hasClippingMask": false, + "style": { + "_class": "style", + "endMarkerType": 0, + "miterLimit": 10, + "startMarkerType": 0, + "windingRule": 1 + }, + "groupLayout": { + "_class": "MSImmutableFreeformGroupLayout" + }, + "hasClickThrough": false, + "layers": [ + { + "_class": "shapePath", + "do_objectID": "5717ADE9-2DFF-4E06-9E1A-8AD236321C0F", + "booleanOperation": -1, + "exportOptions": { + "_class": "exportOptions", + "exportFormats": [], + "includedLayerIds": [], + "layerOptions": 0, + "shouldTrim": false + }, + "frame": { + "_class": "rect", + "constrainProportions": false, + "height": 54.70281715274805, + "width": 54.46231744875875, + "x": 0.6800825512412452, + "y": 0.9478999999999971 + }, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 0, + "name": "Path", + "nameIsFixed": false, + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": false, + "clippingMaskMode": 0, + "hasClippingMask": true, + "style": { + "_class": "style", + "endMarkerType": 0, + "miterLimit": 10, + "startMarkerType": 0, + "windingRule": 1 + }, + "edited": true, + "isClosed": true, + "pointRadiusBehaviour": 1, + "points": [ + { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{-0.041241038877100414, 0.71553170453185133}", + "curveMode": 2, + "curveTo": "{0.27523833268502229, 1.0386137854903117}", + "hasCurveFrom": true, + "hasCurveTo": true, + "point": "{0.11699864690396097, 0.87706817486254052}" + }, + { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0.12280816832760735, 0.29808885261736173}", + "curveMode": 4, + "curveTo": "{-0.038639239933577318, 0.45631287928552372}", + "hasCurveFrom": false, + "hasCurveTo": true, + "point": "{0.12280816832760735, 0.29808885261736173}" + }, + { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0.42696709464552407, 0}", + "curveMode": 1, + "curveTo": "{0.42696709464552407, 0}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{0.42696709464552407, 0}" + }, + { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{1, 0.58497718519040587}", + "curveMode": 1, + "curveTo": "{1, 0.58497718519040587}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{1, 0.58497718519040587}" + }, + { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0.53439366542089861, 1.0412827522382642}", + "curveMode": 4, + "curveTo": "{0.69584107368208348, 0.88306603780776749}", + "hasCurveFrom": true, + "hasCurveTo": false, + "point": "{0.69584107368208348, 0.88306603780776749}" + } + ] + }, + { + "_class": "group", + "do_objectID": "FFEA95FD-211D-4950-BA6C-6E10F0B5C8DF", + "booleanOperation": -1, + "exportOptions": { + "_class": "exportOptions", + "exportFormats": [], + "includedLayerIds": [], + "layerOptions": 0, + "shouldTrim": false + }, + "frame": { + "_class": "rect", + "constrainProportions": false, + "height": 57, + "width": 57, + "x": 8, + "y": -9 + }, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 0, + "name": "Group", + "nameIsFixed": false, + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": false, + "clippingMaskMode": 0, + "hasClippingMask": false, + "style": { + "_class": "style", + "endMarkerType": 0, + "miterLimit": 10, + "startMarkerType": 0, + "windingRule": 1 + }, + "groupLayout": { + "_class": "MSImmutableFreeformGroupLayout" + }, + "hasClickThrough": false, + "layers": [ + { + "_class": "shapePath", + "do_objectID": "452FEFAA-4D5A-46E1-B22C-A04980A54CE8", + "booleanOperation": -1, + "exportOptions": { + "_class": "exportOptions", + "exportFormats": [], + "includedLayerIds": [], + "layerOptions": 0, + "shouldTrim": false + }, + "frame": { + "_class": "rect", + "constrainProportions": false, + "height": 51.50773346718231, + "width": 51.28453763765749, + "x": 0.5589352318613834, + "y": 5.06633326640884 + }, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 0, + "name": "Path", + "nameIsFixed": false, + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": false, + "clippingMaskMode": 0, + "hasClippingMask": false, + "style": { + "_class": "style", + "borders": [ + { + "_class": "border", + "isEnabled": true, + "color": { + "_class": "color", + "alpha": 0.1, + "blue": 0.5137254901960784, + "green": 0.1529411764705882, + "red": 0.192156862745098 + }, + "fillType": 0, + "position": 0, + "thickness": 1 + } + ], + "endMarkerType": 0, + "miterLimit": 10, + "startMarkerType": 0, + "windingRule": 1 + }, + "edited": true, + "isClosed": true, + "pointRadiusBehaviour": 1, + "points": [ + { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0.98705510666374008, 0.79859787967178353}", + "curveMode": 2, + "curveTo": "{1.0119144513849034, 0.24681665990391735}", + "hasCurveFrom": true, + "hasCurveTo": true, + "point": "{0.99948380407159121, 0.52270726978785054}" + }, + { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0.20167998473956905, 0.98693658819175456}", + "curveMode": 2, + "curveTo": "{0.7533160392533329, 1.0120143757985998}", + "hasCurveFrom": true, + "hasCurveTo": true, + "point": "{0.47749801199645087, 0.99947451126715947}" + }, + { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0.012946685272464651, 0.20140212032821658}", + "curveMode": 2, + "curveTo": "{-0.011912659448698668, 0.75318334009608268}", + "hasCurveFrom": true, + "hasCurveTo": true, + "point": "{0.00051603795915250363, 0.47729273021214963}" + }, + { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0.79832180719663581, 0.01306535326428088}", + "curveMode": 2, + "curveTo": "{0.24668380277741109, -0.01201437579859976}", + "hasCurveFrom": true, + "hasCurveTo": true, + "point": "{0.52250183003429307, 0.0005254887328406295}" + } + ] + }, + { + "_class": "shapePath", + "do_objectID": "872D5D1B-1CDE-42AD-847C-ADFB449DF3F2", + "booleanOperation": -1, + "exportOptions": { + "_class": "exportOptions", + "exportFormats": [], + "includedLayerIds": [], + "layerOptions": 0, + "shouldTrim": false + }, + "frame": { + "_class": "rect", + "constrainProportions": false, + "height": 51.50773346718231, + "width": 51.28444574332464, + "x": 5.227327128337677, + "y": 0.7824332664088445 + }, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 0, + "name": "Path", + "nameIsFixed": false, + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": false, + "clippingMaskMode": 0, + "hasClippingMask": false, + "style": { + "_class": "style", + "borders": [ + { + "_class": "border", + "isEnabled": true, + "color": { + "_class": "color", + "alpha": 0.1, + "blue": 0.5137254901960784, + "green": 0.1529411764705882, + "red": 0.192156862745098 + }, + "fillType": 0, + "position": 0, + "thickness": 1 + } + ], + "endMarkerType": 0, + "miterLimit": 10, + "startMarkerType": 0, + "windingRule": 1 + }, + "edited": true, + "isClosed": true, + "pointRadiusBehaviour": 1, + "points": [ + { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0.98705508342656245, 0.79859787967178353}", + "curveMode": 2, + "curveTo": "{1.0119144726920875, 0.24681665990391727}", + "hasCurveFrom": true, + "hasCurveTo": true, + "point": "{0.99948380310484752, 0.52270726978785043}" + }, + { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0.20167855422340414, 0.98693658819175456}", + "curveMode": 2, + "curveTo": "{0.75331754709840049, 1.0120143757986}", + "hasCurveFrom": true, + "hasCurveTo": true, + "point": "{0.47749707570642497, 0.99947451126715947}" + }, + { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0.012944916573437524, 0.20140212032821647}", + "curveMode": 2, + "curveTo": "{-0.01191447269208731, 0.7531833400960829}", + "hasCurveFrom": true, + "hasCurveTo": true, + "point": "{0.00051619689515250032, 0.47729273021214952}" + }, + { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0.79832144577659614, 0.013063411808245605}", + "curveMode": 2, + "curveTo": "{0.24668245290159971, -0.012014375798599762}", + "hasCurveFrom": true, + "hasCurveTo": true, + "point": "{0.52250292429357537, 0.00052548873284049159}" + } + ] + } + ] + } + ] + }, + { + "_class": "shapePath", + "do_objectID": "1FFA72B0-1706-49F3-9626-B3B30267D5EA", + "booleanOperation": -1, + "exportOptions": { + "_class": "exportOptions", + "exportFormats": [], + "includedLayerIds": [], + "layerOptions": 0, + "shouldTrim": false + }, + "frame": { + "_class": "rect", + "constrainProportions": false, + "height": 47.3343, + "width": 62.93455, + "x": 0.3845499999999902, + "y": 0 + }, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 0, + "name": "Path", + "nameIsFixed": false, + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": false, + "clippingMaskMode": 0, + "hasClippingMask": false, + "style": { + "_class": "style", + "endMarkerType": 0, + "fills": [ + { + "_class": "fill", + "isEnabled": true, + "color": { + "_class": "color", + "alpha": 1, + "blue": 0.2313725490196079, + "green": 0.05882352941176471, + "red": 0.09019607843137255 + }, + "fillType": 0, + "noiseIndex": 0, + "noiseIntensity": 0, + "patternFillType": 1, + "patternTileScale": 1 + } + ], + "miterLimit": 10, + "startMarkerType": 0, + "windingRule": 0 + }, + "edited": true, + "isClosed": true, + "pointRadiusBehaviour": 1, + "points": [ + { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{1, 1}", + "curveMode": 1, + "curveTo": "{1, 1}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{1, 1}" + }, + { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0.47541056542074261, 0}", + "curveMode": 1, + "curveTo": "{0.47541056542074261, 0}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{0.47541056542074261, 0}" + }, + { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0.010928973036273382, 0}", + "curveMode": 1, + "curveTo": "{0.010928973036273382, 0}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{0.010928973036273382, 0}" + }, + { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0, 0.043795514035276747}", + "curveMode": 1, + "curveTo": "{0, 0.043795514035276747}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{0, 0.043795514035276747}" + }, + { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0.51282085913063657, 1}", + "curveMode": 1, + "curveTo": "{0.51282085913063657, 1}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{0.51282085913063657, 1}" + } + ] + }, + { + "_class": "shapePath", + "do_objectID": "553AA9E6-FAFC-4450-A962-282FBA4C7150", + "booleanOperation": -1, + "exportOptions": { + "_class": "exportOptions", + "exportFormats": [], + "includedLayerIds": [], + "layerOptions": 0, + "shouldTrim": false + }, + "frame": { + "_class": "rect", + "constrainProportions": false, + "height": 45.2612, + "width": 62.93457, + "x": 1.072329999999965, + "y": 0 + }, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 0, + "name": "Path", + "nameIsFixed": false, + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": false, + "clippingMaskMode": 0, + "hasClippingMask": false, + "style": { + "_class": "style", + "endMarkerType": 0, + "fills": [ + { + "_class": "fill", + "isEnabled": true, + "color": { + "_class": "color", + "alpha": 1, + "blue": 0.6392156862745098, + "green": 0.3411764705882353, + "red": 0.3450980392156863 + }, + "fillType": 0, + "noiseIndex": 0, + "noiseIntensity": 0, + "patternFillType": 1, + "patternTileScale": 1 + } + ], + "miterLimit": 10, + "startMarkerType": 0, + "windingRule": 0 + }, + "edited": true, + "isClosed": true, + "pointRadiusBehaviour": 1, + "points": [ + { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0.46794901434934727, 0}", + "curveMode": 1, + "curveTo": "{0.46794901434934727, 0}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{0.46794901434934727, 0}" + }, + { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0, 0}", + "curveMode": 1, + "curveTo": "{0, 0}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{0, 0}" + }, + { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0.51282101395147373, 1}", + "curveMode": 1, + "curveTo": "{0.51282101395147373, 1}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{0.51282101395147373, 1}" + }, + { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{1, 1}", + "curveMode": 1, + "curveTo": "{1, 1}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{1, 1}" + } + ] + }, + { + "_class": "group", + "do_objectID": "F5AA027E-EB7A-4341-9AA8-1B96642CB999", + "booleanOperation": -1, + "exportOptions": { + "_class": "exportOptions", + "exportFormats": [], + "includedLayerIds": [], + "layerOptions": 0, + "shouldTrim": false + }, + "frame": { + "_class": "rect", + "constrainProportions": false, + "height": 31, + "width": 42, + "x": 12, + "y": 8 + }, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 0, + "name": "Group", + "nameIsFixed": false, + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": false, + "clippingMaskMode": 0, + "hasClippingMask": false, + "style": { + "_class": "style", + "contextSettings": { + "_class": "graphicsContextSettings", + "blendMode": 0, + "opacity": 0.4 + }, + "endMarkerType": 0, + "miterLimit": 10, + "startMarkerType": 0, + "windingRule": 1 + }, + "groupLayout": { + "_class": "MSImmutableFreeformGroupLayout" + }, + "hasClickThrough": false, + "layers": [ + { + "_class": "shapePath", + "do_objectID": "E88DA914-2975-492A-B253-95D76EB55ADE", + "booleanOperation": -1, + "exportOptions": { + "_class": "exportOptions", + "exportFormats": [], + "includedLayerIds": [], + "layerOptions": 0, + "shouldTrim": false + }, + "frame": { + "_class": "rect", + "constrainProportions": false, + "height": 1, + "width": 20.6343, + "x": 0.07730000000000103, + "y": 0.3286999999999995 + }, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 0, + "name": "Path", + "nameIsFixed": false, + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": false, + "clippingMaskMode": 0, + "hasClippingMask": false, + "style": { + "_class": "style", + "borders": [ + { + "_class": "border", + "isEnabled": true, + "color": { + "_class": "color", + "alpha": 1, + "blue": 0.384313725490196, + "green": 0.1568627450980392, + "red": 0.1843137254901961 + }, + "fillType": 0, + "position": 0, + "thickness": 1 + } + ], + "endMarkerType": 0, + "miterLimit": 10, + "startMarkerType": 0, + "windingRule": 1 + }, + "edited": true, + "isClosed": false, + "pointRadiusBehaviour": 1, + "points": [ + { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0, 0.5}", + "curveMode": 1, + "curveTo": "{0, 0.5}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{0, 0.5}" + }, + { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{1, 0.5}", + "curveMode": 1, + "curveTo": "{1, 0.5}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{1, 0.5}" + } + ] + }, + { + "_class": "shapePath", + "do_objectID": "D7502CD3-BFA4-4EBE-AEEC-86F993BE816C", + "booleanOperation": -1, + "exportOptions": { + "_class": "exportOptions", + "exportFormats": [], + "includedLayerIds": [], + "layerOptions": 0, + "shouldTrim": false + }, + "frame": { + "_class": "rect", + "constrainProportions": false, + "height": 1, + "width": 20.6343, + "x": 2.828499999999998, + "y": 3.783799999999999 + }, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 0, + "name": "Path", + "nameIsFixed": false, + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": false, + "clippingMaskMode": 0, + "hasClippingMask": false, + "style": { + "_class": "style", + "borders": [ + { + "_class": "border", + "isEnabled": true, + "color": { + "_class": "color", + "alpha": 1, + "blue": 0.384313725490196, + "green": 0.1568627450980392, + "red": 0.1843137254901961 + }, + "fillType": 0, + "position": 0, + "thickness": 1 + } + ], + "endMarkerType": 0, + "miterLimit": 10, + "startMarkerType": 0, + "windingRule": 1 + }, + "edited": true, + "isClosed": false, + "pointRadiusBehaviour": 1, + "points": [ + { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0, 0.5}", + "curveMode": 1, + "curveTo": "{0, 0.5}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{0, 0.5}" + }, + { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{1, 0.5}", + "curveMode": 1, + "curveTo": "{1, 0.5}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{1, 0.5}" + } + ] + }, + { + "_class": "shapePath", + "do_objectID": "39B6949B-8573-46E4-ADFE-FEEBC6C2368E", + "booleanOperation": -1, + "exportOptions": { + "_class": "exportOptions", + "exportFormats": [], + "includedLayerIds": [], + "layerOptions": 0, + "shouldTrim": false + }, + "frame": { + "_class": "rect", + "constrainProportions": false, + "height": 1, + "width": 20.6343, + "x": 5.235800000000001, + "y": 7.238800000000001 + }, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 0, + "name": "Path", + "nameIsFixed": false, + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": false, + "clippingMaskMode": 0, + "hasClippingMask": false, + "style": { + "_class": "style", + "borders": [ + { + "_class": "border", + "isEnabled": true, + "color": { + "_class": "color", + "alpha": 1, + "blue": 0.384313725490196, + "green": 0.1568627450980392, + "red": 0.1843137254901961 + }, + "fillType": 0, + "position": 0, + "thickness": 1 + } + ], + "endMarkerType": 0, + "miterLimit": 10, + "startMarkerType": 0, + "windingRule": 1 + }, + "edited": true, + "isClosed": false, + "pointRadiusBehaviour": 1, + "points": [ + { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0, 0.5}", + "curveMode": 1, + "curveTo": "{0, 0.5}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{0, 0.5}" + }, + { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{1, 0.5}", + "curveMode": 1, + "curveTo": "{1, 0.5}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{1, 0.5}" + } + ] + }, + { + "_class": "shapePath", + "do_objectID": "2A4A73AB-8F3E-48F6-8CFA-B84ADB5579A6", + "booleanOperation": -1, + "exportOptions": { + "_class": "exportOptions", + "exportFormats": [], + "includedLayerIds": [], + "layerOptions": 0, + "shouldTrim": false + }, + "frame": { + "_class": "rect", + "constrainProportions": false, + "height": 1, + "width": 20.6343, + "x": 7.987100000000002, + "y": 11.0393 + }, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 0, + "name": "Path", + "nameIsFixed": false, + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": false, + "clippingMaskMode": 0, + "hasClippingMask": false, + "style": { + "_class": "style", + "borders": [ + { + "_class": "border", + "isEnabled": true, + "color": { + "_class": "color", + "alpha": 1, + "blue": 0.384313725490196, + "green": 0.1568627450980392, + "red": 0.1843137254901961 + }, + "fillType": 0, + "position": 0, + "thickness": 1 + } + ], + "endMarkerType": 0, + "miterLimit": 10, + "startMarkerType": 0, + "windingRule": 1 + }, + "edited": true, + "isClosed": false, + "pointRadiusBehaviour": 1, + "points": [ + { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0, 0.5}", + "curveMode": 1, + "curveTo": "{0, 0.5}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{0, 0.5}" + }, + { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{1, 0.5}", + "curveMode": 1, + "curveTo": "{1, 0.5}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{1, 0.5}" + } + ] + }, + { + "_class": "shapePath", + "do_objectID": "5C686341-17E3-4683-85F0-D4070E2C799E", + "booleanOperation": -1, + "exportOptions": { + "_class": "exportOptions", + "exportFormats": [], + "includedLayerIds": [], + "layerOptions": 0, + "shouldTrim": false + }, + "frame": { + "_class": "rect", + "constrainProportions": false, + "height": 1, + "width": 20.6343, + "x": 10.3944, + "y": 14.4944 + }, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 0, + "name": "Path", + "nameIsFixed": false, + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": false, + "clippingMaskMode": 0, + "hasClippingMask": false, + "style": { + "_class": "style", + "borders": [ + { + "_class": "border", + "isEnabled": true, + "color": { + "_class": "color", + "alpha": 1, + "blue": 0.384313725490196, + "green": 0.1568627450980392, + "red": 0.1843137254901961 + }, + "fillType": 0, + "position": 0, + "thickness": 1 + } + ], + "endMarkerType": 0, + "miterLimit": 10, + "startMarkerType": 0, + "windingRule": 1 + }, + "edited": true, + "isClosed": false, + "pointRadiusBehaviour": 1, + "points": [ + { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0, 0.5}", + "curveMode": 1, + "curveTo": "{0, 0.5}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{0, 0.5}" + }, + { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{1, 0.5}", + "curveMode": 1, + "curveTo": "{1, 0.5}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{1, 0.5}" + } + ] + }, + { + "_class": "shapePath", + "do_objectID": "960E468A-E05F-46C3-B3C9-F559D7E15F8F", + "booleanOperation": -1, + "exportOptions": { + "_class": "exportOptions", + "exportFormats": [], + "includedLayerIds": [], + "layerOptions": 0, + "shouldTrim": false + }, + "frame": { + "_class": "rect", + "constrainProportions": false, + "height": 1, + "width": 20.6342, + "x": 13.1457, + "y": 17.9495 + }, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 0, + "name": "Path", + "nameIsFixed": false, + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": false, + "clippingMaskMode": 0, + "hasClippingMask": false, + "style": { + "_class": "style", + "borders": [ + { + "_class": "border", + "isEnabled": true, + "color": { + "_class": "color", + "alpha": 1, + "blue": 0.384313725490196, + "green": 0.1568627450980392, + "red": 0.1843137254901961 + }, + "fillType": 0, + "position": 0, + "thickness": 1 + } + ], + "endMarkerType": 0, + "miterLimit": 10, + "startMarkerType": 0, + "windingRule": 1 + }, + "edited": true, + "isClosed": false, + "pointRadiusBehaviour": 1, + "points": [ + { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0, 0.5}", + "curveMode": 1, + "curveTo": "{0, 0.5}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{0, 0.5}" + }, + { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{1, 0.5}", + "curveMode": 1, + "curveTo": "{1, 0.5}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{1, 0.5}" + } + ] + }, + { + "_class": "shapePath", + "do_objectID": "82E18D9B-45FB-4D99-AFD6-FE7AA8DD475C", + "booleanOperation": -1, + "exportOptions": { + "_class": "exportOptions", + "exportFormats": [], + "includedLayerIds": [], + "layerOptions": 0, + "shouldTrim": false + }, + "frame": { + "_class": "rect", + "constrainProportions": false, + "height": 1, + "width": 20.6343, + "x": 15.5529, + "y": 21.4045 + }, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 0, + "name": "Path", + "nameIsFixed": false, + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": false, + "clippingMaskMode": 0, + "hasClippingMask": false, + "style": { + "_class": "style", + "borders": [ + { + "_class": "border", + "isEnabled": true, + "color": { + "_class": "color", + "alpha": 1, + "blue": 0.384313725490196, + "green": 0.1568627450980392, + "red": 0.1843137254901961 + }, + "fillType": 0, + "position": 0, + "thickness": 1 + } + ], + "endMarkerType": 0, + "miterLimit": 10, + "startMarkerType": 0, + "windingRule": 1 + }, + "edited": true, + "isClosed": false, + "pointRadiusBehaviour": 1, + "points": [ + { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0, 0.5}", + "curveMode": 1, + "curveTo": "{0, 0.5}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{0, 0.5}" + }, + { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{1, 0.5}", + "curveMode": 1, + "curveTo": "{1, 0.5}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{1, 0.5}" + } + ] + }, + { + "_class": "shapePath", + "do_objectID": "4F026D50-A8A0-42AE-8067-5F00F9459D7C", + "booleanOperation": -1, + "exportOptions": { + "_class": "exportOptions", + "exportFormats": [], + "includedLayerIds": [], + "layerOptions": 0, + "shouldTrim": false + }, + "frame": { + "_class": "rect", + "constrainProportions": false, + "height": 1, + "width": 20.6343, + "x": 18.3042, + "y": 25.2051 + }, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 0, + "name": "Path", + "nameIsFixed": false, + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": false, + "clippingMaskMode": 0, + "hasClippingMask": false, + "style": { + "_class": "style", + "borders": [ + { + "_class": "border", + "isEnabled": true, + "color": { + "_class": "color", + "alpha": 1, + "blue": 0.384313725490196, + "green": 0.1568627450980392, + "red": 0.1843137254901961 + }, + "fillType": 0, + "position": 0, + "thickness": 1 + } + ], + "endMarkerType": 0, + "miterLimit": 10, + "startMarkerType": 0, + "windingRule": 1 + }, + "edited": true, + "isClosed": false, + "pointRadiusBehaviour": 1, + "points": [ + { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0, 0.5}", + "curveMode": 1, + "curveTo": "{0, 0.5}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{0, 0.5}" + }, + { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{1, 0.5}", + "curveMode": 1, + "curveTo": "{1, 0.5}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{1, 0.5}" + } + ] + }, + { + "_class": "shapePath", + "do_objectID": "1B875F14-33A3-41FE-ADEE-44AB1DE62EDF", + "booleanOperation": -1, + "exportOptions": { + "_class": "exportOptions", + "exportFormats": [], + "includedLayerIds": [], + "layerOptions": 0, + "shouldTrim": false + }, + "frame": { + "_class": "rect", + "constrainProportions": false, + "height": 1, + "width": 20.6342, + "x": 21.0555, + "y": 29.0057 + }, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 0, + "name": "Path", + "nameIsFixed": false, + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": false, + "clippingMaskMode": 0, + "hasClippingMask": false, + "style": { + "_class": "style", + "borders": [ + { + "_class": "border", + "isEnabled": true, + "color": { + "_class": "color", + "alpha": 1, + "blue": 0.384313725490196, + "green": 0.1568627450980392, + "red": 0.1843137254901961 + }, + "fillType": 0, + "position": 0, + "thickness": 1 + } + ], + "endMarkerType": 0, + "miterLimit": 10, + "startMarkerType": 0, + "windingRule": 1 + }, + "edited": true, + "isClosed": false, + "pointRadiusBehaviour": 1, + "points": [ + { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0, 0.5}", + "curveMode": 1, + "curveTo": "{0, 0.5}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{0, 0.5}" + }, + { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{1, 0.5}", + "curveMode": 1, + "curveTo": "{1, 0.5}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{1, 0.5}" + } + ] + } + ] + }, + { + "_class": "shapePath", + "do_objectID": "9D121131-C930-422C-BE05-04E222186B62", + "booleanOperation": -1, + "exportOptions": { + "_class": "exportOptions", + "exportFormats": [], + "includedLayerIds": [], + "layerOptions": 0, + "shouldTrim": false + }, + "frame": { + "_class": "rect", + "constrainProportions": false, + "height": 49.2978, + "width": 49.0693, + "x": 37.04999999999995, + "y": 34.68770000000001 + }, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 0, + "name": "Path", + "nameIsFixed": false, + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": false, + "clippingMaskMode": 0, + "hasClippingMask": false, + "style": { + "_class": "style", + "endMarkerType": 0, + "fills": [ + { + "_class": "fill", + "isEnabled": true, + "color": { + "_class": "color", + "alpha": 1, + "blue": 1, + "green": 1, + "red": 1 + }, + "fillType": 0, + "noiseIndex": 0, + "noiseIntensity": 0, + "patternFillType": 1, + "patternTileScale": 1 + } + ], + "miterLimit": 10, + "startMarkerType": 0, + "windingRule": 1 + }, + "edited": true, + "isClosed": true, + "pointRadiusBehaviour": 1, + "points": [ + { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0, 0.77614011172912389}", + "curveMode": 2, + "curveTo": "{0, 0.22385785978278946}", + "hasCurveFrom": true, + "hasCurveTo": true, + "point": "{0, 0.50000000000000011}" + }, + { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0.77614312818809317, 1}", + "curveMode": 2, + "curveTo": "{0.22385890974601227, 1}", + "hasCurveFrom": true, + "hasCurveTo": true, + "point": "{0.50000101896705273, 1}" + }, + { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{1, 0.22385785978278946}", + "curveMode": 2, + "curveTo": "{1, 0.77614011172912389}", + "hasCurveFrom": true, + "hasCurveTo": true, + "point": "{1, 0.50000000000000011}" + }, + { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0.22385890974601227, 0}", + "curveMode": 2, + "curveTo": "{0.77614312818809317, 0}", + "hasCurveFrom": true, + "hasCurveTo": true, + "point": "{0.50000101896705273, 0}" + } + ] + }, + { + "_class": "shapePath", + "do_objectID": "CC7B40B9-5756-4957-AB11-569B42906975", + "booleanOperation": -1, + "exportOptions": { + "_class": "exportOptions", + "exportFormats": [], + "includedLayerIds": [], + "layerOptions": 0, + "shouldTrim": false + }, + "frame": { + "_class": "rect", + "constrainProportions": false, + "height": 36.3211, + "width": 34.7768, + "x": 51.34270000000004, + "y": 47.66430000000003 + }, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 0, + "name": "Path", + "nameIsFixed": false, + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": false, + "clippingMaskMode": 0, + "hasClippingMask": false, + "style": { + "_class": "style", + "endMarkerType": 0, + "fills": [ + { + "_class": "fill", + "isEnabled": true, + "color": { + "_class": "color", + "alpha": 1, + "blue": 0.9607843137254902, + "green": 0.9176470588235294, + "red": 0.9215686274509803 + }, + "fillType": 0, + "noiseIndex": 0, + "noiseIntensity": 0, + "patternFillType": 1, + "patternTileScale": 1 + } + ], + "miterLimit": 10, + "startMarkerType": 0, + "windingRule": 1 + }, + "edited": true, + "isClosed": true, + "pointRadiusBehaviour": 1, + "points": [ + { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0.237802212969566, 0.92255741153213988}", + "curveMode": 4, + "curveTo": "{0.08962871799590523, 0.97788337908268219}", + "hasCurveFrom": true, + "hasCurveTo": true, + "point": "{0, 0.93821773018988963}" + }, + { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0.82552448758942742, 0.46283289878335204}", + "curveMode": 2, + "curveTo": "{0.47043431253019247, 0.82411876292292918}", + "hasCurveFrom": true, + "hasCurveTo": true, + "point": "{0.64717570334245822, 0.64429491397562288}" + }, + { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0.96960329875089124, 0.095657895823639774}", + "curveMode": 4, + "curveTo": "{0.91466724943065481, 0.2313586317595008}", + "hasCurveFrom": true, + "hasCurveTo": true, + "point": "{0.91604172896873792, 0}" + }, + { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{1, 0.69616008325739054}", + "curveMode": 3, + "curveTo": "{1, 0.20509566064904425}", + "hasCurveFrom": true, + "hasCurveTo": true, + "point": "{1, 0.32136416573286619}" + }, + { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0.18938487727450479, 1}", + "curveMode": 3, + "curveTo": "{0.68414287686043584, 1}", + "hasCurveFrom": true, + "hasCurveTo": true, + "point": "{0.29450955809620205, 1}" + } + ] + }, + { + "_class": "shapePath", + "do_objectID": "65483E80-F950-4CD9-92AC-D72C2C1761D4", + "booleanOperation": -1, + "exportOptions": { + "_class": "exportOptions", + "exportFormats": [], + "includedLayerIds": [], + "layerOptions": 0, + "shouldTrim": false + }, + "frame": { + "_class": "rect", + "constrainProportions": false, + "height": 30.7584461791868, + "width": 30.61593611899821, + "x": 54.51884719771147, + "y": 35.63179886682468 + }, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 0, + "name": "Path", + "nameIsFixed": false, + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": false, + "clippingMaskMode": 0, + "hasClippingMask": false, + "style": { + "_class": "style", + "endMarkerType": 0, + "fills": [ + { + "_class": "fill", + "isEnabled": true, + "color": { + "_class": "color", + "alpha": 1, + "blue": 0.3137254901960784, + "green": 0.09019607843137255, + "red": 0.1294117647058823 + }, + "fillType": 0, + "noiseIndex": 0, + "noiseIntensity": 0, + "patternFillType": 1, + "patternTileScale": 1 + } + ], + "miterLimit": 10, + "startMarkerType": 0, + "windingRule": 1 + }, + "edited": true, + "isClosed": true, + "pointRadiusBehaviour": 1, + "points": [ + { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0.45595707895490983, 1.0054084316554688}", + "curveMode": 2, + "curveTo": "{-0.0054104893957059525, 0.54403597098797751}", + "hasCurveFrom": true, + "hasCurveTo": true, + "point": "{0.22527656105242169, 0.774723826891484}" + }, + { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{1.0694219074350448, 0.76596850815947903}", + "curveMode": 2, + "curveTo": "{0.76597209737893523, 1.0694233688382302}", + "hasCurveFrom": true, + "hasCurveTo": true, + "point": "{0.91769700240698981, 0.91769918963837649}" + }, + { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0.54403539181520721, -0.0054131104625605216}", + "curveMode": 2, + "curveTo": "{1.005412758984283, 0.45595935020493045}", + "hasCurveFrom": true, + "hasCurveTo": true, + "point": "{0.77472570853615486, 0.22527474544094575}" + }, + { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{-0.069422904119287782, 0.23402681303342915}", + "curveMode": 2, + "curveTo": "{0.23402690593682229, -0.069421545366278842}", + "hasCurveFrom": true, + "hasCurveTo": true, + "point": "{0.082302000908767256, 0.082302633833575153}" + } + ] + }, + { + "_class": "shapePath", + "do_objectID": "3C079E43-E084-4EC6-83C8-F4A675CCDD64", + "booleanOperation": -1, + "exportOptions": { + "_class": "exportOptions", + "exportFormats": [], + "includedLayerIds": [], + "layerOptions": 0, + "shouldTrim": false + }, + "frame": { + "_class": "rect", + "constrainProportions": false, + "height": 16.01127909089457, + "width": 15.93702474264511, + "x": 61.0780899971187, + "y": 43.78931045455272 + }, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 0, + "name": "Path", + "nameIsFixed": false, + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": false, + "clippingMaskMode": 0, + "hasClippingMask": false, + "style": { + "_class": "style", + "endMarkerType": 0, + "fills": [ + { + "_class": "fill", + "isEnabled": true, + "color": { + "_class": "color", + "alpha": 1, + "blue": 0.4941176470588236, + "green": 0, + "red": 0.9019607843137255 + }, + "fillType": 0, + "noiseIndex": 0, + "noiseIntensity": 0, + "patternFillType": 1, + "patternTileScale": 1 + } + ], + "miterLimit": 10, + "startMarkerType": 0, + "windingRule": 1 + }, + "edited": true, + "isClosed": true, + "pointRadiusBehaviour": 1, + "points": [ + { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0.45595775373535496, 1.0054155857293141}", + "curveMode": 2, + "curveTo": "{-0.0054144357878713415, 0.54404082871811399}", + "hasCurveFrom": true, + "hasCurveTo": true, + "point": "{0.22527479632219982, 0.77472820722371405}" + }, + { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{1.0694223218011076, 0.76595938874250702}", + "curveMode": 2, + "curveTo": "{0.76597170425520411, 1.0694204659254749}", + "hasCurveFrom": true, + "hasCurveTo": true, + "point": "{0.91770015037661434, 0.91769617293119976}" + }, + { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0.54404194903961678, -0.0054155857293142042}", + "curveMode": 2, + "curveTo": "{1.0054078638659261, 0.45595917128188651}", + "hasCurveFrom": true, + "hasCurveTo": true, + "point": "{0.77473118114968698, 0.22527179277628637}" + }, + { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{-0.069422619026136861, 0.23402812006307575}", + "curveMode": 2, + "curveTo": "{0.23404054791359871, -0.069420465925474864}", + "hasCurveFrom": true, + "hasCurveTo": true, + "point": "{0.082305827095272469, 0.082303827068800656}" + } + ] + }, + { + "_class": "shapePath", + "do_objectID": "541121D9-91E4-453B-B7C9-03FE4BABBEF7", + "booleanOperation": -1, + "exportOptions": { + "_class": "exportOptions", + "exportFormats": [], + "includedLayerIds": [], + "layerOptions": 0, + "shouldTrim": false + }, + "frame": { + "_class": "rect", + "constrainProportions": false, + "height": 7.584289949385479, + "width": 7.549103426722269, + "x": 64.0138482866389, + "y": 48.84532028425281 + }, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 0, + "name": "Path", + "nameIsFixed": false, + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": false, + "clippingMaskMode": 0, + "hasClippingMask": false, + "style": { + "_class": "style", + "endMarkerType": 0, + "fills": [ + { + "_class": "fill", + "isEnabled": true, + "color": { + "_class": "color", + "alpha": 1, + "blue": 1, + "green": 1, + "red": 1 + }, + "fillType": 0, + "noiseIndex": 0, + "noiseIntensity": 0, + "patternFillType": 1, + "patternTileScale": 1 + } + ], + "miterLimit": 10, + "startMarkerType": 0, + "windingRule": 1 + }, + "edited": true, + "isClosed": true, + "pointRadiusBehaviour": 1, + "points": [ + { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0.45596828110430104, 1.005430932445434}", + "curveMode": 2, + "curveTo": "{-0.0054242582627649864, 0.54402979623445158}", + "hasCurveFrom": true, + "hasCurveTo": true, + "point": "{0.22527863472385123, 0.7747303643399428}" + }, + { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{1.0694186126505898, 0.76597542479476077}", + "curveMode": 2, + "curveTo": "{0.76595211199427415, 1.0694184649947829}", + "hasCurveFrom": true, + "hasCurveTo": true, + "point": "{0.91769198562551424, 0.91768375974485483}" + }, + { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0.54404496550186721, -0.0054217711252127912}", + "curveMode": 2, + "curveTo": "{1.005424258262765, 0.45595299478593576}", + "hasCurveFrom": true, + "hasCurveTo": true, + "point": "{0.77472136527615065, 0.22527879698027842}" + }, + { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{-0.069418612650587894, 0.23404692167537741}", + "curveMode": 2, + "curveTo": "{0.23402139479339487, -0.069422488824478532}", + "hasCurveFrom": true, + "hasCurveTo": true, + "point": "{0.082308014374485747, 0.082312216425449433}" + } + ] + }, + { + "_class": "shapePath", + "do_objectID": "D1C69F32-B2F7-40BF-B54E-9F7CC415F590", + "booleanOperation": -1, + "exportOptions": { + "_class": "exportOptions", + "exportFormats": [], + "includedLayerIds": [], + "layerOptions": 0, + "shouldTrim": false + }, + "frame": { + "_class": "rect", + "constrainProportions": false, + "height": 47.3343, + "width": 63.9663, + "x": 54.03369999999995, + "y": 75.66570000000002 + }, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 0, + "name": "Path", + "nameIsFixed": false, + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": false, + "clippingMaskMode": 0, + "hasClippingMask": false, + "style": { + "_class": "style", + "endMarkerType": 0, + "fills": [ + { + "_class": "fill", + "isEnabled": true, + "color": { + "_class": "color", + "alpha": 1, + "blue": 0.3137254901960784, + "green": 0.09019607843137255, + "red": 0.1294117647058823 + }, + "fillType": 0, + "noiseIndex": 0, + "noiseIntensity": 0, + "patternFillType": 1, + "patternTileScale": 1 + } + ], + "miterLimit": 10, + "startMarkerType": 0, + "windingRule": 0 + }, + "edited": true, + "isClosed": true, + "pointRadiusBehaviour": 1, + "points": [ + { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0.50454848881364089, 1}", + "curveMode": 1, + "curveTo": "{0.50454848881364089, 1}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{0.50454848881364089, 1}" + }, + { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0.98386650470638448, 1}", + "curveMode": 1, + "curveTo": "{0.98386650470638448, 1}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{0.98386650470638448, 1}" + }, + { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{1, 0.95985997469065765}", + "curveMode": 1, + "curveTo": "{1, 0.95985997469065765}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{1, 0.95985997469065765}" + }, + { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0.47849414457300166, 0}", + "curveMode": 1, + "curveTo": "{0.47849414457300166, 0}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{0.47849414457300166, 0}" + }, + { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0.01612880532405335, 0}", + "curveMode": 1, + "curveTo": "{0.01612880532405335, 0}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{0.01612880532405335, 0}" + }, + { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0, 0.043796992878314386}", + "curveMode": 1, + "curveTo": "{0, 0.043796992878314386}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{0, 0.043796992878314386}" + } + ] + }, + { + "_class": "shapePath", + "do_objectID": "FA2C323E-6231-42F2-A34D-76FE807FBFE4", + "booleanOperation": -1, + "exportOptions": { + "_class": "exportOptions", + "exportFormats": [], + "includedLayerIds": [], + "layerOptions": 0, + "shouldTrim": false + }, + "frame": { + "_class": "rect", + "constrainProportions": false, + "height": 45.26130000000001, + "width": 62.9346, + "x": 55.06539999999995, + "y": 75.66570000000002 + }, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 0, + "name": "Path", + "nameIsFixed": false, + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": false, + "clippingMaskMode": 0, + "hasClippingMask": false, + "style": { + "_class": "style", + "endMarkerType": 0, + "fills": [ + { + "_class": "fill", + "isEnabled": true, + "color": { + "_class": "color", + "alpha": 1, + "blue": 0.6392156862745098, + "green": 0.3411764705882353, + "red": 0.3450980392156863 + }, + "fillType": 0, + "noiseIndex": 0, + "noiseIntensity": 0, + "patternFillType": 1, + "patternTileScale": 1 + } + ], + "miterLimit": 10, + "startMarkerType": 0, + "windingRule": 0 + }, + "edited": true, + "isClosed": true, + "pointRadiusBehaviour": 1, + "points": [ + { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0.46794926797024228, 0}", + "curveMode": 1, + "curveTo": "{0.46794926797024228, 0}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{0.46794926797024228, 0}" + }, + { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0, 0}", + "curveMode": 1, + "curveTo": "{0, 0}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{0, 0}" + }, + { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0.5128212461825451, 1}", + "curveMode": 1, + "curveTo": "{0.5128212461825451, 1}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{0.5128212461825451, 1}" + }, + { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{1, 1}", + "curveMode": 1, + "curveTo": "{1, 1}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{1, 1}" + } + ] + }, + { + "_class": "group", + "do_objectID": "8E81FC69-C17D-49F4-8C51-E96C8BEDC5E7", + "booleanOperation": -1, + "exportOptions": { + "_class": "exportOptions", + "exportFormats": [], + "includedLayerIds": [], + "layerOptions": 0, + "shouldTrim": false + }, + "frame": { + "_class": "rect", + "constrainProportions": false, + "height": 31, + "width": 43, + "x": 64, + "y": 81 + }, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 0, + "name": "Group", + "nameIsFixed": false, + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": false, + "clippingMaskMode": 0, + "hasClippingMask": false, + "style": { + "_class": "style", + "contextSettings": { + "_class": "graphicsContextSettings", + "blendMode": 0, + "opacity": 0.3 + }, + "endMarkerType": 0, + "miterLimit": 10, + "startMarkerType": 0, + "windingRule": 1 + }, + "groupLayout": { + "_class": "MSImmutableFreeformGroupLayout" + }, + "hasClickThrough": false, + "layers": [ + { + "_class": "shapePath", + "do_objectID": "AB052785-79F8-4EAF-8976-3B4FEDAD448E", + "booleanOperation": -1, + "exportOptions": { + "_class": "exportOptions", + "exportFormats": [], + "includedLayerIds": [], + "layerOptions": 0, + "shouldTrim": false + }, + "frame": { + "_class": "rect", + "constrainProportions": false, + "height": 1, + "width": 20.6343, + "x": 0.6946999999999974, + "y": 0.9213000000000022 + }, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 0, + "name": "Path", + "nameIsFixed": false, + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": false, + "clippingMaskMode": 0, + "hasClippingMask": false, + "style": { + "_class": "style", + "borders": [ + { + "_class": "border", + "isEnabled": true, + "color": { + "_class": "color", + "alpha": 1, + "blue": 0.384313725490196, + "green": 0.1568627450980392, + "red": 0.1843137254901961 + }, + "fillType": 0, + "position": 0, + "thickness": 1 + } + ], + "endMarkerType": 0, + "miterLimit": 10, + "startMarkerType": 0, + "windingRule": 1 + }, + "edited": true, + "isClosed": false, + "pointRadiusBehaviour": 1, + "points": [ + { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0, 0.5}", + "curveMode": 1, + "curveTo": "{0, 0.5}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{0, 0.5}" + }, + { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{1, 0.5}", + "curveMode": 1, + "curveTo": "{1, 0.5}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{1, 0.5}" + } + ] + }, + { + "_class": "shapePath", + "do_objectID": "2A5A55DE-E237-43ED-BA4A-290AE17AFF6F", + "booleanOperation": -1, + "exportOptions": { + "_class": "exportOptions", + "exportFormats": [], + "includedLayerIds": [], + "layerOptions": 0, + "shouldTrim": false + }, + "frame": { + "_class": "rect", + "constrainProportions": false, + "height": 1, + "width": 20.63420000000001, + "x": 3.445999999999998, + "y": 4.376400000000004 + }, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 0, + "name": "Path", + "nameIsFixed": false, + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": false, + "clippingMaskMode": 0, + "hasClippingMask": false, + "style": { + "_class": "style", + "borders": [ + { + "_class": "border", + "isEnabled": true, + "color": { + "_class": "color", + "alpha": 1, + "blue": 0.384313725490196, + "green": 0.1568627450980392, + "red": 0.1843137254901961 + }, + "fillType": 0, + "position": 0, + "thickness": 1 + } + ], + "endMarkerType": 0, + "miterLimit": 10, + "startMarkerType": 0, + "windingRule": 1 + }, + "edited": true, + "isClosed": false, + "pointRadiusBehaviour": 1, + "points": [ + { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0, 0.5}", + "curveMode": 1, + "curveTo": "{0, 0.5}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{0, 0.5}" + }, + { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{1, 0.5}", + "curveMode": 1, + "curveTo": "{1, 0.5}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{1, 0.5}" + } + ] + }, + { + "_class": "shapePath", + "do_objectID": "490A1D38-64B8-45BC-A17D-77643F470059", + "booleanOperation": -1, + "exportOptions": { + "_class": "exportOptions", + "exportFormats": [], + "includedLayerIds": [], + "layerOptions": 0, + "shouldTrim": false + }, + "frame": { + "_class": "rect", + "constrainProportions": false, + "height": 1, + "width": 20.6343, + "x": 5.853300000000004, + "y": 7.831500000000005 + }, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 0, + "name": "Path", + "nameIsFixed": false, + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": false, + "clippingMaskMode": 0, + "hasClippingMask": false, + "style": { + "_class": "style", + "borders": [ + { + "_class": "border", + "isEnabled": true, + "color": { + "_class": "color", + "alpha": 1, + "blue": 0.384313725490196, + "green": 0.1568627450980392, + "red": 0.1843137254901961 + }, + "fillType": 0, + "position": 0, + "thickness": 1 + } + ], + "endMarkerType": 0, + "miterLimit": 10, + "startMarkerType": 0, + "windingRule": 1 + }, + "edited": true, + "isClosed": false, + "pointRadiusBehaviour": 1, + "points": [ + { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0, 0.5}", + "curveMode": 1, + "curveTo": "{0, 0.5}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{0, 0.5}" + }, + { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{1, 0.5}", + "curveMode": 1, + "curveTo": "{1, 0.5}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{1, 0.5}" + } + ] + }, + { + "_class": "shapePath", + "do_objectID": "A2F110DA-9893-4FDF-AA16-BEC96E279734", + "booleanOperation": -1, + "exportOptions": { + "_class": "exportOptions", + "exportFormats": [], + "includedLayerIds": [], + "layerOptions": 0, + "shouldTrim": false + }, + "frame": { + "_class": "rect", + "constrainProportions": false, + "height": 1, + "width": 20.6345, + "x": 8.604500000000002, + "y": 11.63200000000001 + }, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 0, + "name": "Path", + "nameIsFixed": false, + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": false, + "clippingMaskMode": 0, + "hasClippingMask": false, + "style": { + "_class": "style", + "borders": [ + { + "_class": "border", + "isEnabled": true, + "color": { + "_class": "color", + "alpha": 1, + "blue": 0.384313725490196, + "green": 0.1568627450980392, + "red": 0.1843137254901961 + }, + "fillType": 0, + "position": 0, + "thickness": 1 + } + ], + "endMarkerType": 0, + "miterLimit": 10, + "startMarkerType": 0, + "windingRule": 1 + }, + "edited": true, + "isClosed": false, + "pointRadiusBehaviour": 1, + "points": [ + { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0, 0.5}", + "curveMode": 1, + "curveTo": "{0, 0.5}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{0, 0.5}" + }, + { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{1, 0.5}", + "curveMode": 1, + "curveTo": "{1, 0.5}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{1, 0.5}" + } + ] + }, + { + "_class": "shapePath", + "do_objectID": "C513B61D-CB6D-4AB7-BBB5-9DB8BF597139", + "booleanOperation": -1, + "exportOptions": { + "_class": "exportOptions", + "exportFormats": [], + "includedLayerIds": [], + "layerOptions": 0, + "shouldTrim": false + }, + "frame": { + "_class": "rect", + "constrainProportions": false, + "height": 1, + "width": 20.63420000000001, + "x": 11.01179999999999, + "y": 15.087 + }, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 0, + "name": "Path", + "nameIsFixed": false, + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": false, + "clippingMaskMode": 0, + "hasClippingMask": false, + "style": { + "_class": "style", + "borders": [ + { + "_class": "border", + "isEnabled": true, + "color": { + "_class": "color", + "alpha": 1, + "blue": 0.384313725490196, + "green": 0.1568627450980392, + "red": 0.1843137254901961 + }, + "fillType": 0, + "position": 0, + "thickness": 1 + } + ], + "endMarkerType": 0, + "miterLimit": 10, + "startMarkerType": 0, + "windingRule": 1 + }, + "edited": true, + "isClosed": false, + "pointRadiusBehaviour": 1, + "points": [ + { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0, 0.5}", + "curveMode": 1, + "curveTo": "{0, 0.5}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{0, 0.5}" + }, + { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{1, 0.5}", + "curveMode": 1, + "curveTo": "{1, 0.5}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{1, 0.5}" + } + ] + }, + { + "_class": "shapePath", + "do_objectID": "56752D2E-5A97-41C7-9F7D-5192A759EAC4", + "booleanOperation": -1, + "exportOptions": { + "_class": "exportOptions", + "exportFormats": [], + "includedLayerIds": [], + "layerOptions": 0, + "shouldTrim": false + }, + "frame": { + "_class": "rect", + "constrainProportions": false, + "height": 1, + "width": 20.63390000000001, + "x": 13.76309999999999, + "y": 18.542 + }, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 0, + "name": "Path", + "nameIsFixed": false, + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": false, + "clippingMaskMode": 0, + "hasClippingMask": false, + "style": { + "_class": "style", + "borders": [ + { + "_class": "border", + "isEnabled": true, + "color": { + "_class": "color", + "alpha": 1, + "blue": 0.384313725490196, + "green": 0.1568627450980392, + "red": 0.1843137254901961 + }, + "fillType": 0, + "position": 0, + "thickness": 1 + } + ], + "endMarkerType": 0, + "miterLimit": 10, + "startMarkerType": 0, + "windingRule": 1 + }, + "edited": true, + "isClosed": false, + "pointRadiusBehaviour": 1, + "points": [ + { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0, 0.5}", + "curveMode": 1, + "curveTo": "{0, 0.5}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{0, 0.5}" + }, + { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{1, 0.5}", + "curveMode": 1, + "curveTo": "{1, 0.5}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{1, 0.5}" + } + ] + }, + { + "_class": "shapePath", + "do_objectID": "6177FA33-1842-404B-A559-92D859841F62", + "booleanOperation": -1, + "exportOptions": { + "_class": "exportOptions", + "exportFormats": [], + "includedLayerIds": [], + "layerOptions": 0, + "shouldTrim": false + }, + "frame": { + "_class": "rect", + "constrainProportions": false, + "height": 1, + "width": 20.63460000000001, + "x": 16.1704, + "y": 21.997 + }, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 0, + "name": "Path", + "nameIsFixed": false, + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": false, + "clippingMaskMode": 0, + "hasClippingMask": false, + "style": { + "_class": "style", + "borders": [ + { + "_class": "border", + "isEnabled": true, + "color": { + "_class": "color", + "alpha": 1, + "blue": 0.384313725490196, + "green": 0.1568627450980392, + "red": 0.1843137254901961 + }, + "fillType": 0, + "position": 0, + "thickness": 1 + } + ], + "endMarkerType": 0, + "miterLimit": 10, + "startMarkerType": 0, + "windingRule": 1 + }, + "edited": true, + "isClosed": false, + "pointRadiusBehaviour": 1, + "points": [ + { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0, 0.5}", + "curveMode": 1, + "curveTo": "{0, 0.5}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{0, 0.5}" + }, + { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{1, 0.5}", + "curveMode": 1, + "curveTo": "{1, 0.5}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{1, 0.5}" + } + ] + }, + { + "_class": "shapePath", + "do_objectID": "51784CC8-318F-4EE1-A001-2031971D5EF8", + "booleanOperation": -1, + "exportOptions": { + "_class": "exportOptions", + "exportFormats": [], + "includedLayerIds": [], + "layerOptions": 0, + "shouldTrim": false + }, + "frame": { + "_class": "rect", + "constrainProportions": false, + "height": 1, + "width": 20.6343, + "x": 18.9217, + "y": 25.798 + }, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 0, + "name": "Path", + "nameIsFixed": false, + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": false, + "clippingMaskMode": 0, + "hasClippingMask": false, + "style": { + "_class": "style", + "borders": [ + { + "_class": "border", + "isEnabled": true, + "color": { + "_class": "color", + "alpha": 1, + "blue": 0.384313725490196, + "green": 0.1568627450980392, + "red": 0.1843137254901961 + }, + "fillType": 0, + "position": 0, + "thickness": 1 + } + ], + "endMarkerType": 0, + "miterLimit": 10, + "startMarkerType": 0, + "windingRule": 1 + }, + "edited": true, + "isClosed": false, + "pointRadiusBehaviour": 1, + "points": [ + { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0, 0.5}", + "curveMode": 1, + "curveTo": "{0, 0.5}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{0, 0.5}" + }, + { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{1, 0.5}", + "curveMode": 1, + "curveTo": "{1, 0.5}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{1, 0.5}" + } + ] + }, + { + "_class": "shapePath", + "do_objectID": "BFC67878-CEDB-45B2-9FE0-048828876360", + "booleanOperation": -1, + "exportOptions": { + "_class": "exportOptions", + "exportFormats": [], + "includedLayerIds": [], + "layerOptions": 0, + "shouldTrim": false + }, + "frame": { + "_class": "rect", + "constrainProportions": false, + "height": 1, + "width": 20.6341, + "x": 21.6729, + "y": 29.598 + }, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 0, + "name": "Path", + "nameIsFixed": false, + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": false, + "clippingMaskMode": 0, + "hasClippingMask": false, + "style": { + "_class": "style", + "borders": [ + { + "_class": "border", + "isEnabled": true, + "color": { + "_class": "color", + "alpha": 1, + "blue": 0.384313725490196, + "green": 0.1568627450980392, + "red": 0.1843137254901961 + }, + "fillType": 0, + "position": 0, + "thickness": 1 + } + ], + "endMarkerType": 0, + "miterLimit": 10, + "startMarkerType": 0, + "windingRule": 1 + }, + "edited": true, + "isClosed": false, + "pointRadiusBehaviour": 1, + "points": [ + { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0, 0.5}", + "curveMode": 1, + "curveTo": "{0, 0.5}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{0, 0.5}" + }, + { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{1, 0.5}", + "curveMode": 1, + "curveTo": "{1, 0.5}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{1, 0.5}" + } + ] + } + ] + } + ] + }, + { + "_class": "slice", + "do_objectID": "F0CBD656-2721-4EE1-A5DE-4F2C25DD9978", + "booleanOperation": -1, + "exportOptions": { + "_class": "exportOptions", + "exportFormats": [ + { + "_class": "exportFormat", + "absoluteSize": 0, + "fileFormat": "png", + "name": "", + "namingScheme": 0, + "scale": 1, + "visibleScaleType": 0 + }, + { + "_class": "exportFormat", + "absoluteSize": 0, + "fileFormat": "png", + "name": "@2x", + "namingScheme": 0, + "scale": 2, + "visibleScaleType": 0 + }, + { + "_class": "exportFormat", + "absoluteSize": 0, + "fileFormat": "png", + "name": "@3x", + "namingScheme": 0, + "scale": 3, + "visibleScaleType": 0 + }, + { + "_class": "exportFormat", + "absoluteSize": 0, + "fileFormat": "svg", + "namingScheme": 0, + "scale": 1.5, + "visibleScaleType": 0 + } + ], + "includedLayerIds": [], + "layerOptions": 0, + "shouldTrim": false + }, + "frame": { + "_class": "rect", + "constrainProportions": false, + "height": 123, + "width": 118, + "x": 10, + "y": 6 + }, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 0, + "name": "illustrations/hubble/telescope", + "nameIsFixed": true, + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": false, + "backgroundColor": { + "_class": "color", + "alpha": 1, + "blue": 1, + "green": 1, + "red": 1 + }, + "hasBackgroundColor": false + } + ], + "backgroundColor": { + "_class": "color", + "alpha": 1, + "blue": 1, + "green": 1, + "red": 1 + }, + "hasBackgroundColor": false, + "horizontalRulerData": { + "_class": "rulerData", + "base": 0, + "guides": [] + }, + "includeBackgroundColorInExport": true, + "includeInCloudUpload": true, + "isFlowHome": false, + "resizesContent": false, + "verticalRulerData": { + "_class": "rulerData", + "base": 0, + "guides": [] + }, + "includeBackgroundColorInInstance": true, + "symbolID": "0BD35D81-DC27-4A9A-B0D1-94197AF02189", + "changeIdentifier": 21, + "overrideProperties": [], + "allowsOverrides": true + }, + { + "_class": "symbolMaster", + "do_objectID": "282ABCA3-4AF1-446C-8071-D22CC478A2F9", + "booleanOperation": -1, + "exportOptions": { + "_class": "exportOptions", + "exportFormats": [ + { + "_class": "exportFormat", + "absoluteSize": 0, + "fileFormat": "png", + "name": "", + "namingScheme": 0, + "scale": 1, + "visibleScaleType": 0 + }, + { + "_class": "exportFormat", + "absoluteSize": 0, + "fileFormat": "png", + "name": "@2x", + "namingScheme": 0, + "scale": 2, + "visibleScaleType": 0 + }, + { + "_class": "exportFormat", + "absoluteSize": 0, + "fileFormat": "png", + "name": "@3x", + "namingScheme": 0, + "scale": 3, + "visibleScaleType": 0 + }, + { + "_class": "exportFormat", + "absoluteSize": 0, + "fileFormat": "svg", + "namingScheme": 1, + "scale": 1.5, + "visibleScaleType": 0 + } + ], + "includedLayerIds": [], + "layerOptions": 0, + "shouldTrim": false + }, + "frame": { + "_class": "rect", + "constrainProportions": false, + "height": 46, + "width": 46, + "x": 1203, + "y": 408 + }, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 0, + "name": "icons/hubble/plain", + "nameIsFixed": false, + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": true, + "clippingMaskMode": 0, + "hasClippingMask": false, + "style": { + "_class": "style", + "endMarkerType": 0, + "miterLimit": 10, + "startMarkerType": 0, + "windingRule": 1 + }, + "groupLayout": { + "_class": "MSImmutableFreeformGroupLayout" + }, + "hasClickThrough": true, + "layers": [ + { + "_class": "group", + "do_objectID": "31B6286E-5C0D-40EA-81F4-2FC798C7C18E", + "booleanOperation": -1, + "exportOptions": { + "_class": "exportOptions", + "exportFormats": [], + "includedLayerIds": [], + "layerOptions": 0, + "shouldTrim": false + }, + "frame": { + "_class": "rect", + "constrainProportions": false, + "height": 46, + "width": 46, + "x": 0, + "y": 0 + }, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 0, + "name": "logo/hubble", + "nameIsFixed": false, + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": false, + "clippingMaskMode": 0, + "hasClippingMask": false, + "style": { + "_class": "style", + "endMarkerType": 0, + "miterLimit": 10, + "startMarkerType": 0, + "windingRule": 1 + }, + "groupLayout": { + "_class": "MSImmutableFreeformGroupLayout" + }, + "hasClickThrough": false, + "layers": [ + { + "_class": "group", + "do_objectID": "91618504-AA24-40DC-A0FF-4853D78B5752", + "booleanOperation": -1, + "exportOptions": { + "_class": "exportOptions", + "exportFormats": [], + "includedLayerIds": [], + "layerOptions": 0, + "shouldTrim": false + }, + "frame": { + "_class": "rect", + "constrainProportions": false, + "height": 46, + "width": 46, + "x": 0, + "y": 0 + }, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 1, + "name": "plain", + "nameIsFixed": false, + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": false, + "clippingMaskMode": 0, + "hasClippingMask": false, + "style": { + "_class": "style", + "endMarkerType": 0, + "miterLimit": 10, + "startMarkerType": 0, + "windingRule": 1 + }, + "groupLayout": { + "_class": "MSImmutableFreeformGroupLayout" + }, + "hasClickThrough": false, + "layers": [ + { + "_class": "shapePath", + "do_objectID": "FB17F78C-981D-4363-B6E1-AB0951444431", + "booleanOperation": -1, + "exportOptions": { + "_class": "exportOptions", + "exportFormats": [], + "includedLayerIds": [], + "layerOptions": 0, + "shouldTrim": false + }, + "frame": { + "_class": "rect", + "constrainProportions": false, + "height": 45.728123, + "width": 45.845209, + "x": 0.1241909999999997, + "y": 0.1687769999999986 + }, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 0, + "name": "Path", + "nameIsFixed": false, + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": false, + "clippingMaskMode": 0, + "hasClippingMask": false, + "style": { + "_class": "style", + "endMarkerType": 0, + "fills": [ + { + "_class": "fill", + "isEnabled": true, + "color": { + "_class": "color", + "alpha": 1, + "blue": 0.9490196078431372, + "green": 0.9019607843137255, + "red": 0.7607843137254902 + }, + "fillType": 0, + "noiseIndex": 0, + "noiseIntensity": 0, + "patternFillType": 1, + "patternTileScale": 1 + } + ], + "miterLimit": 10, + "startMarkerType": 0, + "windingRule": 1 + }, + "edited": true, + "isClosed": true, + "pointRadiusBehaviour": 1, + "points": [ + { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{1, 0.77614213467716564}", + "curveMode": 2, + "curveTo": "{1, 0.22385618145752448}", + "hasCurveFrom": true, + "hasCurveTo": true, + "point": "{1, 0.49999915806734513}" + }, + { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0.22385782994249195, 1}", + "curveMode": 2, + "curveTo": "{0.77614236637027878, 1}", + "hasCurveFrom": true, + "hasCurveTo": true, + "point": "{0.50000009815638535, 1}" + }, + { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0, 0.22385618145752448}", + "curveMode": 2, + "curveTo": "{0, 0.77614213467716564}", + "hasCurveFrom": true, + "hasCurveTo": true, + "point": "{0, 0.49999915806734513}" + }, + { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0.77614236637027878, 0}", + "curveMode": 2, + "curveTo": "{0.22385782994249195, 0}", + "hasCurveFrom": true, + "hasCurveTo": true, + "point": "{0.50000009815638535, 0}" + } + ] + }, + { + "_class": "shapePath", + "do_objectID": "CE7972CD-E52B-4C2C-BA21-BCF351B37E95", + "booleanOperation": -1, + "exportOptions": { + "_class": "exportOptions", + "exportFormats": [], + "includedLayerIds": [], + "layerOptions": 0, + "shouldTrim": false + }, + "frame": { + "_class": "rect", + "constrainProportions": false, + "height": 32.86979, + "width": 32.78461, + "x": 7.346890000000002, + "y": 5.915510000000001 + }, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 0, + "name": "Path", + "nameIsFixed": false, + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": false, + "clippingMaskMode": 0, + "hasClippingMask": false, + "style": { + "_class": "style", + "endMarkerType": 0, + "fills": [ + { + "_class": "fill", + "isEnabled": true, + "color": { + "_class": "color", + "alpha": 1, + "blue": 1, + "green": 1, + "red": 1 + }, + "fillType": 0, + "noiseIndex": 0, + "noiseIntensity": 0, + "patternFillType": 1, + "patternTileScale": 1 + } + ], + "miterLimit": 10, + "startMarkerType": 0, + "windingRule": 1 + }, + "edited": true, + "isClosed": true, + "pointRadiusBehaviour": 1, + "points": [ + { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{1, 0.77614094887737328}", + "curveMode": 2, + "curveTo": "{1, 0.22385570458466572}", + "hasCurveFrom": true, + "hasCurveTo": true, + "point": "{1, 0.49999984788463808}" + }, + { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0.22385838965294996, 1}", + "curveMode": 2, + "curveTo": "{0.7761388651565474, 1}", + "hasCurveFrom": true, + "hasCurveTo": true, + "point": "{0.5000001525105835, 1}" + }, + { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0, 0.22385570458466572}", + "curveMode": 2, + "curveTo": "{0, 0.77614094887737328}", + "hasCurveFrom": true, + "hasCurveTo": true, + "point": "{0, 0.49999984788463808}" + }, + { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0.7761388651565474, 0}", + "curveMode": 2, + "curveTo": "{0.22385838965294996, 0}", + "hasCurveFrom": true, + "hasCurveTo": true, + "point": "{0.5000001525105835, 0}" + } + ] + }, + { + "_class": "shapePath", + "do_objectID": "F453C645-7AFA-4F77-82E3-82AA8287E3C1", + "booleanOperation": -1, + "exportOptions": { + "_class": "exportOptions", + "exportFormats": [], + "includedLayerIds": [], + "layerOptions": 0, + "shouldTrim": false + }, + "frame": { + "_class": "rect", + "constrainProportions": false, + "height": 23.6294, + "width": 32.78463, + "x": 7.821470000000001, + "y": 22.3706 + }, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 0, + "name": "Path", + "nameIsFixed": false, + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": false, + "clippingMaskMode": 0, + "hasClippingMask": false, + "style": { + "_class": "style", + "endMarkerType": 0, + "fills": [ + { + "_class": "fill", + "isEnabled": true, + "color": { + "_class": "color", + "alpha": 1, + "blue": 1, + "green": 1, + "red": 1 + }, + "fillType": 0, + "noiseIndex": 0, + "noiseIntensity": 0, + "patternFillType": 1, + "patternTileScale": 1 + } + ], + "miterLimit": 10, + "startMarkerType": 0, + "windingRule": 1 + }, + "edited": true, + "isClosed": true, + "pointRadiusBehaviour": 1, + "points": [ + { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0.19078543817636495, 0.97156508417479914}", + "curveMode": 4, + "curveTo": "{0.0052021328287066354, 0.76158091191481814}", + "hasCurveFrom": true, + "hasCurveTo": false, + "point": "{0.0052021328287066354, 0.76158091191481814}" + }, + { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0.64844806850039172, 1}", + "curveMode": 3, + "curveTo": "{0.34963121438308131, 1}", + "hasCurveFrom": true, + "hasCurveTo": true, + "point": "{0.46601196963333119, 1}" + }, + { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{1, 0.65366450269579413}", + "curveMode": 4, + "curveTo": "{0.8702044220111681, 0.88188443210576672}", + "hasCurveFrom": false, + "hasCurveTo": true, + "point": "{1, 0.65366450269579413}" + }, + { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{1, 0}", + "curveMode": 1, + "curveTo": "{1, 0}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{1, 0}" + }, + { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0, 0}", + "curveMode": 1, + "curveTo": "{0, 0}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{0, 0}" + } + ] + }, + { + "_class": "shapePath", + "do_objectID": "1DF3A4A0-7791-4ED2-8787-7D470346724D", + "booleanOperation": -1, + "exportOptions": { + "_class": "exportOptions", + "exportFormats": [], + "includedLayerIds": [], + "layerOptions": 0, + "shouldTrim": false + }, + "frame": { + "_class": "rect", + "constrainProportions": false, + "height": 18.22692421383033, + "width": 18.17966240066499, + "x": 8.612532019365606, + "y": 7.197245493567126 + }, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 0, + "name": "Path", + "nameIsFixed": false, + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": false, + "clippingMaskMode": 0, + "hasClippingMask": false, + "style": { + "_class": "style", + "endMarkerType": 0, + "fills": [ + { + "_class": "fill", + "isEnabled": true, + "color": { + "_class": "color", + "alpha": 1, + "blue": 0.5137254901960784, + "green": 0.1529411764705882, + "red": 0.192156862745098 + }, + "fillType": 0, + "noiseIndex": 0, + "noiseIntensity": 0, + "patternFillType": 1, + "patternTileScale": 1 + } + ], + "miterLimit": 10, + "startMarkerType": 0, + "windingRule": 1 + }, + "edited": true, + "isClosed": true, + "pointRadiusBehaviour": 1, + "points": [ + { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0.54404024467872458, 1.0054112417128345}", + "curveMode": 2, + "curveTo": "{1.0054074480484194, 0.54403334265847858}", + "hasCurveFrom": true, + "hasCurveTo": true, + "point": "{0.77472109603747141, 0.77472503538025228}" + }, + { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{-0.069422192313067399, 0.76596875823071009}", + "curveMode": 2, + "curveTo": "{0.23402898727529542, 1.0694209444093938}", + "hasCurveFrom": true, + "hasCurveTo": true, + "point": "{0.082304497611554242, 0.91770033770924342}" + }, + { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0.45596380163424716, -0.0054126243358309746}", + "curveMode": 2, + "curveTo": "{-0.0054133029094096882, 0.45596033696825244}", + "hasCurveFrom": true, + "hasCurveTo": true, + "point": "{0.22527194897109803, 0.22527413063567031}" + }, + { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{1.0694240383651588, 0.23402492139602105}", + "curveMode": 2, + "curveTo": "{0.76597505903767638, -0.069421778393471301}", + "hasCurveFrom": true, + "hasCurveTo": true, + "point": "{0.91769954870141746, 0.082302668779113158}" + } + ] + }, + { + "_class": "shapePath", + "do_objectID": "AE35FC6C-6C8A-4D55-87C9-A9898CAE21B8", + "booleanOperation": -1, + "exportOptions": { + "_class": "exportOptions", + "exportFormats": [], + "includedLayerIds": [], + "layerOptions": 0, + "shouldTrim": false + }, + "frame": { + "_class": "rect", + "constrainProportions": false, + "height": 9.599057974041237, + "width": 9.574200411976584, + "x": 13.85203463918251, + "y": 12.45026854222855 + }, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 0, + "name": "Path", + "nameIsFixed": false, + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": false, + "clippingMaskMode": 0, + "hasClippingMask": false, + "style": { + "_class": "style", + "endMarkerType": 0, + "fills": [ + { + "_class": "fill", + "isEnabled": true, + "color": { + "_class": "color", + "alpha": 1, + "blue": 0.4941176470588236, + "green": 0, + "red": 0.9019607843137255 + }, + "fillType": 0, + "noiseIndex": 0, + "noiseIntensity": 0, + "patternFillType": 1, + "patternTileScale": 1 + } + ], + "miterLimit": 10, + "startMarkerType": 0, + "windingRule": 1 + }, + "edited": true, + "isClosed": true, + "pointRadiusBehaviour": 1, + "points": [ + { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0.54404181411345065, 1.0054144358613906}", + "curveMode": 2, + "curveTo": "{1.0054171572151367, 0.54403582850462517}", + "hasCurveFrom": true, + "hasCurveTo": true, + "point": "{0.77472426329606991, 0.77472513218300798}" + }, + { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{-0.06941933640234918, 0.76596385579240478}", + "curveMode": 2, + "curveTo": "{0.23402114687454362, 1.0694207166507683}", + "hasCurveFrom": true, + "hasCurveTo": true, + "point": "{0.082300905236097205, 0.9176974950660518}" + }, + { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0.45596135165048657, -0.0054139210711180077}", + "curveMode": 2, + "curveTo": "{-0.0054139914511995707, 0.45595426859671695}", + "hasCurveFrom": true, + "hasCurveTo": true, + "point": "{0.22526845773141968, 0.22526496491833412}" + }, + { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{1.0694225021662864, 0.23402624130893734}", + "curveMode": 2, + "curveTo": "{0.76596112941649841, -0.069420201860496036}", + "hasCurveFrom": true, + "hasCurveTo": true, + "point": "{0.91769181579139236, 0.082303019724220661}" + } + ] }, - "contextSettings": { - "_class": "graphicsContextSettings", - "blendMode": 0, - "opacity": 1 + { + "_class": "shapePath", + "do_objectID": "AB7DF95B-5D2E-49E8-B30E-E95CBAD38F5F", + "booleanOperation": -1, + "exportOptions": { + "_class": "exportOptions", + "exportFormats": [], + "includedLayerIds": [], + "layerOptions": 0, + "shouldTrim": false + }, + "frame": { + "_class": "rect", + "constrainProportions": false, + "height": 4.434776543700215, + "width": 4.423258486715238, + "x": 17.36418344012335, + "y": 15.97146172814989 + }, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 0, + "name": "Path", + "nameIsFixed": false, + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": false, + "clippingMaskMode": 0, + "hasClippingMask": false, + "style": { + "_class": "style", + "endMarkerType": 0, + "fills": [ + { + "_class": "fill", + "isEnabled": true, + "color": { + "_class": "color", + "alpha": 1, + "blue": 1, + "green": 1, + "red": 1 + }, + "fillType": 0, + "noiseIndex": 0, + "noiseIntensity": 0, + "patternFillType": 1, + "patternTileScale": 1 + } + ], + "miterLimit": 10, + "startMarkerType": 0, + "windingRule": 1 + }, + "edited": true, + "isClosed": true, + "pointRadiusBehaviour": 1, + "points": [ + { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0.54401445610826338, 1.0054256912186641}", + "curveMode": 2, + "curveTo": "{1.0054163855070575, 0.54402702099553613}", + "hasCurveFrom": true, + "hasCurveTo": true, + "point": "{0.77472672469147186, 0.77472635610710017}" + }, + { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{-0.069424710548940463, 0.76597732453410794}", + "curveMode": 2, + "curveTo": "{0.234039354242084, 1.0694198963840065}", + "hasCurveFrom": true, + "hasCurveTo": true, + "point": "{0.082318625730383177, 0.91768733593383434}" + }, + { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0.45595720122030742, -0.0054256912186641595}", + "curveMode": 2, + "curveTo": "{-0.0054221204108645974, 0.45595042995401847}", + "hasCurveFrom": true, + "hasCurveTo": true, + "point": "{0.22526754040472183, 0.22527364389290025}" + }, + { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{1.0694189756451333, 0.23404522451633825}", + "curveMode": 2, + "curveTo": "{0.76597751862173169, -0.069419896384006516}", + "hasCurveFrom": true, + "hasCurveTo": true, + "point": "{0.91769824713343251, 0.082312664066166066}" + } + ] }, - "offsetX": 0, - "offsetY": 1, - "spread": 0 - } - ], - "miterLimit": 10, - "startMarkerType": 0, - "windingRule": 1 - }, - "edited": false, - "isClosed": true, - "pointRadiusBehaviour": 1, - "points": [ - { - "_class": "curvePoint", - "cornerRadius": 0, - "curveFrom": "{0, 0}", - "curveMode": 1, - "curveTo": "{0, 0}", - "hasCurveFrom": false, - "hasCurveTo": false, - "point": "{0, 0}" - }, - { - "_class": "curvePoint", - "cornerRadius": 0, - "curveFrom": "{1, 0}", - "curveMode": 1, - "curveTo": "{1, 0}", - "hasCurveFrom": false, - "hasCurveTo": false, - "point": "{1, 0}" - }, - { - "_class": "curvePoint", - "cornerRadius": 0, - "curveFrom": "{1, 1}", - "curveMode": 1, - "curveTo": "{1, 1}", - "hasCurveFrom": false, - "hasCurveTo": false, - "point": "{1, 1}" - }, - { - "_class": "curvePoint", - "cornerRadius": 0, - "curveFrom": "{0, 1}", - "curveMode": 1, - "curveTo": "{0, 1}", - "hasCurveFrom": false, - "hasCurveTo": false, - "point": "{0, 1}" + { + "_class": "shapePath", + "do_objectID": "F3995741-C7E3-4B8A-871F-3D8E992484C7", + "booleanOperation": -1, + "exportOptions": { + "_class": "exportOptions", + "exportFormats": [], + "includedLayerIds": [], + "layerOptions": 0, + "shouldTrim": false + }, + "frame": { + "_class": "rect", + "constrainProportions": false, + "height": 13.12341810804631, + "width": 33.50352679410398, + "x": 6.987410819670007, + "y": 21.99096123905475 + }, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 0, + "name": "Path", + "nameIsFixed": false, + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": false, + "clippingMaskMode": 0, + "hasClippingMask": false, + "style": { + "_class": "style", + "endMarkerType": 0, + "fills": [ + { + "_class": "fill", + "isEnabled": true, + "color": { + "_class": "color", + "alpha": 1, + "blue": 0.9490196078431372, + "green": 0.9019607843137255, + "red": 0.7607843137254902 + }, + "fillType": 0, + "noiseIndex": 0, + "noiseIntensity": 0, + "patternFillType": 1, + "patternTileScale": 1 + } + ], + "miterLimit": 10, + "startMarkerType": 0, + "windingRule": 1 + }, + "edited": true, + "isClosed": true, + "pointRadiusBehaviour": 1, + "points": [ + { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{1.001398729946074, 0.031846791552652132}", + "curveMode": 2, + "curveTo": "{0.99720812634595679, 0.003553857734415836}", + "hasCurveFrom": true, + "hasCurveTo": true, + "point": "{0.99930342814601547, 0.017696514660525745}" + }, + { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0.99306527891222285, 0.052999817213687482}", + "curveMode": 4, + "curveTo": "{0.99860797897306175, 0.047650601070298865}", + "hasCurveFrom": false, + "hasCurveTo": true, + "point": "{0.99306527891222285, 0.052999817213687482}" + }, + { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0.008984701287715384, 1.0035753378054892}", + "curveMode": 4, + "curveTo": "{0.014525312016275081, 0.99821850169608473}", + "hasCurveFrom": true, + "hasCurveTo": false, + "point": "{0.014525312016275081, 0.99821850169608473}" + }, + { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{-0.0013992801402107143, 0.96815011579606791}", + "curveMode": 2, + "curveTo": "{0.0027934127921859062, 0.99644304961430485}", + "hasCurveFrom": true, + "hasCurveTo": true, + "point": "{0.00069691708796765434, 0.98230039268819458}" + }, + { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0.0069335739415610862, 0.94699709013503264}", + "curveMode": 4, + "curveTo": "{0.0013926647369614804, 0.95234630627842121}", + "hasCurveFrom": false, + "hasCurveTo": true, + "point": "{0.0069335739415610862, 0.94699709013503264}" + }, + { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0.99101474851814819, -0.0035708104907529619}", + "curveMode": 4, + "curveTo": "{0.98547503321770835, 0.001778405652635655}", + "hasCurveFrom": true, + "hasCurveTo": false, + "point": "{0.98547503321770835, 0.001778405652635655}" + } + ] + } + ] } - ], - "fixedRadius": 0, - "hasConvertedToNewRoundCorners": true + ] } ], "backgroundColor": { "_class": "color", - "do_objectID": "0F6CC1D8-4843-4571-BB29-4FB7F9641251", "alpha": 1, "blue": 1, "green": 1, @@ -7718,7 +12616,6 @@ "hasBackgroundColor": false, "horizontalRulerData": { "_class": "rulerData", - "do_objectID": "87FD0ACF-4E64-4D87-B552-F0005F9C0E12", "base": 0, "guides": [] }, @@ -7728,10 +12625,14 @@ "resizesContent": false, "verticalRulerData": { "_class": "rulerData", - "do_objectID": "B2C7F811-6288-4D1E-93A0-DB0B878BCCDA", "base": 0, "guides": [] - } + }, + "includeBackgroundColorInInstance": true, + "symbolID": "4A12747B-0419-4B72-9B76-8FC3839A2F84", + "changeIdentifier": 22, + "overrideProperties": [], + "allowsOverrides": true }, { "_class": "artboard", @@ -7751,15 +12652,15 @@ "constrainProportions": false, "height": 37, "width": 217, - "x": 1122, - "y": 276 + "x": 1203, + "y": 293 }, "isFixedToViewport": false, "isFlippedHorizontal": false, "isFlippedVertical": false, "isLocked": false, "isVisible": true, - "layerListExpandedType": 0, + "layerListExpandedType": 1, "name": "config/projectid", "nameIsFixed": true, "resizingConstraint": 63, @@ -7780,7 +12681,7 @@ "_class": "MSImmutableFreeformGroupLayout", "do_objectID": "257F57F5-6D4C-4B0A-AA0C-50343BF4EDF6" }, - "hasClickThrough": false, + "hasClickThrough": true, "layers": [ { "_class": "text", @@ -8310,20 +13211,26 @@ }, "user": { "document": { - "pageListHeight": 110, + "pageListHeight": 234, "pageListCollapsed": 0 }, "3887CAEA-110F-415F-8010-F3C825F27590": { - "scrollOrigin": "{-1340, -358}", - "zoomValue": 1.994339327540023 + "scrollOrigin": "{-3821, -591}", + "zoomValue": 2.235936859863144 } }, "meta": { - "commit": "de199738bddcc38c4a5af7eee0589554d43d0bde", + "commit": "94ebe602aa7fa84925f70c61c02bd9c2e976f176", "pagesAndArtboards": { "3887CAEA-110F-415F-8010-F3C825F27590": { "name": "primitives", "artboards": { + "39FA99D3-F37F-4F0A-80D2-7D6964268931": { + "name": "illustrations/hubble/telescope" + }, + "ED1047C4-05E4-45F9-95FB-E3B5B58E8174": { + "name": "primitives/blur/gaussian" + }, "91EFDD20-A70A-4708-84A2-20F67BB6E80A": { "name": "primitives/color/primary/300" }, @@ -8336,11 +13243,17 @@ "46F335CE-30A0-4925-B587-F5BA1D324C5E": { "name": "primitives/color/secondary/700" }, + "46B85BC1-A746-436F-A660-7A3183C21D8E": { + "name": "primitives/color/secondary/400" + }, "3CA8B6DB-E34A-4F1C-B420-798F9BF702D1": { "name": "primitives/inner-shadow/simple" }, - "46B85BC1-A746-436F-A660-7A3183C21D8E": { - "name": "primitives/color/secondary/400" + "ABA3D887-846B-471F-9FD2-3D24D545568F": { + "name": "primitives/blur/zoom" + }, + "D9767214-B1DA-4088-91A8-219C3261D917": { + "name": "primitives/blur/background" }, "EE3107E2-F1F3-47F9-B2C7-6ED1F7363299": { "name": "primitives/color/secondary/200" @@ -8357,6 +13270,9 @@ "8317C424-64FA-4C48-9E89-29DF31564F0B": { "name": "textstyle/heading2" }, + "282ABCA3-4AF1-446C-8071-D22CC478A2F9": { + "name": "icons/hubble/plain" + }, "B108EDF7-3A0F-4115-A60F-840047FBB34C": { "name": "primitives/color/primary/800" }, @@ -8390,9 +13306,6 @@ "5C5299C1-75CB-42A5-ADF2-4CD8A4C259A8": { "name": "primitives/color/primary/500" }, - "F8DD5F4F-423D-4845-9BD5-9F4FFB9AF86D": { - "name": "icons/level2/code-check" - }, "36107A8A-014B-4AF9-AFC4-A372903B5155": { "name": "primitives/color/red" }, @@ -8402,6 +13315,9 @@ "674B5B2C-E545-493B-B3AD-2B6495E87E53": { "name": "primitives/color/secondary/600" }, + "947DD40A-6C91-4E6A-980B-194031B82939": { + "name": "primitives/blur/motion" + }, "767651C1-DEEB-4D60-A295-685C9CB0A977": { "name": "primitives/color/secondary/500" }, @@ -8429,7 +13345,7 @@ } } }, - "version": 118, + "version": 119, "fonts": [ "FiraSans-Bold", "Helvetica-Bold", @@ -8441,18 +13357,18 @@ "autosaved": 0, "variant": "NONAPPSTORE", "created": { - "commit": "de199738bddcc38c4a5af7eee0589554d43d0bde", - "appVersion": "55", - "build": 78076, + "commit": "94ebe602aa7fa84925f70c61c02bd9c2e976f176", + "appVersion": "56", + "build": 81588, "app": "com.bohemiancoding.sketch3", "compatibilityVersion": 99, - "version": 118, + "version": 119, "variant": "NONAPPSTORE" }, "saveHistory": [ - "NONAPPSTORE.78076" + "NONAPPSTORE.81588" ], - "appVersion": "55", - "build": 78076 + "appVersion": "56", + "build": 81588 } } \ No newline at end of file diff --git a/__mocks__/sketch/sample_output.artboard.json b/__mocks__/sketch/sample_output.artboard.json new file mode 100644 index 0000000..8def54d --- /dev/null +++ b/__mocks__/sketch/sample_output.artboard.json @@ -0,0 +1,1131 @@ +{ + "textStyles": [ + { + "token": "text-style", + "id": "heading1", + "weight": "bold", + "size": 48, + "family": "FiraSans-Bold", + "borderBottom": null, + "kerning": null, + "lineHeight": 57.6, + "paragraphSpacing": 0 + }, + { + "token": "text-style", + "id": "heading2", + "weight": "regular", + "size": 36, + "family": "FiraSans-Regular", + "borderBottom": null, + "kerning": null, + "lineHeight": 43.2, + "paragraphSpacing": 0 + }, + { + "token": "text-style", + "id": "paragraph", + "weight": "book", + "size": 18, + "family": "FiraSans-Book", + "borderBottom": null, + "kerning": null, + "lineHeight": 21.6, + "paragraphSpacing": 0 + }, + { + "token": "text-style", + "id": "quote", + "weight": "bold", + "size": 14, + "family": "Helvetica-Bold", + "borderBottom": null, + "kerning": 0.6, + "lineHeight": 16.8, + "paragraphSpacing": 0 + } + ], + "colors": [ + { + "token": "color", + "id": "primary900", + "variant": 900, + "name": "seagull", + "red": 95, + "green": 194, + "blue": 230, + "alpha": 1, + "rgb": [ + 95, + 194, + 230 + ], + "rgba": [ + 95, + 194, + 230, + 1 + ], + "hex": "5fc2e6", + "hsl": [ + 196, + 73, + 64 + ] + }, + { + "token": "color", + "id": "primary800", + "variant": 800, + "name": "viking", + "red": 94, + "green": 193, + "blue": 209, + "alpha": 1, + "rgb": [ + 94, + 193, + 209 + ], + "rgba": [ + 94, + 193, + 209, + 1 + ], + "hex": "5ec1d1", + "hsl": [ + 188, + 56, + 59 + ] + }, + { + "token": "color", + "id": "primary700", + "variant": 700, + "name": "viking", + "red": 119, + "green": 200, + "blue": 214, + "alpha": 1, + "rgb": [ + 119, + 200, + 214 + ], + "rgba": [ + 119, + 200, + 214, + 1 + ], + "hex": "77c8d6", + "hsl": [ + 189, + 54, + 65 + ] + }, + { + "token": "color", + "id": "primary600", + "variant": 600, + "name": "halfBaked", + "red": 141, + "green": 207, + "blue": 219, + "alpha": 1, + "rgb": [ + 141, + 207, + 219 + ], + "rgba": [ + 141, + 207, + 219, + 1 + ], + "hex": "8dcfdb", + "hsl": [ + 189, + 52, + 71 + ] + }, + { + "token": "color", + "id": "primary500", + "variant": 500, + "name": "powderBlue", + "red": 160, + "green": 214, + "blue": 224, + "alpha": 1, + "rgb": [ + 160, + 214, + 224 + ], + "rgba": [ + 160, + 214, + 224, + 1 + ], + "hex": "a0d6e0", + "hsl": [ + 189, + 51, + 75 + ] + }, + { + "token": "color", + "id": "primary400", + "variant": 400, + "name": "powderBlue", + "red": 179, + "green": 221, + "blue": 230, + "alpha": 1, + "rgb": [ + 179, + 221, + 230 + ], + "rgba": [ + 179, + 221, + 230, + 1 + ], + "hex": "b3dde6", + "hsl": [ + 191, + 50, + 80 + ] + }, + { + "token": "color", + "id": "primary300", + "variant": 300, + "name": "pattensBlue", + "red": 212, + "green": 235, + "blue": 240, + "alpha": 1, + "rgb": [ + 212, + 235, + 240 + ], + "rgba": [ + 212, + 235, + 240, + 1 + ], + "hex": "d4ebf0", + "hsl": [ + 191, + 48, + 89 + ] + }, + { + "token": "color", + "id": "primary200", + "variant": 200, + "name": "solitude", + "red": 229, + "green": 243, + "blue": 250, + "alpha": 1, + "rgb": [ + 229, + 243, + 250 + ], + "rgba": [ + 229, + 243, + 250, + 1 + ], + "hex": "e5f3fa", + "hsl": [ + 200, + 68, + 94 + ] + }, + { + "token": "color", + "id": "primary100", + "variant": 100, + "name": "aliceBlue", + "red": 242, + "green": 249, + "blue": 253, + "alpha": 1, + "rgb": [ + 242, + 249, + 253 + ], + "rgba": [ + 242, + 249, + 253, + 1 + ], + "hex": "f2f9fd", + "hsl": [ + 202, + 73, + 97 + ] + }, + { + "token": "color", + "id": "secondary900", + "variant": 900, + "name": "salem", + "red": 34, + "green": 125, + "blue": 62, + "alpha": 1, + "rgb": [ + 34, + 125, + 62 + ], + "rgba": [ + 34, + 125, + 62, + 1 + ], + "hex": "227d3e", + "hsl": [ + 138, + 57, + 31 + ] + }, + { + "token": "color", + "id": "red", + "variant": null, + "name": "carnation", + "red": 245, + "green": 94, + "blue": 94, + "alpha": 1, + "rgb": [ + 245, + 94, + 94 + ], + "rgba": [ + 245, + 94, + 94, + 1 + ], + "hex": "f55e5e", + "hsl": [ + 0, + 88, + 66 + ] + }, + { + "token": "color", + "id": "secondary800", + "variant": 800, + "name": "seaGreen", + "red": 62, + "green": 135, + "blue": 74, + "alpha": 1, + "rgb": [ + 62, + 135, + 74 + ], + "rgba": [ + 62, + 135, + 74, + 1 + ], + "hex": "3e874a", + "hsl": [ + 130, + 37, + 39 + ] + }, + { + "token": "color", + "id": "secondary700", + "variant": 700, + "name": "hippieGreen", + "red": 85, + "green": 145, + "blue": 88, + "alpha": 1, + "rgb": [ + 85, + 145, + 88 + ], + "rgba": [ + 85, + 145, + 88, + 1 + ], + "hex": "559158", + "hsl": [ + 123, + 26, + 45 + ] + }, + { + "token": "color", + "id": "secondary600", + "variant": 600, + "name": "aquaForest", + "red": 107, + "green": 157, + "blue": 106, + "alpha": 1, + "rgb": [ + 107, + 157, + 106 + ], + "rgba": [ + 107, + 157, + 106, + 1 + ], + "hex": "6b9d6a", + "hsl": [ + 119, + 21, + 52 + ] + }, + { + "token": "color", + "id": "secondary500", + "variant": 500, + "name": "amulet", + "red": 129, + "green": 169, + "blue": 124, + "alpha": 1, + "rgb": [ + 129, + 169, + 124 + ], + "rgba": [ + 129, + 169, + 124, + 1 + ], + "hex": "81a97c", + "hsl": [ + 113, + 21, + 57 + ] + }, + { + "token": "color", + "id": "secondary400", + "variant": 400, + "name": "norway", + "red": 151, + "green": 182, + "blue": 144, + "alpha": 1, + "rgb": [ + 151, + 182, + 144 + ], + "rgba": [ + 151, + 182, + 144, + 1 + ], + "hex": "97b690", + "hsl": [ + 109, + 21, + 64 + ] + }, + { + "token": "color", + "id": "secondary300", + "variant": 300, + "name": "paleLeaf", + "red": 192, + "green": 210, + "blue": 186, + "alpha": 1, + "rgb": [ + 192, + 210, + 186 + ], + "rgba": [ + 192, + 210, + 186, + 1 + ], + "hex": "c0d2ba", + "hsl": [ + 105, + 21, + 78 + ] + }, + { + "token": "color", + "id": "secondary200", + "variant": 200, + "name": "tasman", + "red": 212, + "green": 224, + "blue": 208, + "alpha": 1, + "rgb": [ + 212, + 224, + 208 + ], + "rgba": [ + 212, + 224, + 208, + 1 + ], + "hex": "d4e0d0", + "hsl": [ + 105, + 21, + 85 + ] + }, + { + "token": "color", + "id": "secondary100", + "variant": 100, + "name": "grayNurse", + "red": 233, + "green": 239, + "blue": 231, + "alpha": 1, + "rgb": [ + 233, + 239, + 231 + ], + "rgba": [ + 233, + 239, + 231, + 1 + ], + "hex": "e9efe7", + "hsl": [ + 105, + 20, + 92 + ] + } + ], + "gradients": [ + { + "id": "linear", + "token": "gradient", + "type": "LINEAR", + "from": [ + 0.5, + 1 + ], + "to": [ + 0.4999999999999999, + 3.0616169978683836e-17 + ], + "stops": [ + { + "position": 0, + "color": { + "token": "color", + "name": "norway", + "red": 151, + "green": 182, + "blue": 144, + "alpha": 1, + "rgb": [ + 151, + 182, + 144 + ], + "rgba": [ + 151, + 182, + 144, + 1 + ], + "hex": "97b690", + "hsl": [ + 109, + 21, + 64 + ] + } + }, + { + "position": 0.5038507579143953, + "color": { + "token": "color", + "name": "hippieGreen", + "red": 85, + "green": 145, + "blue": 88, + "alpha": 1, + "rgb": [ + 85, + 145, + 88 + ], + "rgba": [ + 85, + 145, + 88, + 1 + ], + "hex": "559158", + "hsl": [ + 123, + 26, + 45 + ] + } + }, + { + "position": 1, + "color": { + "token": "color", + "name": "salem", + "red": 34, + "green": 125, + "blue": 62, + "alpha": 1, + "rgb": [ + 34, + 125, + 62 + ], + "rgba": [ + 34, + 125, + 62, + 1 + ], + "hex": "227d3e", + "hsl": [ + 138, + 57, + 31 + ] + } + } + ] + }, + { + "id": "radial", + "token": "gradient", + "type": "RADIAL", + "from": [ + 0.5, + 1 + ], + "to": [ + 0.5, + -0.27263153394819584 + ], + "stops": [ + { + "position": 0, + "color": { + "token": "color", + "name": "norway", + "red": 151, + "green": 182, + "blue": 144, + "alpha": 1, + "rgb": [ + 151, + 182, + 144 + ], + "rgba": [ + 151, + 182, + 144, + 1 + ], + "hex": "97b690", + "hsl": [ + 109, + 21, + 64 + ] + } + }, + { + "position": 1, + "color": { + "token": "color", + "name": "salem", + "red": 34, + "green": 125, + "blue": 62, + "alpha": 1, + "rgb": [ + 34, + 125, + 62 + ], + "rgba": [ + 34, + 125, + 62, + 1 + ], + "hex": "227d3e", + "hsl": [ + 138, + 57, + 31 + ] + } + } + ] + }, + { + "id": "angular", + "token": "gradient", + "type": "ANGULAR", + "from": [ + 0.5, + 1 + ], + "to": [ + 0.5, + -0.27263153394819584 + ], + "stops": [ + { + "position": 0.4336458341191861, + "color": { + "token": "color", + "name": "norway", + "red": 151, + "green": 182, + "blue": 144, + "alpha": 1, + "rgb": [ + 151, + 182, + 144 + ], + "rgba": [ + 151, + 182, + 144, + 1 + ], + "hex": "97b690", + "hsl": [ + 109, + 21, + 64 + ] + } + }, + { + "position": 1, + "color": { + "token": "color", + "name": "salem", + "red": 34, + "green": 125, + "blue": 62, + "alpha": 1, + "rgb": [ + 34, + 125, + 62 + ], + "rgba": [ + 34, + 125, + 62, + 1 + ], + "hex": "227d3e", + "hsl": [ + 138, + 57, + 31 + ] + } + } + ] + } + ], + "shadows": [ + { + "id": "simple", + "token": "shadow", + "blur": 3, + "x": 0, + "y": 1, + "spread": 0, + "type": "inner-shadow", + "color": { + "token": "color", + "name": "black", + "red": 0, + "green": 0, + "blue": 0, + "alpha": 0.5, + "rgb": [ + 0, + 0, + 0 + ], + "rgba": [ + 0, + 0, + 0, + 0.5 + ], + "hex": "000000", + "hsl": [ + 0, + 0, + 0 + ] + } + }, + { + "id": "simple", + "token": "shadow", + "blur": 4, + "x": 0, + "y": 2, + "spread": 0, + "type": "drop-shadow", + "color": { + "token": "color", + "name": "black", + "red": 0, + "green": 0, + "blue": 0, + "alpha": 0.5, + "rgb": [ + 0, + 0, + 0 + ], + "rgba": [ + 0, + 0, + 0, + 0.5 + ], + "hex": "000000", + "hsl": [ + 0, + 0, + 0 + ] + } + } + ], + "borders": [ + { + "id": "inside", + "token": "border", + "color": { + "token": "color", + "name": "geraldine", + "red": 255, + "green": 150, + "blue": 150, + "alpha": 1, + "rgb": [ + 255, + 150, + 150 + ], + "rgba": [ + 255, + 150, + 150, + 1 + ], + "hex": "ff9696", + "hsl": [ + 0, + 100, + 79 + ] + }, + "width": 1, + "type": "INSIDE", + "radius": 3 + }, + { + "id": "outside", + "token": "border", + "color": { + "token": "color", + "name": "geraldine", + "red": 255, + "green": 150, + "blue": 150, + "alpha": 1, + "rgb": [ + 255, + 150, + 150 + ], + "rgba": [ + 255, + 150, + 150, + 1 + ], + "hex": "ff9696", + "hsl": [ + 0, + 100, + 79 + ] + }, + "width": 1, + "type": "OUTSIDE", + "radius": 12.5 + }, + { + "id": "gradientWithCorners", + "token": "border", + "gradient": { + "name": "norwayGradient", + "token": "gradient", + "type": "LINEAR", + "from": [ + 0.5, + 1 + ], + "to": [ + 0.4999999999999999, + 3.0616169978683836e-17 + ], + "stops": [ + { + "position": 0, + "color": { + "token": "color", + "name": "norway", + "red": 151, + "green": 182, + "blue": 144, + "alpha": 1, + "rgb": [ + 151, + 182, + 144 + ], + "rgba": [ + 151, + 182, + 144, + 1 + ], + "hex": "97b690", + "hsl": [ + 109, + 21, + 64 + ] + } + }, + { + "position": 0.5038507579143953, + "color": { + "token": "color", + "name": "hippieGreen", + "red": 85, + "green": 145, + "blue": 88, + "alpha": 1, + "rgb": [ + 85, + 145, + 88 + ], + "rgba": [ + 85, + 145, + 88, + 1 + ], + "hex": "559158", + "hsl": [ + 123, + 26, + 45 + ] + } + }, + { + "position": 1, + "color": { + "token": "color", + "name": "salem", + "red": 34, + "green": 125, + "blue": 62, + "alpha": 1, + "rgb": [ + 34, + 125, + 62 + ], + "rgba": [ + 34, + 125, + 62, + 1 + ], + "hex": "227d3e", + "hsl": [ + 138, + 57, + 31 + ] + } + } + ] + }, + "width": 1, + "type": "OUTSIDE", + "radius": [ + 8, + 12.5, + 12.5, + 12.5 + ] + }, + { + "id": "center", + "token": "border", + "color": { + "token": "color", + "name": "geraldine", + "red": 255, + "green": 150, + "blue": 150, + "alpha": 1, + "rgb": [ + 255, + 150, + 150 + ], + "rgba": [ + 255, + 150, + 150, + 1 + ], + "hex": "ff9696", + "hsl": [ + 0, + 100, + 79 + ] + }, + "width": 1, + "type": "CENTER", + "radius": 0 + } + ], + "blurs": [ + { + "id": "background", + "token": "blur", + "type": "BACKGROUND", + "radius": 28, + "saturation": 0.4654579402515723, + "motionAngle": 0, + "center": { + "x": 0.5, + "y": 0.5 + } + }, + { + "id": "zoom", + "token": "blur", + "type": "ZOOM", + "radius": 6, + "saturation": 1, + "motionAngle": 0 + }, + { + "id": "motion", + "token": "blur", + "type": "MOTION", + "radius": 2, + "saturation": 1, + "motionAngle": 35.61906645569621 + }, + { + "id": "gaussian", + "token": "blur", + "type": "GAUSSIAN", + "radius": 2, + "saturation": 1, + "motionAngle": 0 + } + ], + "fonts": [ + "FiraSans-Bold", + "Helvetica-Bold", + "FiraSans-Regular", + "FiraSans-Book" + ], + "fileType": "SKETCH", + "sketchVersion": "56" +} \ No newline at end of file diff --git a/__mocks__/sample_output.document.json b/__mocks__/sketch/sample_output.document.json similarity index 92% rename from __mocks__/sample_output.document.json rename to __mocks__/sketch/sample_output.document.json index eb9d1aa..cc6fe20 100644 --- a/__mocks__/sample_output.document.json +++ b/__mocks__/sketch/sample_output.document.json @@ -552,11 +552,50 @@ "radius": 0 } ], + "blurs": [ + { + "id": "background", + "token": "blur", + "type": "BACKGROUND", + "radius": 28, + "saturation": 0.4654579402515723, + "motionAngle": 0, + "center": { + "x": 0.5, + "y": 0.5 + } + }, + { + "id": "zoom", + "token": "blur", + "type": "ZOOM", + "radius": 6, + "saturation": 1, + "motionAngle": 0 + }, + { + "id": "motion", + "token": "blur", + "type": "MOTION", + "radius": 2, + "saturation": 1, + "motionAngle": 35.61906645569621 + }, + { + "id": "gaussian", + "token": "blur", + "type": "GAUSSIAN", + "radius": 2, + "saturation": 1, + "motionAngle": 0 + } + ], "fonts": [ "FiraSans-Bold", "Helvetica-Bold", "FiraSans-Regular", "FiraSans-Book" ], - "sketchVersion": "55" + "fileType": "SKETCH", + "sketchVersion": "56" } \ No newline at end of file diff --git a/__mocks__/sketch/sample_output.styledictionary.json b/__mocks__/sketch/sample_output.styledictionary.json new file mode 100644 index 0000000..4468483 --- /dev/null +++ b/__mocks__/sketch/sample_output.styledictionary.json @@ -0,0 +1,246 @@ +{ + "color": { + "base": { + "primary900": { + "value": "#5FC2E6", + "comment": "seagull" + }, + "primary800": { + "value": "#5EC1D1", + "comment": "viking" + }, + "primary700": { + "value": "#77C8D6", + "comment": "viking" + }, + "primary600": { + "value": "#8DCFDB", + "comment": "halfBaked" + }, + "primary500": { + "value": "#A0D6E0", + "comment": "powderBlue" + }, + "primary400": { + "value": "#B3DDE6", + "comment": "powderBlue" + }, + "primary300": { + "value": "#D4EBF0", + "comment": "pattensBlue" + }, + "primary200": { + "value": "#E5F3FA", + "comment": "solitude" + }, + "primary100": { + "value": "#F2F9FD", + "comment": "aliceBlue" + }, + "secondary900": { + "value": "#227D3E", + "comment": "salem" + }, + "red": { + "value": "#F55E5E", + "comment": "carnation" + }, + "secondary800": { + "value": "#3E874A", + "comment": "seaGreen" + }, + "secondary700": { + "value": "#559158", + "comment": "hippieGreen" + }, + "secondary600": { + "value": "#6B9D6A", + "comment": "aquaForest" + }, + "secondary500": { + "value": "#81A97C", + "comment": "amulet" + }, + "secondary400": { + "value": "#97B690", + "comment": "norway" + }, + "secondary300": { + "value": "#C0D2BA", + "comment": "paleLeaf" + }, + "secondary200": { + "value": "#D4E0D0", + "comment": "tasman" + }, + "secondary100": { + "value": "#E9EFE7", + "comment": "grayNurse" + } + }, + "border": { + "inside": { + "value": "#FF9696", + "comment": "geraldine" + }, + "outside": { + "value": "#FF9696", + "comment": "geraldine" + }, + "center": { + "value": "#FF9696", + "comment": "geraldine" + } + }, + "shadow": { + "simple": { + "innerShadow": { + "value": "#000000", + "comment": "black" + }, + "dropShadow": { + "value": "#000000", + "comment": "black" + } + } + } + }, + "font": { + "typo": { + "heading1": { + "value": "firaSansBold" + }, + "heading2": { + "value": "firaSansRegular" + }, + "paragraph": { + "value": "firaSansBook" + }, + "quote": { + "value": "helveticaBold" + } + } + }, + "lineHeight": { + "font": { + "heading1": { + "value": 57.6 + }, + "heading2": { + "value": 43.2 + }, + "paragraph": { + "value": 21.6 + }, + "quote": { + "value": 16.8 + } + } + }, + "size": { + "font": { + "heading1": { + "value": 48 + }, + "heading2": { + "value": 36 + }, + "paragraph": { + "value": 18 + }, + "quote": { + "value": 14 + } + }, + "border": { + "inside": { + "value": "1" + }, + "outside": { + "value": "1" + }, + "gradientWithCorners": { + "value": "1" + }, + "center": { + "value": "1" + } + } + }, + "weight": { + "fontFamily": { + "firaSansBold": { + "value": 700 + }, + "firaSansBook": { + "value": 350 + }, + "firaSansRegular": { + "value": 400 + }, + "helveticaBold": { + "value": 700 + } + }, + "font": { + "heading1": { + "value": 700 + }, + "heading2": { + "value": 400 + }, + "paragraph": { + "value": 350 + }, + "quote": { + "value": 700 + } + } + }, + "blur": { + "background": { + "radius": 28, + "motionAngle": 0, + "saturation": 0.4654579402515723 + }, + "zoom": { + "radius": 6, + "motionAngle": 0, + "saturation": 1 + }, + "motion": { + "radius": 2, + "motionAngle": 35.61906645569621, + "saturation": 1 + }, + "gaussian": { + "radius": 2, + "motionAngle": 0, + "saturation": 1 + } + }, + "asset": { + "font": { + "firaSansBold": { + "name": { + "value": "FiraSans-Bold" + } + }, + "firaSansRegular": { + "name": { + "value": "FiraSans-Regular" + } + }, + "firaSansBook": { + "name": { + "value": "FiraSans-Book" + } + }, + "helveticaBold": { + "name": { + "value": "Helvetica-Bold" + } + } + } + } +} \ No newline at end of file diff --git a/__mocks__/sketch/sample_sketchfile.sketch b/__mocks__/sketch/sample_sketchfile.sketch new file mode 100644 index 0000000..4a90d6f Binary files /dev/null and b/__mocks__/sketch/sample_sketchfile.sketch differ diff --git a/__tests__/__snapshots__/verifyMocks.test.js.snap b/__tests__/__snapshots__/verifyMocks.test.js.snap index 6628410..f40a668 100644 --- a/__tests__/__snapshots__/verifyMocks.test.js.snap +++ b/__tests__/__snapshots__/verifyMocks.test.js.snap @@ -1,8869 +1,8579 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP -exports[`Verify that the mocks are unchanged for the Sketch dump 1`] = ` +exports[`Verify that the mocks are unchanged for Figma -> Generic Tokens 1`] = ` Object { - "document": Object { - "_class": "document", - "assets": Object { - "_class": "assetCollection", - "colorAssets": Array [ - Object { - "_class": "MSImmutableColorAsset", - "color": Object { - "_class": "color", - "alpha": 1, - "blue": 0.6235294117647059, - "green": 0.02352941176470588, - "red": 0.06274509803921553, - }, - "name": "darkBlue", - }, - Object { - "_class": "MSImmutableColorAsset", - "color": Object { - "_class": "color", - "alpha": 1, - "blue": 0.3137254901960784, - "green": 0, - "red": 0.8980392156862745, - }, - "name": "hotRed", - }, - Object { - "_class": "MSImmutableColorAsset", - "color": Object { - "_class": "color", - "alpha": 1, - "blue": 0.3058823529411765, - "green": 0.7450980392156863, - "red": 0.1725490196078432, + "blurs": Array [ + Object { + "id": "background", + "motionAngle": 0, + "radius": 28, + "saturation": 1, + "token": "blur", + "type": "BACKGROUND", + }, + Object { + "id": "gaussian", + "motionAngle": 0, + "radius": 2, + "saturation": 1, + "token": "blur", + "type": "GAUSSIAN", + }, + ], + "borders": Array [ + Object { + "color": Object { + "alpha": 1, + "blue": 150, + "green": 150, + "hex": "ff9696", + "hsl": Array [ + 0, + 100, + 79, + ], + "name": "geraldine", + "red": 255, + "rgb": Array [ + 255, + 150, + 150, + ], + "rgba": Array [ + 255, + 150, + 150, + 1, + ], + "token": "color", + }, + "id": "inside", + "radius": 3, + "token": "border", + "type": "INSIDE", + "width": 1, + }, + Object { + "color": Object { + "alpha": 1, + "blue": 150, + "green": 150, + "hex": "ff9696", + "hsl": Array [ + 0, + 100, + 79, + ], + "name": "geraldine", + "red": 255, + "rgb": Array [ + 255, + 150, + 150, + ], + "rgba": Array [ + 255, + 150, + 150, + 1, + ], + "token": "color", + }, + "id": "outside", + "radius": 12.5, + "token": "border", + "type": "OUTSIDE", + "width": 1, + }, + Object { + "gradient": Object { + "from": Array [ + 1, + 1, + ], + "name": "norwayGradient", + "stops": Array [ + Object { + "color": Object { + "alpha": 1, + "blue": 144, + "green": 182, + "hex": "97b690", + "hsl": Array [ + 109, + 21, + 64, + ], + "name": "norway", + "red": 151, + "rgb": Array [ + 151, + 182, + 144, + ], + "rgba": Array [ + 151, + 182, + 144, + 1, + ], + "token": "color", + }, + "position": 0, }, - "name": "jungleGreen", - }, - Object { - "_class": "MSImmutableColorAsset", - "color": Object { - "_class": "color", - "alpha": 1, - "blue": 0, - "green": 0, - "red": 0, + Object { + "color": Object { + "alpha": 1, + "blue": 88, + "green": 145, + "hex": "559158", + "hsl": Array [ + 123, + 26, + 45, + ], + "name": "hippieGreen", + "red": 85, + "rgb": Array [ + 85, + 145, + 88, + ], + "rgba": Array [ + 85, + 145, + 88, + 1, + ], + "token": "color", + }, + "position": 0.5038507580757141, }, - "name": "ashDark", - }, - Object { - "_class": "MSImmutableColorAsset", - "color": Object { - "_class": "color", - "alpha": 1, - "blue": 0.7294117647058823, - "green": 0.8235294117647058, - "red": 0.7529411764705882, + Object { + "color": Object { + "alpha": 1, + "blue": 62, + "green": 125, + "hex": "227d3e", + "hsl": Array [ + 138, + 57, + 31, + ], + "name": "salem", + "red": 34, + "rgb": Array [ + 34, + 125, + 62, + ], + "rgba": Array [ + 34, + 125, + 62, + 1, + ], + "token": "color", + }, + "position": 1, }, - }, + ], + "to": Array [ + 1.5, + 0.9999999999999999, + ], + "token": "gradient", + "type": "LINEAR", + }, + "id": "gradientWithCorners", + "radius": Array [ + 8, + 12.5, + 12.5, + 12.5, ], - "colors": Array [ - Object { - "_class": "color", - "alpha": 1, - "blue": 0.6235294117647059, - "green": 0.02352941176470588, - "red": 0.06274509803921553, - }, - Object { - "_class": "color", - "alpha": 1, - "blue": 0.3137254901960784, - "green": 0, - "red": 0.8980392156862745, - }, - Object { - "_class": "color", - "alpha": 1, - "blue": 0.3058823529411765, - "green": 0.7450980392156863, - "red": 0.1725490196078432, - }, - Object { - "_class": "color", - "alpha": 1, - "blue": 0, - "green": 0, - "red": 0, - }, - Object { - "_class": "color", - "alpha": 1, - "blue": 0.7294117647058823, - "green": 0.8235294117647058, - "red": 0.7529411764705882, - }, + "token": "border", + "type": "OUTSIDE", + "width": 1, + }, + Object { + "color": Object { + "alpha": 1, + "blue": 150, + "green": 150, + "hex": "ff9696", + "hsl": Array [ + 0, + 100, + 79, + ], + "name": "geraldine", + "red": 255, + "rgb": Array [ + 255, + 150, + 150, + ], + "rgba": Array [ + 255, + 150, + 150, + 1, + ], + "token": "color", + }, + "id": "center", + "radius": 0, + "token": "border", + "type": "CENTER", + "width": 1, + }, + ], + "colors": Array [ + Object { + "alpha": 1, + "blue": 230, + "green": 194, + "hex": "5fc2e6", + "hsl": Array [ + 196, + 73, + 64, ], - "gradientAssets": Array [ - Object { - "_class": "MSImmutableGradientAsset", - "gradient": Object { - "_class": "gradient", - "elipseLength": 1, - "from": "{0.5, 1}", - "gradientType": 0, - "stops": Array [ - Object { - "_class": "gradientStop", - "color": Object { - "_class": "color", - "alpha": 1, - "blue": 0.5647058823529412, - "green": 0.7137254901960784, - "red": 0.592156862745098, - }, - "position": 0, - }, - Object { - "_class": "gradientStop", - "color": Object { - "_class": "color", - "alpha": 1, - "blue": 0.3450980392156862, - "green": 0.5686274509803921, - "red": 0.3333333333333334, - }, - "position": 0.5038507579143953, - }, - Object { - "_class": "gradientStop", - "color": Object { - "_class": "color", - "alpha": 1, - "blue": 0.2431372549019607, - "green": 0.4901960784313725, - "red": 0.1333333333333333, - }, - "position": 1, - }, - ], - "to": "{0.49999999999999989, 3.0616169978683836e-17}", - }, - "name": "swampy", - }, + "id": "primary900", + "name": "seagull", + "red": 95, + "rgb": Array [ + 95, + 194, + 230, ], - "gradients": Array [ - Object { - "_class": "gradient", - "elipseLength": 1, - "from": "{0.5, 1}", - "gradientType": 0, - "stops": Array [ - Object { - "_class": "gradientStop", - "color": Object { - "_class": "color", - "alpha": 1, - "blue": 0.5647058823529412, - "green": 0.7137254901960784, - "red": 0.592156862745098, - }, - "position": 0, - }, - Object { - "_class": "gradientStop", - "color": Object { - "_class": "color", - "alpha": 1, - "blue": 0.3450980392156862, - "green": 0.5686274509803921, - "red": 0.3333333333333334, - }, - "position": 0.5038507579143953, - }, - Object { - "_class": "gradientStop", - "color": Object { - "_class": "color", - "alpha": 1, - "blue": 0.2431372549019607, - "green": 0.4901960784313725, - "red": 0.1333333333333333, - }, - "position": 1, - }, - ], - "to": "{0.49999999999999989, 3.0616169978683836e-17}", - }, + "rgba": Array [ + 95, + 194, + 230, + 1, ], - "imageCollection": Object { - "_class": "imageCollection", - "images": Object {}, - }, - "images": Array [], + "token": "color", + "variant": "900", }, - "colorSpace": 0, - "currentPageIndex": 0, - "do_objectID": "0164F09E-0046-4D52-942F-F3EE4895443C", - "foreignLayerStyles": Array [], - "foreignSymbols": Array [], - "foreignTextStyles": Array [], - "layerStyles": Object { - "_class": "sharedStyleContainer", - "objects": Array [], + Object { + "alpha": 1, + "blue": 209, + "green": 193, + "hex": "5ec1d1", + "hsl": Array [ + 188, + 56, + 59, + ], + "id": "primary800", + "name": "viking", + "red": 94, + "rgb": Array [ + 94, + 193, + 209, + ], + "rgba": Array [ + 94, + 193, + 209, + 1, + ], + "token": "color", + "variant": "800", }, - "layerSymbols": Object { - "_class": "symbolContainer", - "objects": Array [], + Object { + "alpha": 1, + "blue": 214, + "green": 200, + "hex": "77c8d6", + "hsl": Array [ + 189, + 54, + 65, + ], + "id": "primary700", + "name": "viking", + "red": 119, + "rgb": Array [ + 119, + 200, + 214, + ], + "rgba": Array [ + 119, + 200, + 214, + 1, + ], + "token": "color", + "variant": "700", }, - "layerTextStyles": Object { - "_class": "sharedTextStyleContainer", - "objects": Array [ - Object { - "_class": "sharedStyle", - "do_objectID": "AE67B98F-F8FC-4899-BCE1-A1766049BD9C", - "name": "Heading 1", - "value": Object { - "_class": "style", - "endMarkerType": 0, - "miterLimit": 10, - "startMarkerType": 0, - "textStyle": Object { - "_class": "textStyle", - "encodedAttributes": Object { - "MSAttributedStringColorAttribute": Object { - "_class": "color", - "alpha": 1, - "blue": 0.6235294117647059, - "green": 0.02352941176470588, - "red": 0.06274509803921553, - }, - "MSAttributedStringFontAttribute": Object { - "_class": "fontDescriptor", - "attributes": Object { - "name": "FiraSans-Bold", - "size": 48, - }, - }, - "paragraphStyle": Object { - "_class": "paragraphStyle", - "maximumLineHeight": 57.59999847412109, - "minimumLineHeight": 57.59999847412109, - }, - "textStyleVerticalAlignmentKey": 0, - }, - "verticalAlignment": 0, - }, - "windingRule": 1, - }, - }, - Object { - "_class": "sharedStyle", - "do_objectID": "D52C375A-E594-4F72-BE07-AA91CD1772DA", - "name": "Heading 2", - "value": Object { - "_class": "style", - "endMarkerType": 0, - "miterLimit": 10, - "startMarkerType": 0, - "textStyle": Object { - "_class": "textStyle", - "encodedAttributes": Object { - "MSAttributedStringColorAttribute": Object { - "_class": "color", - "alpha": 1, - "blue": 0.6235294117647059, - "green": 0.02352941176470588, - "red": 0.06274509803921553, - }, - "MSAttributedStringFontAttribute": Object { - "_class": "fontDescriptor", - "attributes": Object { - "name": "FiraSans-Regular", - "size": 36, - }, - }, - "paragraphStyle": Object { - "_class": "paragraphStyle", - }, - "textStyleVerticalAlignmentKey": 0, - }, - "verticalAlignment": 0, - }, - "windingRule": 1, - }, - }, - Object { - "_class": "sharedStyle", - "do_objectID": "FEF84709-9700-4E73-88BF-4953F0A3D36F", - "name": "Paragraph", - "value": Object { - "_class": "style", - "endMarkerType": 0, - "miterLimit": 10, - "startMarkerType": 0, - "textStyle": Object { - "_class": "textStyle", - "encodedAttributes": Object { - "MSAttributedStringColorAttribute": Object { - "_class": "color", - "alpha": 1, - "blue": 0, - "green": 0, - "red": 0, - }, - "MSAttributedStringFontAttribute": Object { - "_class": "fontDescriptor", - "attributes": Object { - "name": "FiraSans-Book", - "size": 18, - }, - }, - "paragraphStyle": Object { - "_class": "paragraphStyle", - }, - "textStyleVerticalAlignmentKey": 0, - }, - "verticalAlignment": 0, - }, - "windingRule": 1, - }, - }, - Object { - "_class": "sharedStyle", - "do_objectID": "5BDEB3A7-2D72-47B3-98E1-63F84C614891", - "name": "Quote", - "value": Object { - "_class": "style", - "endMarkerType": 0, - "miterLimit": 10, - "startMarkerType": 0, - "textStyle": Object { - "_class": "textStyle", - "encodedAttributes": Object { - "MSAttributedStringColorAttribute": Object { - "_class": "color", - "alpha": 1, - "blue": 0.7300158514492754, - "green": 0.7300158514492754, - "red": 0.7300158514492754, - }, - "MSAttributedStringFontAttribute": Object { - "_class": "fontDescriptor", - "attributes": Object { - "name": "Helvetica-Bold", - "size": 14, - }, - }, - "kerning": 0.6000000238418579, - "paragraphStyle": Object { - "_class": "paragraphStyle", - }, - "textStyleVerticalAlignmentKey": 0, - }, - "verticalAlignment": 0, - }, - "windingRule": 1, - }, - }, + Object { + "alpha": 1, + "blue": 219, + "green": 207, + "hex": "8dcfdb", + "hsl": Array [ + 189, + 52, + 71, + ], + "id": "primary600", + "name": "halfBaked", + "red": 141, + "rgb": Array [ + 141, + 207, + 219, + ], + "rgba": Array [ + 141, + 207, + 219, + 1, ], + "token": "color", + "variant": "600", }, - "pages": Array [ - Object { - "_class": "MSJSONFileReference", - "_ref": "pages/3887CAEA-110F-415F-8010-F3C825F27590", - "_ref_class": "MSImmutablePage", - }, - ], - "userInfo": Object { - "hubble-sketch-plugin": Object { - "hubble-project-id": "\\"hubble-project\\"", - }, + Object { + "alpha": 1, + "blue": 224, + "green": 214, + "hex": "a0d6e0", + "hsl": Array [ + 189, + 51, + 75, + ], + "id": "primary500", + "name": "powderBlue", + "red": 160, + "rgb": Array [ + 160, + 214, + 224, + ], + "rgba": Array [ + 160, + 214, + 224, + 1, + ], + "token": "color", + "variant": "500", }, - }, - "meta": Object { - "app": "com.bohemiancoding.sketch3", - "appVersion": "55", - "autosaved": 0, - "build": 78076, - "commit": "de199738bddcc38c4a5af7eee0589554d43d0bde", - "compatibilityVersion": 99, - "created": Object { - "app": "com.bohemiancoding.sketch3", - "appVersion": "55", - "build": 78076, - "commit": "de199738bddcc38c4a5af7eee0589554d43d0bde", - "compatibilityVersion": 99, - "variant": "NONAPPSTORE", - "version": 118, + Object { + "alpha": 1, + "blue": 230, + "green": 221, + "hex": "b3dde6", + "hsl": Array [ + 191, + 50, + 80, + ], + "id": "primary400", + "name": "powderBlue", + "red": 179, + "rgb": Array [ + 179, + 221, + 230, + ], + "rgba": Array [ + 179, + 221, + 230, + 1, + ], + "token": "color", + "variant": "400", }, - "fonts": Array [ - "FiraSans-Bold", - "Helvetica-Bold", - "FiraSans-Regular", - "FiraSans-Book", - ], - "pagesAndArtboards": Object { - "3887CAEA-110F-415F-8010-F3C825F27590": Object { - "artboards": Object { - "0DAFE776-EE80-4B21-B0A1-1184FFC8C9FE": Object { - "name": "primitives/gradient/linear", - }, - "209B4D89-0A7B-49FA-9F1A-1327D8847BD7": Object { - "name": "primitives/color/primary/200", - }, - "236882BC-6296-4136-8E62-D9C375F1C8A6": Object { - "name": "primitives/color/primary/100", - }, - "2A91FC83-C952-4FA9-9AB7-3B847F23A2CB": Object { - "name": "textstyle/quote", - }, - "317631A9-D13A-4970-A1D0-ECDBDA67A42D": Object { - "name": "textstyle/paragraph", - }, - "36107A8A-014B-4AF9-AFC4-A372903B5155": Object { - "name": "primitives/color/red", - }, - "3CA8B6DB-E34A-4F1C-B420-798F9BF702D1": Object { - "name": "primitives/inner-shadow/simple", - }, - "44089DEB-F137-4D77-AC67-385A284A8716": Object { - "name": "primitives/color/secondary/100", - }, - "46B85BC1-A746-436F-A660-7A3183C21D8E": Object { - "name": "primitives/color/secondary/400", - }, - "46F335CE-30A0-4925-B587-F5BA1D324C5E": Object { - "name": "primitives/color/secondary/700", - }, - "48197F20-854E-47A8-AA86-E3CB5657AC15": Object { - "name": "primitives/color/primary/400", - }, - "5C5299C1-75CB-42A5-ADF2-4CD8A4C259A8": Object { - "name": "primitives/color/primary/500", - }, - "674B5B2C-E545-493B-B3AD-2B6495E87E53": Object { - "name": "primitives/color/secondary/600", - }, - "6AE4CFC3-4143-4B35-9361-84A6619528A9": Object { - "name": "primitives/border/gradient-with-corners", - }, - "767651C1-DEEB-4D60-A295-685C9CB0A977": Object { - "name": "primitives/color/secondary/500", - }, - "78EED8DF-E23A-40C7-B916-FB8D70BDDDD1": Object { - "name": "primitives/border/inside", - }, - "80E137BB-C2C2-48E5-8DD3-05FD005FDC6A": Object { - "name": "primitives/color/secondary/300", - }, - "82EFA1FE-7BA8-4C82-AC70-1903A67AD3C6": Object { - "name": "primitives/color/primary/900", - }, - "8317C424-64FA-4C48-9E89-29DF31564F0B": Object { - "name": "textstyle/heading2", - }, - "83CB7245-64A8-4D1D-A91D-7BED3E8E536F": Object { - "name": "primitives/gradient/angular", - }, - "8422E041-BDFE-470C-AB7B-C5AE59F9D6F4": Object { - "name": "primitives/color/primary/600", - }, - "91EFDD20-A70A-4708-84A2-20F67BB6E80A": Object { - "name": "primitives/color/primary/300", - }, - "B108EDF7-3A0F-4115-A60F-840047FBB34C": Object { - "name": "primitives/color/primary/800", - }, - "BB725F66-962D-4674-8835-19A19EA41CA1": Object { - "name": "primitives/color/secondary/800", - }, - "C43D3A12-E181-4E63-B45A-4B6EF1BAE7EE": Object { - "name": "primitives/color/secondary/900", - }, - "C88996D5-D133-4F93-B701-1BD926488842": Object { - "name": "primitives/drop-shadow/simple", - }, - "CB6340A7-7A9B-4B4B-BE91-E9488AEA7893": Object { - "name": "textstyle/heading1", - }, - "E17C144B-6CC5-42A1-93BC-40CFC5BF78AD": Object { - "name": "primitives/border/outside", - }, - "E1B2AFC3-91FE-41D7-AB56-BCC34278AAA9": Object { - "name": "primitives/color/primary/700", - }, - "EE3107E2-F1F3-47F9-B2C7-6ED1F7363299": Object { - "name": "primitives/color/secondary/200", - }, - "F32C4D04-3727-4622-98D0-1F5ABB8AFA89": Object { - "name": "primitives/border/center", - }, - "F3A48001-231D-4273-A7AD-3C4B596A535A": Object { - "name": "config/projectid", - }, - "F8DD5F4F-423D-4845-9BD5-9F4FFB9AF86D": Object { - "name": "icons/level2/code-check", - }, - "F9C9C2C5-925B-41CC-B221-A681D3B0467B": Object { - "name": "primitives/gradient/radial", - }, - }, - "name": "primitives", - }, + Object { + "alpha": 1, + "blue": 240, + "green": 235, + "hex": "d4ebf0", + "hsl": Array [ + 191, + 48, + 89, + ], + "id": "primary300", + "name": "pattensBlue", + "red": 212, + "rgb": Array [ + 212, + 235, + 240, + ], + "rgba": Array [ + 212, + 235, + 240, + 1, + ], + "token": "color", + "variant": "300", }, - "saveHistory": Array [ - "NONAPPSTORE.78076", - ], - "variant": "NONAPPSTORE", - "version": 118, - }, - "pages": Object { - "3887CAEA-110F-415F-8010-F3C825F27590": Object { - "_class": "page", - "booleanOperation": -1, - "clippingMaskMode": 0, - "do_objectID": "3887CAEA-110F-415F-8010-F3C825F27590", - "exportOptions": Object { - "_class": "exportOptions", - "exportFormats": Array [], - "includedLayerIds": Array [], - "layerOptions": 0, - "shouldTrim": false, - }, - "frame": Object { - "_class": "rect", - "constrainProportions": false, - "height": 0, - "width": 0, - "x": 0, - "y": 0, - }, - "groupLayout": Object { - "_class": "MSImmutableFreeformGroupLayout", - }, - "hasClickThrough": true, - "hasClippingMask": false, - "horizontalRulerData": Object { - "_class": "rulerData", - "base": 0, - "guides": Array [], - }, - "includeInCloudUpload": true, - "isFixedToViewport": false, - "isFlippedHorizontal": false, - "isFlippedVertical": false, - "isLocked": false, - "isVisible": true, - "layerListExpandedType": 0, - "layers": Array [ - Object { - "_class": "symbolMaster", - "allowsOverrides": true, - "backgroundColor": Object { - "_class": "color", - "alpha": 1, - "blue": 1, - "green": 1, - "red": 1, - }, - "booleanOperation": -1, - "changeIdentifier": 261, - "clippingMaskMode": 0, - "do_objectID": "F8DD5F4F-423D-4845-9BD5-9F4FFB9AF86D", - "exportOptions": Object { - "_class": "exportOptions", - "exportFormats": Array [ - Object { - "_class": "exportFormat", - "absoluteSize": 0, - "fileFormat": "png", - "name": "", - "namingScheme": 0, - "scale": 1, - "visibleScaleType": 0, - }, - ], - "includedLayerIds": Array [], - "layerOptions": 0, - "shouldTrim": false, - }, - "frame": Object { - "_class": "rect", - "constrainProportions": false, - "height": 17, - "width": 19, - "x": 1013, - "y": 419, - }, - "groupLayout": Object { - "_class": "MSImmutableFreeformGroupLayout", - }, - "hasBackgroundColor": false, - "hasClickThrough": true, - "hasClippingMask": false, - "horizontalRulerData": Object { - "_class": "rulerData", - "base": 0, - "guides": Array [], - }, - "includeBackgroundColorInExport": true, - "includeBackgroundColorInInstance": true, - "includeInCloudUpload": true, - "isFixedToViewport": false, - "isFlippedHorizontal": false, - "isFlippedVertical": false, - "isFlowHome": false, - "isLocked": false, - "isVisible": true, - "layerListExpandedType": 0, - "layers": Array [ - Object { - "_class": "group", - "booleanOperation": -1, - "clippingMaskMode": 0, - "do_objectID": "4B5C1FF9-D07F-41DE-8CC3-E22AAE83AFEB", - "exportOptions": Object { - "_class": "exportOptions", - "exportFormats": Array [], - "includedLayerIds": Array [], - "layerOptions": 0, - "shouldTrim": false, - }, - "frame": Object { - "_class": "rect", - "constrainProportions": false, - "height": 17, - "width": 19, - "x": 0, - "y": 0, - }, - "groupLayout": Object { - "_class": "MSImmutableFreeformGroupLayout", - }, - "hasClickThrough": false, - "hasClippingMask": false, - "isFixedToViewport": false, - "isFlippedHorizontal": false, - "isFlippedVertical": false, - "isLocked": false, - "isVisible": true, - "layerListExpandedType": 1, - "layers": Array [ - Object { - "_class": "shapeGroup", - "booleanOperation": -1, - "clippingMaskMode": 0, - "do_objectID": "CCB03E4D-AC97-4526-A157-B23BBF97C4C5", - "exportOptions": Object { - "_class": "exportOptions", - "do_objectID": "0776F954-B3F5-4486-BB34-C9ADFB077EF3", - "exportFormats": Array [], - "includedLayerIds": Array [], - "layerOptions": 0, - "shouldTrim": false, - }, - "frame": Object { - "_class": "rect", - "constrainProportions": false, - "do_objectID": "6ABBF1EA-53BD-43C9-9749-082E6E5B198A", - "height": 17, - "width": 19, - "x": 0, - "y": 0, - }, - "groupLayout": Object { - "_class": "MSImmutableFreeformGroupLayout", - }, - "hasClickThrough": false, - "hasClippingMask": true, - "isFixedToViewport": false, - "isFlippedHorizontal": false, - "isFlippedVertical": false, - "isLocked": false, - "isVisible": true, - "layerListExpandedType": 1, - "layers": Array [ - Object { - "_class": "shapePath", - "booleanOperation": -1, - "clippingMaskMode": 0, - "do_objectID": "B9AB4CBD-4815-4E40-AAF9-EE61D6348BF8", - "edited": true, - "exportOptions": Object { - "_class": "exportOptions", - "do_objectID": "D6498D0F-3DDE-45CD-9DAE-E791F69FBC07", - "exportFormats": Array [], - "includedLayerIds": Array [], - "layerOptions": 0, - "shouldTrim": false, - }, - "frame": Object { - "_class": "rect", - "constrainProportions": false, - "do_objectID": "515B9EAE-8B6E-446C-B0DE-7880CDB1171C", - "height": 8.183865898376089, - "width": 5.428571428571434, - "x": 0, - "y": 0, - }, - "hasClippingMask": false, - "isClosed": true, - "isFixedToViewport": false, - "isFlippedHorizontal": false, - "isFlippedVertical": false, - "isLocked": false, - "isVisible": true, - "layerListExpandedType": 0, - "name": "Path", - "nameIsFixed": false, - "pointRadiusBehaviour": 1, - "points": Array [ - Object { - "_class": "curvePoint", - "cornerRadius": 0, - "curveFrom": "{0.76500000000000001, 0}", - "curveMode": 1, - "curveTo": "{0.76500000000000001, 0}", - "hasCurveFrom": false, - "hasCurveTo": false, - "point": "{0.76500000000000001, 0}", - }, - Object { - "_class": "curvePoint", - "cornerRadius": 0, - "curveFrom": "{0, 0.49945593035908598}", - "curveMode": 1, - "curveTo": "{0, 0.49945593035908598}", - "hasCurveFrom": false, - "hasCurveTo": false, - "point": "{0, 0.49945593035908598}", - }, - Object { - "_class": "curvePoint", - "cornerRadius": 0, - "curveFrom": "{0.76500000000000001, 1}", - "curveMode": 1, - "curveTo": "{0.76500000000000001, 1}", - "hasCurveFrom": false, - "hasCurveTo": false, - "point": "{0.76500000000000001, 1}", - }, - Object { - "_class": "curvePoint", - "cornerRadius": 0, - "curveFrom": "{1, 0.84548422198041351}", - "curveMode": 1, - "curveTo": "{1, 0.84548422198041351}", - "hasCurveFrom": false, - "hasCurveTo": false, - "point": "{1, 0.84548422198041351}", - }, - Object { - "_class": "curvePoint", - "cornerRadius": 0, - "curveFrom": "{0.47000000000000003, 0.49945593035908598}", - "curveMode": 1, - "curveTo": "{0.47000000000000003, 0.49945593035908598}", - "hasCurveFrom": false, - "hasCurveTo": false, - "point": "{0.47000000000000003, 0.49945593035908598}", - }, - Object { - "_class": "curvePoint", - "cornerRadius": 0, - "curveFrom": "{1, 0.15342763873775847}", - "curveMode": 1, - "curveTo": "{1, 0.15342763873775847}", - "hasCurveFrom": false, - "hasCurveTo": false, - "point": "{1, 0.15342763873775847}", - }, - Object { - "_class": "curvePoint", - "cornerRadius": 0, - "curveFrom": "{0.76500000000000001, 0}", - "curveMode": 1, - "curveTo": "{0.76500000000000001, 0}", - "hasCurveFrom": false, - "hasCurveTo": false, - "point": "{0.76500000000000001, 0}", - }, - ], - "resizingConstraint": 63, - "resizingType": 0, - "rotation": 0, - "shouldBreakMaskChain": false, - "style": Object { - "_class": "style", - "do_objectID": "3FFD7942-2861-4D05-A5F9-1C0CA468B28D", - "endMarkerType": 0, - "fills": Array [ - Object { - "_class": "fill", - "color": Object { - "_class": "color", - "alpha": 1, - "blue": 0, - "green": 0, - "red": 0, - }, - "fillType": 0, - "isEnabled": true, - "noiseIndex": 0, - "noiseIntensity": 0, - "patternFillType": 1, - "patternTileScale": 1, - }, - ], - "miterLimit": 10, - "startMarkerType": 0, - "windingRule": 0, - }, - }, - Object { - "_class": "shapePath", - "booleanOperation": -1, - "clippingMaskMode": 0, - "do_objectID": "1DA5489F-8149-4456-BD24-9D4368F022BB", - "edited": true, - "exportOptions": Object { - "_class": "exportOptions", - "do_objectID": "4EE3DB54-9D58-48CA-80F4-A2B9CBD3EBCC", - "exportFormats": Array [], - "includedLayerIds": Array [], - "layerOptions": 0, - "shouldTrim": false, - }, - "frame": Object { - "_class": "rect", - "constrainProportions": false, - "do_objectID": "BF82AAFC-5B44-408E-AFC3-6758EDBE946F", - "height": 8.183865898376089, - "width": 5.428571428571439, - "x": 8.14285714285715, - "y": 0, - }, - "hasClippingMask": false, - "isClosed": true, - "isFixedToViewport": false, - "isFlippedHorizontal": false, - "isFlippedVertical": false, - "isLocked": false, - "isVisible": true, - "layerListExpandedType": 0, - "name": "Path", - "nameIsFixed": false, - "pointRadiusBehaviour": 1, - "points": Array [ - Object { - "_class": "curvePoint", - "cornerRadius": 0, - "curveFrom": "{0.23500000000000001, 0}", - "curveMode": 1, - "curveTo": "{0.23500000000000001, 0}", - "hasCurveFrom": false, - "hasCurveTo": false, - "point": "{0.23500000000000001, 0}", - }, - Object { - "_class": "curvePoint", - "cornerRadius": 0, - "curveFrom": "{0, 0.15342763873775847}", - "curveMode": 1, - "curveTo": "{0, 0.15342763873775847}", - "hasCurveFrom": false, - "hasCurveTo": false, - "point": "{0, 0.15342763873775847}", - }, - Object { - "_class": "curvePoint", - "cornerRadius": 0, - "curveFrom": "{0.52999999999999992, 0.49945593035908598}", - "curveMode": 1, - "curveTo": "{0.52999999999999992, 0.49945593035908598}", - "hasCurveFrom": false, - "hasCurveTo": false, - "point": "{0.52999999999999992, 0.49945593035908598}", - }, - Object { - "_class": "curvePoint", - "cornerRadius": 0, - "curveFrom": "{0, 0.84548422198041351}", - "curveMode": 1, - "curveTo": "{0, 0.84548422198041351}", - "hasCurveFrom": false, - "hasCurveTo": false, - "point": "{0, 0.84548422198041351}", - }, - Object { - "_class": "curvePoint", - "cornerRadius": 0, - "curveFrom": "{0.23500000000000001, 1}", - "curveMode": 1, - "curveTo": "{0.23500000000000001, 1}", - "hasCurveFrom": false, - "hasCurveTo": false, - "point": "{0.23500000000000001, 1}", - }, - Object { - "_class": "curvePoint", - "cornerRadius": 0, - "curveFrom": "{1, 0.49945593035908598}", - "curveMode": 1, - "curveTo": "{1, 0.49945593035908598}", - "hasCurveFrom": false, - "hasCurveTo": false, - "point": "{1, 0.49945593035908598}", - }, - Object { - "_class": "curvePoint", - "cornerRadius": 0, - "curveFrom": "{0.23500000000000001, 0}", - "curveMode": 1, - "curveTo": "{0.23500000000000001, 0}", - "hasCurveFrom": false, - "hasCurveTo": false, - "point": "{0.23500000000000001, 0}", - }, - ], - "resizingConstraint": 63, - "resizingType": 0, - "rotation": 0, - "shouldBreakMaskChain": false, - "style": Object { - "_class": "style", - "do_objectID": "3FFD7942-2861-4D05-A5F9-1C0CA468B28D", - "endMarkerType": 0, - "fills": Array [ - Object { - "_class": "fill", - "color": Object { - "_class": "color", - "alpha": 1, - "blue": 0, - "green": 0, - "red": 0, - }, - "fillType": 0, - "isEnabled": true, - "noiseIndex": 0, - "noiseIntensity": 0, - "patternFillType": 1, - "patternTileScale": 1, - }, - ], - "miterLimit": 10, - "startMarkerType": 0, - "windingRule": 0, - }, - }, - Object { - "_class": "shapePath", - "booleanOperation": -1, - "clippingMaskMode": 0, - "do_objectID": "6828215A-D2F3-4ABF-959F-4E50DA32B7D1", - "edited": true, - "exportOptions": Object { - "_class": "exportOptions", - "do_objectID": "C0029C6F-3918-419C-8531-93F6D8157038", - "exportFormats": Array [], - "includedLayerIds": Array [], - "layerOptions": 0, - "shouldTrim": false, - }, - "frame": Object { - "_class": "rect", - "constrainProportions": false, - "do_objectID": "67ABDB12-8791-4D39-BA0F-116714F01F1E", - "height": 9.715557883708692, - "width": 13.19142857142857, - "x": 5.80857142857143, - "y": 7.284442116291251, - }, - "hasClippingMask": false, - "isClosed": true, - "isFixedToViewport": false, - "isFlippedHorizontal": false, - "isFlippedVertical": false, - "isLocked": false, - "isVisible": true, - "layerListExpandedType": 0, - "name": "Path", - "nameIsFixed": false, - "pointRadiusBehaviour": 1, - "points": Array [ - Object { - "_class": "curvePoint", - "cornerRadius": 0, - "curveFrom": "{0.90329218106995879, 0}", - "curveMode": 1, - "curveTo": "{0.90329218106995879, 0}", - "hasCurveFrom": false, - "hasCurveTo": false, - "point": "{0.90329218106995879, 0}", - }, - Object { - "_class": "curvePoint", - "cornerRadius": 0, - "curveFrom": "{0.34842249657064472, 0.74152153987167735}", - "curveMode": 1, - "curveTo": "{0.34842249657064472, 0.74152153987167735}", - "hasCurveFrom": false, - "hasCurveTo": false, - "point": "{0.34842249657064472, 0.74152153987167735}", - }, - Object { - "_class": "curvePoint", - "cornerRadius": 0, - "curveFrom": "{0.096707818930041156, 0.40421631530705776}", - "curveMode": 1, - "curveTo": "{0.096707818930041156, 0.40421631530705776}", - "hasCurveFrom": false, - "hasCurveTo": false, - "point": "{0.096707818930041156, 0.40421631530705776}", - }, - Object { - "_class": "curvePoint", - "cornerRadius": 0, - "curveFrom": "{0, 0.53345554537121909}", - "curveMode": 1, - "curveTo": "{0, 0.53345554537121909}", - "hasCurveFrom": false, - "hasCurveTo": false, - "point": "{0, 0.53345554537121909}", - }, - Object { - "_class": "curvePoint", - "cornerRadius": 0, - "curveFrom": "{0.34842249657064472, 1}", - "curveMode": 1, - "curveTo": "{0.34842249657064472, 1}", - "hasCurveFrom": false, - "hasCurveTo": false, - "point": "{0.34842249657064472, 1}", - }, - Object { - "_class": "curvePoint", - "cornerRadius": 0, - "curveFrom": "{1, 0.12923923006416133}", - "curveMode": 1, - "curveTo": "{1, 0.12923923006416133}", - "hasCurveFrom": false, - "hasCurveTo": false, - "point": "{1, 0.12923923006416133}", - }, - ], - "resizingConstraint": 63, - "resizingType": 0, - "rotation": 0, - "shouldBreakMaskChain": false, - "style": Object { - "_class": "style", - "do_objectID": "3FFD7942-2861-4D05-A5F9-1C0CA468B28D", - "endMarkerType": 0, - "fills": Array [ - Object { - "_class": "fill", - "color": Object { - "_class": "color", - "alpha": 1, - "blue": 0, - "green": 0, - "red": 0, - }, - "fillType": 0, - "isEnabled": true, - "noiseIndex": 0, - "noiseIntensity": 0, - "patternFillType": 1, - "patternTileScale": 1, - }, - ], - "miterLimit": 10, - "startMarkerType": 0, - "windingRule": 0, - }, - }, - ], - "name": "Mask", - "nameIsFixed": false, - "resizingConstraint": 63, - "resizingType": 0, - "rotation": 0, - "shouldBreakMaskChain": false, - "style": Object { - "_class": "style", - "do_objectID": "3FFD7942-2861-4D05-A5F9-1C0CA468B28D", - "endMarkerType": 0, - "fills": Array [ - Object { - "_class": "fill", - "color": Object { - "_class": "color", - "alpha": 1, - "blue": 0, - "green": 0, - "red": 0, - }, - "fillType": 0, - "isEnabled": true, - "noiseIndex": 0, - "noiseIntensity": 0, - "patternFillType": 1, - "patternTileScale": 1, - }, - ], - "miterLimit": 10, - "startMarkerType": 0, - "windingRule": 0, - }, - "windingRule": 0, - }, - ], - "name": "primitives/color/green", - "nameIsFixed": false, - "resizingConstraint": 63, - "resizingType": 0, - "rotation": 0, - "shouldBreakMaskChain": false, - "style": Object { - "_class": "style", - "endMarkerType": 0, - "miterLimit": 10, - "startMarkerType": 0, - "windingRule": 1, - }, - }, - ], - "name": "icons/level2/code-check", - "nameIsFixed": false, - "overrideProperties": Array [], - "resizesContent": false, - "resizingConstraint": 63, - "resizingType": 0, - "rotation": 0, - "shouldBreakMaskChain": true, - "style": Object { - "_class": "style", - "endMarkerType": 0, - "miterLimit": 10, - "startMarkerType": 0, - "windingRule": 1, - }, - "symbolID": "D0CF42E7-14DF-4B59-B04C-FEA4C2A190D3", - "verticalRulerData": Object { - "_class": "rulerData", - "base": 0, - "guides": Array [], - }, - }, - Object { - "_class": "artboard", - "backgroundColor": Object { - "_class": "color", - "alpha": 1, - "blue": 1, - "green": 1, - "red": 1, - }, - "booleanOperation": -1, - "clippingMaskMode": 0, - "do_objectID": "317631A9-D13A-4970-A1D0-ECDBDA67A42D", - "exportOptions": Object { - "_class": "exportOptions", - "exportFormats": Array [], - "includedLayerIds": Array [], - "layerOptions": 0, - "shouldTrim": false, - }, - "frame": Object { - "_class": "rect", - "constrainProportions": false, - "height": 18, - "width": 81, - "x": 759, - "y": 532, - }, - "groupLayout": Object { - "_class": "MSImmutableFreeformGroupLayout", - }, - "hasBackgroundColor": false, - "hasClickThrough": true, - "hasClippingMask": false, - "horizontalRulerData": Object { - "_class": "rulerData", - "base": 0, - "guides": Array [], - }, - "includeBackgroundColorInExport": true, - "includeInCloudUpload": true, - "isFixedToViewport": false, - "isFlippedHorizontal": false, - "isFlippedVertical": false, - "isFlowHome": false, - "isLocked": false, - "isVisible": true, - "layerListExpandedType": 0, - "layers": Array [ - Object { - "_class": "text", - "attributedString": Object { - "_class": "attributedString", - "attributes": Array [ - Object { - "_class": "stringAttribute", - "attributes": Object { - "MSAttributedStringColorAttribute": Object { - "_class": "color", - "alpha": 1, - "blue": 0, - "green": 0, - "red": 0, - }, - "MSAttributedStringFontAttribute": Object { - "_class": "fontDescriptor", - "attributes": Object { - "name": "FiraSans-Book", - "size": 18, - }, - }, - "paragraphStyle": Object { - "_class": "paragraphStyle", - }, - "textStyleVerticalAlignmentKey": 0, - }, - "length": 9, - "location": 0, - }, - ], - "string": "Paragraph", - }, - "automaticallyDrawOnUnderlyingPath": false, - "booleanOperation": -1, - "clippingMaskMode": 0, - "do_objectID": "44DEAE0E-141D-4E5D-B758-CB2B3DF6B3FC", - "dontSynchroniseWithSymbol": false, - "exportOptions": Object { - "_class": "exportOptions", - "do_objectID": "AA0DD762-AF96-4952-8884-94BE19BFD420", - "exportFormats": Array [], - "includedLayerIds": Array [], - "layerOptions": 0, - "shouldTrim": false, - }, - "frame": Object { - "_class": "rect", - "constrainProportions": false, - "do_objectID": "6189A98B-762C-4F33-BEE7-4D8AD5D0F9AA", - "height": 22, - "width": 115, - "x": -1, - "y": -3, - }, - "glyphBounds": "{{1, 3}, {81, 18}}", - "hasClippingMask": false, - "isFixedToViewport": false, - "isFlippedHorizontal": false, - "isFlippedVertical": false, - "isLocked": false, - "isVisible": true, - "layerListExpandedType": 0, - "lineSpacingBehaviour": 2, - "name": "Paragraph", - "nameIsFixed": false, - "resizingConstraint": 63, - "resizingType": 0, - "rotation": 0, - "sharedStyleID": "FEF84709-9700-4E73-88BF-4953F0A3D36F", - "shouldBreakMaskChain": false, - "style": Object { - "_class": "style", - "do_objectID": "891CED1B-5C83-4CEF-9835-C3A1DEB80269", - "endMarkerType": 0, - "miterLimit": 10, - "startMarkerType": 0, - "textStyle": Object { - "_class": "textStyle", - "encodedAttributes": Object { - "MSAttributedStringColorAttribute": Object { - "_class": "color", - "alpha": 1, - "blue": 0, - "green": 0, - "red": 0, - }, - "MSAttributedStringFontAttribute": Object { - "_class": "fontDescriptor", - "attributes": Object { - "name": "FiraSans-Book", - "size": 18, - }, - }, - "paragraphStyle": Object { - "_class": "paragraphStyle", - }, - "textStyleVerticalAlignmentKey": 0, - }, - "verticalAlignment": 0, - }, - "windingRule": 1, - }, - "textBehaviour": 1, - }, - ], - "name": "textstyle/paragraph", - "nameIsFixed": true, - "resizesContent": false, - "resizingConstraint": 63, - "resizingType": 0, - "rotation": 0, - "shouldBreakMaskChain": true, - "style": Object { - "_class": "style", - "endMarkerType": 0, - "miterLimit": 10, - "startMarkerType": 0, - "windingRule": 1, - }, - "verticalRulerData": Object { - "_class": "rulerData", - "base": 0, - "guides": Array [], - }, - }, - Object { - "_class": "artboard", - "backgroundColor": Object { - "_class": "color", - "alpha": 1, - "blue": 1, - "do_objectID": "CD6F807F-FA5B-4467-868D-8E4EEDABCB6F", - "green": 1, - "red": 1, - }, - "booleanOperation": -1, - "clippingMaskMode": 0, - "do_objectID": "2A91FC83-C952-4FA9-9AB7-3B847F23A2CB", - "exportOptions": Object { - "_class": "exportOptions", - "do_objectID": "F4FEFF05-F822-4E24-88AD-11E730CB1125", - "exportFormats": Array [], - "includedLayerIds": Array [], - "layerOptions": 0, - "shouldTrim": false, - }, - "frame": Object { - "_class": "rect", - "constrainProportions": false, - "do_objectID": "51C923DE-D7EF-49C6-9208-CB90B0ADDD66", - "height": 12, - "width": 43, - "x": 758, - "y": 565, - }, - "groupLayout": Object { - "_class": "MSImmutableFreeformGroupLayout", - "do_objectID": "F7A378A7-6FD3-4F4D-A973-001889C51BBE", - }, - "hasBackgroundColor": false, - "hasClickThrough": false, - "hasClippingMask": false, - "horizontalRulerData": Object { - "_class": "rulerData", - "base": 0, - "do_objectID": "C7B9EAF6-4D0E-4023-9130-79540D1B407A", - "guides": Array [], - }, - "includeBackgroundColorInExport": true, - "includeInCloudUpload": true, - "isFixedToViewport": false, - "isFlippedHorizontal": false, - "isFlippedVertical": false, - "isFlowHome": false, - "isLocked": false, - "isVisible": true, - "layerListExpandedType": 0, - "layers": Array [ - Object { - "_class": "text", - "attributedString": Object { - "_class": "attributedString", - "attributes": Array [ - Object { - "_class": "stringAttribute", - "attributes": Object { - "MSAttributedStringColorAttribute": Object { - "_class": "color", - "alpha": 1, - "blue": 0.7300158514492754, - "green": 0.7300158514492754, - "red": 0.7300158514492754, - }, - "MSAttributedStringFontAttribute": Object { - "_class": "fontDescriptor", - "attributes": Object { - "name": "Helvetica-Bold", - "size": 14, - }, - }, - "kerning": 0.6000000238418579, - "paragraphStyle": Object { - "_class": "paragraphStyle", - }, - "textStyleVerticalAlignmentKey": 0, - }, - "length": 4, - "location": 0, - }, - Object { - "_class": "stringAttribute", - "attributes": Object { - "MSAttributedStringColorAttribute": Object { - "_class": "color", - "alpha": 1, - "blue": 0.7300158514492754, - "green": 0.7300158514492754, - "red": 0.7300158514492754, - }, - "MSAttributedStringFontAttribute": Object { - "_class": "fontDescriptor", - "attributes": Object { - "name": "Helvetica-Bold", - "size": 14, - }, - }, - "kerning": 0, - "paragraphStyle": Object { - "_class": "paragraphStyle", - }, - "textStyleVerticalAlignmentKey": 0, - }, - "length": 1, - "location": 4, - }, - ], - "string": "Quote", - }, - "automaticallyDrawOnUnderlyingPath": false, - "booleanOperation": -1, - "clippingMaskMode": 0, - "do_objectID": "4468ABF8-2F2B-444C-91D6-14C18C4520C6", - "dontSynchroniseWithSymbol": false, - "exportOptions": Object { - "_class": "exportOptions", - "do_objectID": "E55B6ED9-1524-4F52-BE1C-616C660CE6FF", - "exportFormats": Array [], - "includedLayerIds": Array [], - "layerOptions": 0, - "shouldTrim": false, - }, - "frame": Object { - "_class": "rect", - "constrainProportions": false, - "do_objectID": "CE3E5784-2A6E-4B9B-9F3B-88E09E50ED50", - "height": 17, - "width": 69, - "x": 0, - "y": -3, - }, - "glyphBounds": "{{0, 3}, {43, 12}}", - "hasClippingMask": false, - "isFixedToViewport": false, - "isFlippedHorizontal": false, - "isFlippedVertical": false, - "isLocked": false, - "isVisible": true, - "layerListExpandedType": 0, - "lineSpacingBehaviour": 2, - "name": "Quote", - "nameIsFixed": false, - "resizingConstraint": 63, - "resizingType": 0, - "rotation": 0, - "sharedStyleID": "5BDEB3A7-2D72-47B3-98E1-63F84C614891", - "shouldBreakMaskChain": false, - "style": Object { - "_class": "style", - "do_objectID": "AA7FFA64-0967-4B71-AAD2-669947C071A8", - "endMarkerType": 0, - "miterLimit": 10, - "startMarkerType": 0, - "textStyle": Object { - "_class": "textStyle", - "encodedAttributes": Object { - "MSAttributedStringColorAttribute": Object { - "_class": "color", - "alpha": 1, - "blue": 0.7300158514492754, - "green": 0.7300158514492754, - "red": 0.7300158514492754, - }, - "MSAttributedStringFontAttribute": Object { - "_class": "fontDescriptor", - "attributes": Object { - "name": "Helvetica-Bold", - "size": 14, - }, - }, - "kerning": 0.6000000238418579, - "paragraphStyle": Object { - "_class": "paragraphStyle", - }, - "textStyleVerticalAlignmentKey": 0, - }, - "verticalAlignment": 0, - }, - "windingRule": 1, - }, - "textBehaviour": 1, - }, - ], - "name": "textstyle/quote", - "nameIsFixed": true, - "resizesContent": false, - "resizingConstraint": 63, - "resizingType": 0, - "rotation": 0, - "shouldBreakMaskChain": true, - "style": Object { - "_class": "style", - "do_objectID": "DB62187D-C4BD-4260-BB66-59DEFAF9AF0E", - "endMarkerType": 0, - "miterLimit": 10, - "startMarkerType": 0, - "windingRule": 1, - }, - "verticalRulerData": Object { - "_class": "rulerData", - "base": 0, - "do_objectID": "3FBAA4E9-89D9-42B8-863E-A94E43A2D6A7", - "guides": Array [], - }, - }, - Object { - "_class": "artboard", - "backgroundColor": Object { - "_class": "color", - "alpha": 1, - "blue": 1, - "green": 1, - "red": 1, - }, - "booleanOperation": -1, - "clippingMaskMode": 0, - "do_objectID": "8317C424-64FA-4C48-9E89-29DF31564F0B", - "exportOptions": Object { - "_class": "exportOptions", - "exportFormats": Array [], - "includedLayerIds": Array [], - "layerOptions": 0, - "shouldTrim": false, - }, - "frame": Object { - "_class": "rect", - "constrainProportions": false, - "height": 37, - "width": 157, - "x": 759, - "y": 478, - }, - "groupLayout": Object { - "_class": "MSImmutableFreeformGroupLayout", - }, - "hasBackgroundColor": false, - "hasClickThrough": true, - "hasClippingMask": false, - "horizontalRulerData": Object { - "_class": "rulerData", - "base": 0, - "guides": Array [], - }, - "includeBackgroundColorInExport": true, - "includeInCloudUpload": true, - "isFixedToViewport": false, - "isFlippedHorizontal": false, - "isFlippedVertical": false, - "isFlowHome": false, - "isLocked": false, - "isVisible": true, - "layerListExpandedType": 0, - "layers": Array [ - Object { - "_class": "text", - "attributedString": Object { - "_class": "attributedString", - "attributes": Array [ - Object { - "_class": "stringAttribute", - "attributes": Object { - "MSAttributedStringColorAttribute": Object { - "_class": "color", - "alpha": 1, - "blue": 0.6235294117647059, - "green": 0.02352941176470588, - "red": 0.06274509803921553, - }, - "MSAttributedStringFontAttribute": Object { - "_class": "fontDescriptor", - "attributes": Object { - "name": "FiraSans-Regular", - "size": 36, - }, - }, - "paragraphStyle": Object { - "_class": "paragraphStyle", - }, - "textStyleVerticalAlignmentKey": 0, - }, - "length": 9, - "location": 0, - }, - ], - "string": "Heading 2", - }, - "automaticallyDrawOnUnderlyingPath": false, - "booleanOperation": -1, - "clippingMaskMode": 0, - "do_objectID": "1C30D3CB-50A7-4C20-AC43-7CBF9F0728E6", - "dontSynchroniseWithSymbol": false, - "exportOptions": Object { - "_class": "exportOptions", - "do_objectID": "AA00E744-739C-4153-9C17-59110FAD11DC", - "exportFormats": Array [], - "includedLayerIds": Array [], - "layerOptions": 0, - "shouldTrim": false, - }, - "frame": Object { - "_class": "rect", - "constrainProportions": false, - "do_objectID": "13BBD771-81DC-4048-9814-B894502524BA", - "height": 44, - "width": 224, - "x": -3, - "y": -5, - }, - "glyphBounds": "{{3, 5}, {158, 37}}", - "hasClippingMask": false, - "isFixedToViewport": false, - "isFlippedHorizontal": false, - "isFlippedVertical": false, - "isLocked": false, - "isVisible": true, - "layerListExpandedType": 0, - "lineSpacingBehaviour": 2, - "name": "Heading 2", - "nameIsFixed": false, - "resizingConstraint": 63, - "resizingType": 0, - "rotation": 0, - "sharedStyleID": "D52C375A-E594-4F72-BE07-AA91CD1772DA", - "shouldBreakMaskChain": false, - "style": Object { - "_class": "style", - "do_objectID": "D741458A-786A-4F9F-9363-1C655AAF56E8", - "endMarkerType": 0, - "miterLimit": 10, - "startMarkerType": 0, - "textStyle": Object { - "_class": "textStyle", - "encodedAttributes": Object { - "MSAttributedStringColorAttribute": Object { - "_class": "color", - "alpha": 1, - "blue": 0.6235294117647059, - "green": 0.02352941176470588, - "red": 0.06274509803921553, - }, - "MSAttributedStringFontAttribute": Object { - "_class": "fontDescriptor", - "attributes": Object { - "name": "FiraSans-Regular", - "size": 36, - }, - }, - "paragraphStyle": Object { - "_class": "paragraphStyle", - }, - "textStyleVerticalAlignmentKey": 0, - }, - "verticalAlignment": 0, - }, - "windingRule": 1, - }, - "textBehaviour": 1, - }, - ], - "name": "textstyle/heading2", - "nameIsFixed": true, - "resizesContent": false, - "resizingConstraint": 63, - "resizingType": 0, - "rotation": 0, - "shouldBreakMaskChain": true, - "style": Object { - "_class": "style", - "endMarkerType": 0, - "miterLimit": 10, - "startMarkerType": 0, - "windingRule": 1, - }, - "verticalRulerData": Object { - "_class": "rulerData", - "base": 0, - "guides": Array [], - }, - }, - Object { - "_class": "artboard", - "backgroundColor": Object { - "_class": "color", - "alpha": 1, - "blue": 1, - "green": 1, - "red": 1, - }, - "booleanOperation": -1, - "clippingMaskMode": 0, - "do_objectID": "CB6340A7-7A9B-4B4B-BE91-E9488AEA7893", - "exportOptions": Object { - "_class": "exportOptions", - "exportFormats": Array [], - "includedLayerIds": Array [], - "layerOptions": 0, - "shouldTrim": false, - }, - "frame": Object { - "_class": "rect", - "constrainProportions": false, - "height": 52, - "width": 228, - "x": 759, - "y": 408, - }, - "groupLayout": Object { - "_class": "MSImmutableFreeformGroupLayout", - }, - "hasBackgroundColor": false, - "hasClickThrough": true, - "hasClippingMask": false, - "horizontalRulerData": Object { - "_class": "rulerData", - "base": 0, - "guides": Array [], - }, - "includeBackgroundColorInExport": true, - "includeInCloudUpload": true, - "isFixedToViewport": false, - "isFlippedHorizontal": false, - "isFlippedVertical": false, - "isFlowHome": false, - "isLocked": false, - "isVisible": true, - "layerListExpandedType": 0, - "layers": Array [ - Object { - "_class": "text", - "attributedString": Object { - "_class": "attributedString", - "attributes": Array [ - Object { - "_class": "stringAttribute", - "attributes": Object { - "MSAttributedStringColorAttribute": Object { - "_class": "color", - "alpha": 1, - "blue": 0.6235294117647059, - "green": 0.02352941176470588, - "red": 0.06274509803921553, - }, - "MSAttributedStringFontAttribute": Object { - "_class": "fontDescriptor", - "attributes": Object { - "name": "FiraSans-Bold", - "size": 48, - }, - }, - "paragraphStyle": Object { - "_class": "paragraphStyle", - "maximumLineHeight": 57.59999847412109, - "minimumLineHeight": 57.59999847412109, - }, - "textStyleVerticalAlignmentKey": 0, - }, - "length": 9, - "location": 0, - }, - ], - "string": "Heading 1", - }, - "automaticallyDrawOnUnderlyingPath": false, - "booleanOperation": -1, - "clippingMaskMode": 0, - "do_objectID": "670BF7AC-7C4B-439D-BA15-50EBEB7FBE40", - "dontSynchroniseWithSymbol": false, - "exportOptions": Object { - "_class": "exportOptions", - "exportFormats": Array [], - "includedLayerIds": Array [], - "layerOptions": 0, - "shouldTrim": false, - }, - "frame": Object { - "_class": "rect", - "constrainProportions": false, - "height": 57.59999847412109, - "width": 216, - "x": -3, - "y": -6, - }, - "glyphBounds": "{{3, 5}, {209, 51}}", - "hasClippingMask": false, - "isFixedToViewport": false, - "isFlippedHorizontal": false, - "isFlippedVertical": false, - "isLocked": false, - "isVisible": true, - "layerListExpandedType": 0, - "lineSpacingBehaviour": 2, - "name": "Heading 1", - "nameIsFixed": false, - "resizingConstraint": 63, - "resizingType": 0, - "rotation": 0, - "sharedStyleID": "AE67B98F-F8FC-4899-BCE1-A1766049BD9C", - "shouldBreakMaskChain": false, - "style": Object { - "_class": "style", - "do_objectID": "F70C8639-63E4-4A73-8A57-132D087CF23D", - "endMarkerType": 0, - "miterLimit": 10, - "startMarkerType": 0, - "textStyle": Object { - "_class": "textStyle", - "encodedAttributes": Object { - "MSAttributedStringColorAttribute": Object { - "_class": "color", - "alpha": 1, - "blue": 0.6235294117647059, - "green": 0.02352941176470588, - "red": 0.06274509803921553, - }, - "MSAttributedStringFontAttribute": Object { - "_class": "fontDescriptor", - "attributes": Object { - "name": "FiraSans-Bold", - "size": 48, - }, - }, - "paragraphStyle": Object { - "_class": "paragraphStyle", - "maximumLineHeight": 57.59999847412109, - "minimumLineHeight": 57.59999847412109, - }, - "textStyleVerticalAlignmentKey": 0, - }, - "verticalAlignment": 0, - }, - "windingRule": 1, - }, - "textBehaviour": 1, - }, - ], - "name": "textstyle/heading1", - "nameIsFixed": true, - "resizesContent": false, - "resizingConstraint": 63, - "resizingType": 0, - "rotation": 0, - "shouldBreakMaskChain": true, - "style": Object { - "_class": "style", - "endMarkerType": 0, - "miterLimit": 10, - "startMarkerType": 0, - "windingRule": 1, - }, - "verticalRulerData": Object { - "_class": "rulerData", - "base": 0, - "guides": Array [], - }, - }, - Object { - "_class": "symbolMaster", - "allowsOverrides": true, - "backgroundColor": Object { - "_class": "color", - "alpha": 1, - "blue": 1, - "do_objectID": "BF299977-C2CA-49D5-AB5C-77899BEBFE73", - "green": 1, - "red": 1, - }, - "booleanOperation": 0, - "changeIdentifier": 1339, - "clippingMaskMode": 0, - "do_objectID": "82EFA1FE-7BA8-4C82-AC70-1903A67AD3C6", - "exportOptions": Object { - "_class": "exportOptions", - "do_objectID": "F5907538-80C2-4358-9944-70025CF6D9CF", - "exportFormats": Array [], - "includedLayerIds": Array [], - "layerOptions": 0, - "shouldTrim": false, - }, - "frame": Object { - "_class": "rect", - "constrainProportions": false, - "do_objectID": "CE3F6791-45D4-499A-B3E0-4D4E6E13F9CC", - "height": 24, - "width": 24, - "x": 1064, - "y": 407, - }, - "groupLayout": Object { - "_class": "MSImmutableFreeformGroupLayout", - }, - "hasBackgroundColor": false, - "hasClickThrough": true, - "hasClippingMask": false, - "horizontalRulerData": Object { - "_class": "rulerData", - "base": 0, - "do_objectID": "C0795695-65C8-498A-932D-CD1FE9AE1378", - "guides": Array [], - }, - "includeBackgroundColorInExport": true, - "includeBackgroundColorInInstance": false, - "includeInCloudUpload": true, - "isFixedToViewport": false, - "isFlippedHorizontal": false, - "isFlippedVertical": false, - "isFlowHome": false, - "isLocked": false, - "isVisible": true, - "layerListExpandedType": 2, - "layers": Array [ - Object { - "_class": "rectangle", - "booleanOperation": -1, - "clippingMaskMode": 0, - "do_objectID": "EA9EFCA8-685A-42E9-AD2C-E72C00705C93", - "edited": false, - "exportOptions": Object { - "_class": "exportOptions", - "do_objectID": "51261A8F-5341-498B-BAB4-DD37CA352157", - "exportFormats": Array [], - "includedLayerIds": Array [], - "layerOptions": 0, - "shouldTrim": false, - }, - "fixedRadius": 0, - "frame": Object { - "_class": "rect", - "constrainProportions": false, - "height": 24, - "width": 24, - "x": 0, - "y": 0, - }, - "hasClippingMask": false, - "hasConvertedToNewRoundCorners": true, - "isClosed": true, - "isFixedToViewport": false, - "isFlippedHorizontal": false, - "isFlippedVertical": false, - "isLocked": false, - "isVisible": true, - "layerListExpandedType": 1, - "name": "gray-dark", - "nameIsFixed": true, - "pointRadiusBehaviour": 1, - "points": Array [ - Object { - "_class": "curvePoint", - "cornerRadius": 0, - "curveFrom": "{0, 0}", - "curveMode": 1, - "curveTo": "{0, 0}", - "hasCurveFrom": false, - "hasCurveTo": false, - "point": "{0, 0}", - }, - Object { - "_class": "curvePoint", - "cornerRadius": 0, - "curveFrom": "{1, 0}", - "curveMode": 1, - "curveTo": "{1, 0}", - "hasCurveFrom": false, - "hasCurveTo": false, - "point": "{1, 0}", - }, - Object { - "_class": "curvePoint", - "cornerRadius": 0, - "curveFrom": "{1, 1}", - "curveMode": 1, - "curveTo": "{1, 1}", - "hasCurveFrom": false, - "hasCurveTo": false, - "point": "{1, 1}", - }, - Object { - "_class": "curvePoint", - "cornerRadius": 0, - "curveFrom": "{0, 1}", - "curveMode": 1, - "curveTo": "{0, 1}", - "hasCurveFrom": false, - "hasCurveTo": false, - "point": "{0, 1}", - }, - ], - "resizingConstraint": 63, - "resizingType": 0, - "rotation": 0, - "shouldBreakMaskChain": false, - "style": Object { - "_class": "style", - "borders": Array [ - Object { - "_class": "border", - "color": Object { - "_class": "color", - "alpha": 1, - "blue": 0.592, - "green": 0.592, - "red": 0.592, - }, - "fillType": 0, - "isEnabled": false, - "position": 1, - "thickness": 1, - }, - ], - "do_objectID": "AAD466E9-A3CB-4162-993C-B0F4EC4B7211", - "endMarkerType": 0, - "fills": Array [ - Object { - "_class": "fill", - "color": Object { - "_class": "color", - "alpha": 1, - "blue": 0.9019607843137255, - "green": 0.7607843137254903, - "red": 0.3725490196078432, - }, - "fillType": 0, - "isEnabled": true, - "noiseIndex": 0, - "noiseIntensity": 0, - "patternFillType": 1, - "patternTileScale": 1, - }, - ], - "miterLimit": 10, - "startMarkerType": 0, - "windingRule": 1, - }, - "userInfo": Object { - "com.animaapp.stc-sketch-plugin": Object { - "kModelPropertiesKey": Object {}, - }, - }, - }, - ], - "layout": Object { - "_class": "layoutGrid", - "columnWidth": 1, - "do_objectID": "60D28964-0F03-4D25-A39B-133B5C1CB908", - "drawHorizontal": true, - "drawHorizontalLines": false, - "drawVertical": false, - "gutterHeight": 8, - "gutterWidth": 86.18181818181819, - "guttersOutside": false, - "horizontalOffset": 0, - "isEnabled": false, - "numberOfColumns": 12, - "rowHeightMultiplication": 1, - "totalWidth": 960, - }, - "name": "primitives/color/primary/900", - "nameIsFixed": true, - "overrideProperties": Array [], - "resizesContent": false, - "resizingConstraint": 63, - "resizingType": 0, - "rotation": 0, - "shouldBreakMaskChain": true, - "style": Object { - "_class": "style", - "do_objectID": "5CFE40CE-98BC-4D6B-BEE3-CD6D67441C52", - "endMarkerType": 0, - "miterLimit": 10, - "startMarkerType": 0, - "windingRule": 1, - }, - "symbolID": "C6FA1CFA-1B11-476C-B4D5-B5EE7AB28EB1", - "userInfo": Object { - "com.animaapp.stc-sketch-plugin": Object { - "kModelPropertiesKey": Object {}, - }, - }, - "verticalRulerData": Object { - "_class": "rulerData", - "base": 0, - "do_objectID": "664C0B55-039B-411A-B335-52FC0C88525E", - "guides": Array [], - }, - }, - Object { - "_class": "symbolMaster", - "allowsOverrides": true, - "backgroundColor": Object { - "_class": "color", - "alpha": 1, - "blue": 1, - "do_objectID": "F3C16BB3-0913-47F6-8E6E-0B4220789637", - "green": 1, - "red": 1, - }, - "booleanOperation": 0, - "changeIdentifier": 1488, - "clippingMaskMode": 0, - "do_objectID": "B108EDF7-3A0F-4115-A60F-840047FBB34C", - "exportOptions": Object { - "_class": "exportOptions", - "do_objectID": "95C4CD68-CA61-4C49-B739-3FCAACD1BD3F", - "exportFormats": Array [], - "includedLayerIds": Array [], - "layerOptions": 0, - "shouldTrim": false, - }, - "frame": Object { - "_class": "rect", - "constrainProportions": false, - "do_objectID": "77E75BB1-348D-498A-8A3F-3BB766E41435", - "height": 24, - "width": 24, - "x": 1064, - "y": 445, - }, - "groupLayout": Object { - "_class": "MSImmutableFreeformGroupLayout", - }, - "hasBackgroundColor": false, - "hasClickThrough": true, - "hasClippingMask": false, - "horizontalRulerData": Object { - "_class": "rulerData", - "base": 0, - "do_objectID": "8C236B0B-2A41-49C8-A50E-8F0226D5CC2F", - "guides": Array [], - }, - "includeBackgroundColorInExport": true, - "includeBackgroundColorInInstance": false, - "includeInCloudUpload": true, - "isFixedToViewport": false, - "isFlippedHorizontal": false, - "isFlippedVertical": false, - "isFlowHome": false, - "isLocked": false, - "isVisible": true, - "layerListExpandedType": 2, - "layers": Array [ - Object { - "_class": "rectangle", - "booleanOperation": -1, - "clippingMaskMode": 0, - "do_objectID": "D834881A-C61F-47E4-B86C-31D0F1E910A3", - "edited": false, - "exportOptions": Object { - "_class": "exportOptions", - "do_objectID": "91770B41-9E6F-448F-86FF-D4D23F5080A5", - "exportFormats": Array [], - "includedLayerIds": Array [], - "layerOptions": 0, - "shouldTrim": false, - }, - "fixedRadius": 0, - "frame": Object { - "_class": "rect", - "constrainProportions": false, - "height": 24, - "width": 24, - "x": 0, - "y": 0, - }, - "hasClippingMask": false, - "hasConvertedToNewRoundCorners": true, - "isClosed": true, - "isFixedToViewport": false, - "isFlippedHorizontal": false, - "isFlippedVertical": false, - "isLocked": false, - "isVisible": true, - "layerListExpandedType": 1, - "name": "gray-dark", - "nameIsFixed": true, - "pointRadiusBehaviour": 1, - "points": Array [ - Object { - "_class": "curvePoint", - "cornerRadius": 0, - "curveFrom": "{0, 0}", - "curveMode": 1, - "curveTo": "{0, 0}", - "hasCurveFrom": false, - "hasCurveTo": false, - "point": "{0, 0}", - }, - Object { - "_class": "curvePoint", - "cornerRadius": 0, - "curveFrom": "{1, 0}", - "curveMode": 1, - "curveTo": "{1, 0}", - "hasCurveFrom": false, - "hasCurveTo": false, - "point": "{1, 0}", - }, - Object { - "_class": "curvePoint", - "cornerRadius": 0, - "curveFrom": "{1, 1}", - "curveMode": 1, - "curveTo": "{1, 1}", - "hasCurveFrom": false, - "hasCurveTo": false, - "point": "{1, 1}", - }, - Object { - "_class": "curvePoint", - "cornerRadius": 0, - "curveFrom": "{0, 1}", - "curveMode": 1, - "curveTo": "{0, 1}", - "hasCurveFrom": false, - "hasCurveTo": false, - "point": "{0, 1}", - }, - ], - "resizingConstraint": 63, - "resizingType": 0, - "rotation": 0, - "shouldBreakMaskChain": false, - "style": Object { - "_class": "style", - "borders": Array [ - Object { - "_class": "border", - "color": Object { - "_class": "color", - "alpha": 1, - "blue": 0.592, - "green": 0.592, - "red": 0.592, - }, - "fillType": 0, - "isEnabled": false, - "position": 1, - "thickness": 1, - }, - ], - "do_objectID": "2BB2B3FB-4711-4620-8E0C-F22CDE5ACE93", - "endMarkerType": 0, - "fills": Array [ - Object { - "_class": "fill", - "color": Object { - "_class": "color", - "alpha": 1, - "blue": 0.8196078431372549, - "green": 0.7568627450980392, - "red": 0.3686274509803922, - }, - "fillType": 0, - "isEnabled": true, - "noiseIndex": 0, - "noiseIntensity": 0, - "patternFillType": 1, - "patternTileScale": 1, - }, - ], - "miterLimit": 10, - "startMarkerType": 0, - "windingRule": 1, - }, - "userInfo": Object { - "com.animaapp.stc-sketch-plugin": Object { - "kModelPropertiesKey": Object {}, - }, - }, - }, - ], - "layout": Object { - "_class": "layoutGrid", - "columnWidth": 1, - "do_objectID": "C0D0AD34-B4B8-49B2-8A3E-4ACF665B625D", - "drawHorizontal": true, - "drawHorizontalLines": false, - "drawVertical": false, - "gutterHeight": 8, - "gutterWidth": 86.18181818181819, - "guttersOutside": false, - "horizontalOffset": 0, - "isEnabled": false, - "numberOfColumns": 12, - "rowHeightMultiplication": 1, - "totalWidth": 960, - }, - "name": "primitives/color/primary/800", - "nameIsFixed": true, - "overrideProperties": Array [], - "resizesContent": false, - "resizingConstraint": 63, - "resizingType": 0, - "rotation": 0, - "shouldBreakMaskChain": true, - "style": Object { - "_class": "style", - "do_objectID": "D59BE9D1-08FC-4ECA-9426-8FE55011760A", - "endMarkerType": 0, - "miterLimit": 10, - "startMarkerType": 0, - "windingRule": 1, - }, - "symbolID": "342CE026-D420-4F04-974E-63DB2EF62F88", - "userInfo": Object { - "com.animaapp.stc-sketch-plugin": Object { - "kModelPropertiesKey": Object {}, - }, - }, - "verticalRulerData": Object { - "_class": "rulerData", - "base": 0, - "do_objectID": "F8360F4F-46C6-4A40-8010-8A14F00E13B0", - "guides": Array [], - }, - }, - Object { - "_class": "symbolMaster", - "allowsOverrides": true, - "backgroundColor": Object { - "_class": "color", - "alpha": 1, - "blue": 1, - "do_objectID": "F5585BBC-6D87-49E5-A377-78881ADD2A5E", - "green": 1, - "red": 1, - }, - "booleanOperation": 0, - "changeIdentifier": 1533, - "clippingMaskMode": 0, - "do_objectID": "E1B2AFC3-91FE-41D7-AB56-BCC34278AAA9", - "exportOptions": Object { - "_class": "exportOptions", - "do_objectID": "B2D56588-0926-446C-B705-B594EC0B1CFE", - "exportFormats": Array [], - "includedLayerIds": Array [], - "layerOptions": 0, - "shouldTrim": false, - }, - "frame": Object { - "_class": "rect", - "constrainProportions": false, - "do_objectID": "030FA0C8-E491-40DF-BD8B-6BCD7419666F", - "height": 24, - "width": 24, - "x": 1064, - "y": 488, - }, - "grid": Object { - "_class": "simpleGrid", - "do_objectID": "296E194A-096B-4544-9479-2EB3C90BA24B", - "gridSize": 20, - "isEnabled": false, - "thickGridTimes": 10, - }, - "groupLayout": Object { - "_class": "MSImmutableFreeformGroupLayout", - }, - "hasBackgroundColor": false, - "hasClickThrough": true, - "hasClippingMask": false, - "horizontalRulerData": Object { - "_class": "rulerData", - "base": 0, - "do_objectID": "5B82B7E5-2E91-4574-8F81-0CF1D22E423F", - "guides": Array [], - }, - "includeBackgroundColorInExport": true, - "includeBackgroundColorInInstance": false, - "includeInCloudUpload": true, - "isFixedToViewport": false, - "isFlippedHorizontal": false, - "isFlippedVertical": false, - "isFlowHome": false, - "isLocked": false, - "isVisible": true, - "layerListExpandedType": 2, - "layers": Array [ - Object { - "_class": "rectangle", - "booleanOperation": -1, - "clippingMaskMode": 0, - "do_objectID": "9B08202B-2868-45A8-B0FF-E459FBC2C1E4", - "edited": false, - "exportOptions": Object { - "_class": "exportOptions", - "do_objectID": "4E3E81CF-266A-4DEE-8C32-CA24EF29A480", - "exportFormats": Array [], - "includedLayerIds": Array [], - "layerOptions": 0, - "shouldTrim": false, - }, - "fixedRadius": 0, - "frame": Object { - "_class": "rect", - "constrainProportions": false, - "height": 24, - "width": 24, - "x": 0, - "y": 0, - }, - "hasClippingMask": false, - "hasConvertedToNewRoundCorners": true, - "isClosed": true, - "isFixedToViewport": false, - "isFlippedHorizontal": false, - "isFlippedVertical": false, - "isLocked": false, - "isVisible": true, - "layerListExpandedType": 1, - "name": "gray-dark", - "nameIsFixed": true, - "pointRadiusBehaviour": 1, - "points": Array [ - Object { - "_class": "curvePoint", - "cornerRadius": 0, - "curveFrom": "{0, 0}", - "curveMode": 1, - "curveTo": "{0, 0}", - "hasCurveFrom": false, - "hasCurveTo": false, - "point": "{0, 0}", - }, - Object { - "_class": "curvePoint", - "cornerRadius": 0, - "curveFrom": "{1, 0}", - "curveMode": 1, - "curveTo": "{1, 0}", - "hasCurveFrom": false, - "hasCurveTo": false, - "point": "{1, 0}", - }, - Object { - "_class": "curvePoint", - "cornerRadius": 0, - "curveFrom": "{1, 1}", - "curveMode": 1, - "curveTo": "{1, 1}", - "hasCurveFrom": false, - "hasCurveTo": false, - "point": "{1, 1}", - }, - Object { - "_class": "curvePoint", - "cornerRadius": 0, - "curveFrom": "{0, 1}", - "curveMode": 1, - "curveTo": "{0, 1}", - "hasCurveFrom": false, - "hasCurveTo": false, - "point": "{0, 1}", - }, - ], - "resizingConstraint": 63, - "resizingType": 0, - "rotation": 0, - "shouldBreakMaskChain": false, - "style": Object { - "_class": "style", - "borders": Array [ - Object { - "_class": "border", - "color": Object { - "_class": "color", - "alpha": 1, - "blue": 0.592, - "green": 0.592, - "red": 0.592, - }, - "fillType": 0, - "isEnabled": false, - "position": 1, - "thickness": 1, - }, - ], - "do_objectID": "0B6D5F38-21F8-475A-A778-158627478EAC", - "endMarkerType": 0, - "fills": Array [ - Object { - "_class": "fill", - "color": Object { - "_class": "color", - "alpha": 1, - "blue": 0.8392156862745098, - "green": 0.7843137254901963, - "red": 0.4666666666666667, - }, - "fillType": 0, - "isEnabled": true, - "noiseIndex": 0, - "noiseIntensity": 0, - "patternFillType": 1, - "patternTileScale": 1, - }, - ], - "miterLimit": 10, - "startMarkerType": 0, - "windingRule": 1, - }, - "userInfo": Object { - "com.animaapp.stc-sketch-plugin": Object { - "kModelPropertiesKey": Object {}, - }, - }, - }, - ], - "layout": Object { - "_class": "layoutGrid", - "columnWidth": 1, - "do_objectID": "65D1CD38-0DCC-4846-8138-F59D8582BCBD", - "drawHorizontal": true, - "drawHorizontalLines": false, - "drawVertical": false, - "gutterHeight": 8, - "gutterWidth": 86.18181818181819, - "guttersOutside": false, - "horizontalOffset": 0, - "isEnabled": false, - "numberOfColumns": 12, - "rowHeightMultiplication": 1, - "totalWidth": 960, - }, - "name": "primitives/color/primary/700", - "nameIsFixed": true, - "overrideProperties": Array [], - "resizesContent": false, - "resizingConstraint": 63, - "resizingType": 0, - "rotation": 0, - "shouldBreakMaskChain": true, - "style": Object { - "_class": "style", - "do_objectID": "65D1D08E-3143-492E-8302-E53FF4F871AB", - "endMarkerType": 0, - "miterLimit": 10, - "startMarkerType": 0, - "windingRule": 1, - }, - "symbolID": "ED353E89-2E4C-4327-BEDC-841783B602BD", - "userInfo": Object { - "com.animaapp.stc-sketch-plugin": Object { - "kModelPropertiesKey": Object {}, - }, - }, - "verticalRulerData": Object { - "_class": "rulerData", - "base": 0, - "do_objectID": "7C104378-95F3-48B3-A88D-8A5A0C0D77CD", - "guides": Array [], - }, - }, - Object { - "_class": "symbolMaster", - "allowsOverrides": true, - "backgroundColor": Object { - "_class": "color", - "alpha": 1, - "blue": 1, - "do_objectID": "89F3572E-073D-483B-A86A-AA35470E5005", - "green": 1, - "red": 1, - }, - "booleanOperation": 0, - "changeIdentifier": 1667, - "clippingMaskMode": 0, - "do_objectID": "8422E041-BDFE-470C-AB7B-C5AE59F9D6F4", - "exportOptions": Object { - "_class": "exportOptions", - "do_objectID": "5DC2C9F9-578F-4148-B6ED-5DE6D952DE00", - "exportFormats": Array [], - "includedLayerIds": Array [], - "layerOptions": 0, - "shouldTrim": false, - }, - "frame": Object { - "_class": "rect", - "constrainProportions": false, - "do_objectID": "0E9345DE-D1D8-4F31-A703-BD8FF3384F50", - "height": 24, - "width": 24, - "x": 1064, - "y": 531, - }, - "groupLayout": Object { - "_class": "MSImmutableFreeformGroupLayout", - }, - "hasBackgroundColor": false, - "hasClickThrough": true, - "hasClippingMask": false, - "horizontalRulerData": Object { - "_class": "rulerData", - "base": 0, - "do_objectID": "F04E4079-F255-40CB-8662-3A3C09BD654F", - "guides": Array [], - }, - "includeBackgroundColorInExport": true, - "includeBackgroundColorInInstance": false, - "includeInCloudUpload": true, - "isFixedToViewport": false, - "isFlippedHorizontal": false, - "isFlippedVertical": false, - "isFlowHome": false, - "isLocked": false, - "isVisible": true, - "layerListExpandedType": 2, - "layers": Array [ - Object { - "_class": "rectangle", - "booleanOperation": -1, - "clippingMaskMode": 0, - "do_objectID": "F3ACA72D-8222-45E4-B421-92638B1CF4D4", - "edited": false, - "exportOptions": Object { - "_class": "exportOptions", - "do_objectID": "55F8985F-5DFD-4981-8766-DABA854426A5", - "exportFormats": Array [], - "includedLayerIds": Array [], - "layerOptions": 0, - "shouldTrim": false, - }, - "fixedRadius": 0, - "frame": Object { - "_class": "rect", - "constrainProportions": false, - "height": 24, - "width": 24, - "x": 0, - "y": 0, - }, - "hasClippingMask": false, - "hasConvertedToNewRoundCorners": true, - "isClosed": true, - "isFixedToViewport": false, - "isFlippedHorizontal": false, - "isFlippedVertical": false, - "isLocked": false, - "isVisible": true, - "layerListExpandedType": 1, - "name": "gray-dark", - "nameIsFixed": true, - "pointRadiusBehaviour": 1, - "points": Array [ - Object { - "_class": "curvePoint", - "cornerRadius": 0, - "curveFrom": "{0, 0}", - "curveMode": 1, - "curveTo": "{0, 0}", - "hasCurveFrom": false, - "hasCurveTo": false, - "point": "{0, 0}", - }, - Object { - "_class": "curvePoint", - "cornerRadius": 0, - "curveFrom": "{1, 0}", - "curveMode": 1, - "curveTo": "{1, 0}", - "hasCurveFrom": false, - "hasCurveTo": false, - "point": "{1, 0}", - }, - Object { - "_class": "curvePoint", - "cornerRadius": 0, - "curveFrom": "{1, 1}", - "curveMode": 1, - "curveTo": "{1, 1}", - "hasCurveFrom": false, - "hasCurveTo": false, - "point": "{1, 1}", - }, - Object { - "_class": "curvePoint", - "cornerRadius": 0, - "curveFrom": "{0, 1}", - "curveMode": 1, - "curveTo": "{0, 1}", - "hasCurveFrom": false, - "hasCurveTo": false, - "point": "{0, 1}", - }, - ], - "resizingConstraint": 63, - "resizingType": 0, - "rotation": 0, - "shouldBreakMaskChain": false, - "style": Object { - "_class": "style", - "borders": Array [ - Object { - "_class": "border", - "color": Object { - "_class": "color", - "alpha": 1, - "blue": 0.592, - "green": 0.592, - "red": 0.592, - }, - "fillType": 0, - "isEnabled": false, - "position": 1, - "thickness": 1, - }, - ], - "do_objectID": "AAEE98F0-DA64-4FBD-8A10-281291E31F82", - "endMarkerType": 0, - "fills": Array [ - Object { - "_class": "fill", - "color": Object { - "_class": "color", - "alpha": 1, - "blue": 0.8588235294117647, - "green": 0.8117647058823528, - "red": 0.5529411764705883, - }, - "fillType": 0, - "isEnabled": true, - "noiseIndex": 0, - "noiseIntensity": 0, - "patternFillType": 1, - "patternTileScale": 1, - }, - ], - "miterLimit": 10, - "startMarkerType": 0, - "windingRule": 1, - }, - "userInfo": Object { - "com.animaapp.stc-sketch-plugin": Object { - "kModelPropertiesKey": Object {}, - }, - }, - }, - ], - "layout": Object { - "_class": "layoutGrid", - "columnWidth": 1, - "do_objectID": "113CB45C-41E9-4B15-BF99-EFE932551AF6", - "drawHorizontal": true, - "drawHorizontalLines": false, - "drawVertical": false, - "gutterHeight": 8, - "gutterWidth": 86.18181818181819, - "guttersOutside": false, - "horizontalOffset": 0, - "isEnabled": false, - "numberOfColumns": 12, - "rowHeightMultiplication": 1, - "totalWidth": 960, - }, - "name": "primitives/color/primary/600", - "nameIsFixed": true, - "overrideProperties": Array [], - "resizesContent": false, - "resizingConstraint": 63, - "resizingType": 0, - "rotation": 0, - "shouldBreakMaskChain": true, - "style": Object { - "_class": "style", - "do_objectID": "A8D37FB1-E62A-42C2-BEA3-FDCB5BC44363", - "endMarkerType": 0, - "miterLimit": 10, - "startMarkerType": 0, - "windingRule": 1, - }, - "symbolID": "514B5EBC-462D-4092-AC42-BB8174FF9C62", - "userInfo": Object { - "com.animaapp.stc-sketch-plugin": Object { - "kModelPropertiesKey": Object {}, - }, - }, - "verticalRulerData": Object { - "_class": "rulerData", - "base": 0, - "do_objectID": "3D610E68-99A4-445D-8F77-69D11AD3E60E", - "guides": Array [], - }, - }, - Object { - "_class": "symbolMaster", - "allowsOverrides": true, - "backgroundColor": Object { - "_class": "color", - "alpha": 1, - "blue": 1, - "do_objectID": "CAB1ABA2-E884-4CEC-A658-01A74E89807C", - "green": 1, - "red": 1, - }, - "booleanOperation": 0, - "changeIdentifier": 1748, - "clippingMaskMode": 0, - "do_objectID": "5C5299C1-75CB-42A5-ADF2-4CD8A4C259A8", - "exportOptions": Object { - "_class": "exportOptions", - "do_objectID": "2420E059-3284-40A2-85EE-6EB486A3DAD2", - "exportFormats": Array [], - "includedLayerIds": Array [], - "layerOptions": 0, - "shouldTrim": false, - }, - "frame": Object { - "_class": "rect", - "constrainProportions": false, - "do_objectID": "C1E4F6F3-5B6D-4394-A440-A57FF59463B2", - "height": 24, - "width": 24, - "x": 1064, - "y": 571, - }, - "groupLayout": Object { - "_class": "MSImmutableFreeformGroupLayout", - }, - "hasBackgroundColor": false, - "hasClickThrough": true, - "hasClippingMask": false, - "horizontalRulerData": Object { - "_class": "rulerData", - "base": 0, - "do_objectID": "E01CDAB0-07B7-46C3-AB70-E238CE7B4180", - "guides": Array [], - }, - "includeBackgroundColorInExport": true, - "includeBackgroundColorInInstance": false, - "includeInCloudUpload": true, - "isFixedToViewport": false, - "isFlippedHorizontal": false, - "isFlippedVertical": false, - "isFlowHome": false, - "isLocked": false, - "isVisible": true, - "layerListExpandedType": 2, - "layers": Array [ - Object { - "_class": "rectangle", - "booleanOperation": -1, - "clippingMaskMode": 0, - "do_objectID": "365FB80B-E106-4104-922B-DD991D347172", - "edited": false, - "exportOptions": Object { - "_class": "exportOptions", - "do_objectID": "781A7436-4760-4652-8094-567048A87F65", - "exportFormats": Array [], - "includedLayerIds": Array [], - "layerOptions": 0, - "shouldTrim": false, - }, - "fixedRadius": 0, - "frame": Object { - "_class": "rect", - "constrainProportions": false, - "height": 24, - "width": 24, - "x": 0, - "y": 0, - }, - "hasClippingMask": false, - "hasConvertedToNewRoundCorners": true, - "isClosed": true, - "isFixedToViewport": false, - "isFlippedHorizontal": false, - "isFlippedVertical": false, - "isLocked": false, - "isVisible": true, - "layerListExpandedType": 1, - "name": "gray-dark", - "nameIsFixed": true, - "pointRadiusBehaviour": 1, - "points": Array [ - Object { - "_class": "curvePoint", - "cornerRadius": 0, - "curveFrom": "{0, 0}", - "curveMode": 1, - "curveTo": "{0, 0}", - "hasCurveFrom": false, - "hasCurveTo": false, - "point": "{0, 0}", - }, - Object { - "_class": "curvePoint", - "cornerRadius": 0, - "curveFrom": "{1, 0}", - "curveMode": 1, - "curveTo": "{1, 0}", - "hasCurveFrom": false, - "hasCurveTo": false, - "point": "{1, 0}", - }, - Object { - "_class": "curvePoint", - "cornerRadius": 0, - "curveFrom": "{1, 1}", - "curveMode": 1, - "curveTo": "{1, 1}", - "hasCurveFrom": false, - "hasCurveTo": false, - "point": "{1, 1}", - }, - Object { - "_class": "curvePoint", - "cornerRadius": 0, - "curveFrom": "{0, 1}", - "curveMode": 1, - "curveTo": "{0, 1}", - "hasCurveFrom": false, - "hasCurveTo": false, - "point": "{0, 1}", - }, - ], - "resizingConstraint": 63, - "resizingType": 0, - "rotation": 0, - "shouldBreakMaskChain": false, - "style": Object { - "_class": "style", - "borders": Array [ - Object { - "_class": "border", - "color": Object { - "_class": "color", - "alpha": 1, - "blue": 0.592, - "green": 0.592, - "red": 0.592, - }, - "fillType": 0, - "isEnabled": false, - "position": 1, - "thickness": 1, - }, - ], - "do_objectID": "A04D8766-EAD6-4D07-AE82-D995D20950DF", - "endMarkerType": 0, - "fills": Array [ - Object { - "_class": "fill", - "color": Object { - "_class": "color", - "alpha": 1, - "blue": 0.8784313725490196, - "green": 0.8392156862745098, - "red": 0.6274509803921569, - }, - "fillType": 0, - "isEnabled": true, - "noiseIndex": 0, - "noiseIntensity": 0, - "patternFillType": 1, - "patternTileScale": 1, - }, - ], - "miterLimit": 10, - "startMarkerType": 0, - "windingRule": 1, - }, - "userInfo": Object { - "com.animaapp.stc-sketch-plugin": Object { - "kModelPropertiesKey": Object {}, - }, - }, - }, - ], - "layout": Object { - "_class": "layoutGrid", - "columnWidth": 1, - "do_objectID": "9A39E28D-C3CC-4E79-9821-63FBDC6A290F", - "drawHorizontal": true, - "drawHorizontalLines": false, - "drawVertical": false, - "gutterHeight": 8, - "gutterWidth": 86.18181818181819, - "guttersOutside": false, - "horizontalOffset": 0, - "isEnabled": false, - "numberOfColumns": 12, - "rowHeightMultiplication": 1, - "totalWidth": 960, - }, - "name": "primitives/color/primary/500", - "nameIsFixed": true, - "overrideProperties": Array [], - "resizesContent": false, - "resizingConstraint": 63, - "resizingType": 0, - "rotation": 0, - "shouldBreakMaskChain": true, - "style": Object { - "_class": "style", - "do_objectID": "3B14F83A-33B5-498B-B519-F1994CAD6AF0", - "endMarkerType": 0, - "miterLimit": 10, - "startMarkerType": 0, - "windingRule": 1, - }, - "symbolID": "6A3C7859-3865-43CF-9459-9D54A327F06B", - "userInfo": Object { - "com.animaapp.stc-sketch-plugin": Object { - "kModelPropertiesKey": Object {}, - }, - }, - "verticalRulerData": Object { - "_class": "rulerData", - "base": 0, - "do_objectID": "9307D4BA-63BD-4DAE-B6A5-D79FCA6B1557", - "guides": Array [], - }, - }, - Object { - "_class": "symbolMaster", - "allowsOverrides": true, - "backgroundColor": Object { - "_class": "color", - "alpha": 1, - "blue": 1, - "do_objectID": "A43E6BDB-2CCE-4556-AD84-30FCDC2A4039", - "green": 1, - "red": 1, - }, - "booleanOperation": 0, - "changeIdentifier": 1863, - "clippingMaskMode": 0, - "do_objectID": "48197F20-854E-47A8-AA86-E3CB5657AC15", - "exportOptions": Object { - "_class": "exportOptions", - "do_objectID": "7F97B204-571C-494D-BA5B-ED99A16AB79E", - "exportFormats": Array [], - "includedLayerIds": Array [], - "layerOptions": 0, - "shouldTrim": false, - }, - "frame": Object { - "_class": "rect", - "constrainProportions": false, - "do_objectID": "27724034-619C-45CC-B4C6-35E57040974E", - "height": 24, - "width": 24, - "x": 1064, - "y": 613, - }, - "groupLayout": Object { - "_class": "MSImmutableFreeformGroupLayout", - }, - "hasBackgroundColor": false, - "hasClickThrough": true, - "hasClippingMask": false, - "horizontalRulerData": Object { - "_class": "rulerData", - "base": 0, - "do_objectID": "DEAB11C1-C3ED-4E29-A45C-2DDD9185FE0B", - "guides": Array [], - }, - "includeBackgroundColorInExport": true, - "includeBackgroundColorInInstance": false, - "includeInCloudUpload": true, - "isFixedToViewport": false, - "isFlippedHorizontal": false, - "isFlippedVertical": false, - "isFlowHome": false, - "isLocked": false, - "isVisible": true, - "layerListExpandedType": 2, - "layers": Array [ - Object { - "_class": "rectangle", - "booleanOperation": -1, - "clippingMaskMode": 0, - "do_objectID": "1D0438F9-9017-407A-B923-81D4F1E08E8C", - "edited": false, - "exportOptions": Object { - "_class": "exportOptions", - "do_objectID": "E984864E-F860-4B79-9EE4-64F1E250FAB6", - "exportFormats": Array [], - "includedLayerIds": Array [], - "layerOptions": 0, - "shouldTrim": false, - }, - "fixedRadius": 0, - "frame": Object { - "_class": "rect", - "constrainProportions": false, - "height": 24, - "width": 24, - "x": 0, - "y": 0, - }, - "hasClippingMask": false, - "hasConvertedToNewRoundCorners": true, - "isClosed": true, - "isFixedToViewport": false, - "isFlippedHorizontal": false, - "isFlippedVertical": false, - "isLocked": false, - "isVisible": true, - "layerListExpandedType": 1, - "name": "gray-dark", - "nameIsFixed": true, - "pointRadiusBehaviour": 1, - "points": Array [ - Object { - "_class": "curvePoint", - "cornerRadius": 0, - "curveFrom": "{0, 0}", - "curveMode": 1, - "curveTo": "{0, 0}", - "hasCurveFrom": false, - "hasCurveTo": false, - "point": "{0, 0}", - }, - Object { - "_class": "curvePoint", - "cornerRadius": 0, - "curveFrom": "{1, 0}", - "curveMode": 1, - "curveTo": "{1, 0}", - "hasCurveFrom": false, - "hasCurveTo": false, - "point": "{1, 0}", - }, - Object { - "_class": "curvePoint", - "cornerRadius": 0, - "curveFrom": "{1, 1}", - "curveMode": 1, - "curveTo": "{1, 1}", - "hasCurveFrom": false, - "hasCurveTo": false, - "point": "{1, 1}", - }, - Object { - "_class": "curvePoint", - "cornerRadius": 0, - "curveFrom": "{0, 1}", - "curveMode": 1, - "curveTo": "{0, 1}", - "hasCurveFrom": false, - "hasCurveTo": false, - "point": "{0, 1}", - }, - ], - "resizingConstraint": 63, - "resizingType": 0, - "rotation": 0, - "shouldBreakMaskChain": false, - "style": Object { - "_class": "style", - "borders": Array [ - Object { - "_class": "border", - "color": Object { - "_class": "color", - "alpha": 1, - "blue": 0.592, - "green": 0.592, - "red": 0.592, - }, - "fillType": 0, - "isEnabled": false, - "position": 1, - "thickness": 1, - }, - ], - "do_objectID": "03B89339-5D65-4277-9802-93813ACF6434", - "endMarkerType": 0, - "fills": Array [ - Object { - "_class": "fill", - "color": Object { - "_class": "color", - "alpha": 1, - "blue": 0.9019607843137255, - "green": 0.8666666666666666, - "red": 0.7019607843137254, - }, - "fillType": 0, - "isEnabled": true, - "noiseIndex": 0, - "noiseIntensity": 0, - "patternFillType": 1, - "patternTileScale": 1, - }, - ], - "miterLimit": 10, - "startMarkerType": 0, - "windingRule": 1, - }, - "userInfo": Object { - "com.animaapp.stc-sketch-plugin": Object { - "kModelPropertiesKey": Object {}, - }, - }, - }, - ], - "layout": Object { - "_class": "layoutGrid", - "columnWidth": 1, - "do_objectID": "3A6E3D2B-0F26-42AC-B42C-5130688FB8BF", - "drawHorizontal": true, - "drawHorizontalLines": false, - "drawVertical": false, - "gutterHeight": 8, - "gutterWidth": 86.18181818181819, - "guttersOutside": false, - "horizontalOffset": 0, - "isEnabled": false, - "numberOfColumns": 12, - "rowHeightMultiplication": 1, - "totalWidth": 960, - }, - "name": "primitives/color/primary/400", - "nameIsFixed": true, - "overrideProperties": Array [], - "resizesContent": false, - "resizingConstraint": 63, - "resizingType": 0, - "rotation": 0, - "shouldBreakMaskChain": true, - "style": Object { - "_class": "style", - "do_objectID": "8006722E-80CF-416E-B627-6E40FFD19774", - "endMarkerType": 0, - "miterLimit": 10, - "startMarkerType": 0, - "windingRule": 1, - }, - "symbolID": "27AB57A1-FE6E-4680-8239-FF9220A203C9", - "userInfo": Object { - "com.animaapp.stc-sketch-plugin": Object { - "kModelPropertiesKey": Object {}, - }, - }, - "verticalRulerData": Object { - "_class": "rulerData", - "base": 0, - "do_objectID": "9AC57DE0-7355-472F-9B7C-2F1E4DA6EB13", - "guides": Array [], - }, - }, - Object { - "_class": "symbolMaster", - "allowsOverrides": true, - "backgroundColor": Object { - "_class": "color", - "alpha": 1, - "blue": 1, - "do_objectID": "1840762B-658E-4554-A655-B7272E12CBCA", - "green": 1, - "red": 1, - }, - "booleanOperation": 0, - "changeIdentifier": 1901, - "clippingMaskMode": 0, - "do_objectID": "91EFDD20-A70A-4708-84A2-20F67BB6E80A", - "exportOptions": Object { - "_class": "exportOptions", - "do_objectID": "D6682F11-A659-489F-B6F3-3C82201A547D", - "exportFormats": Array [], - "includedLayerIds": Array [], - "layerOptions": 0, - "shouldTrim": false, - }, - "frame": Object { - "_class": "rect", - "constrainProportions": false, - "do_objectID": "4F43317E-FD19-4EF0-9EA7-8D1A3E92F16D", - "height": 24, - "width": 24, - "x": 1064, - "y": 658, - }, - "groupLayout": Object { - "_class": "MSImmutableFreeformGroupLayout", - }, - "hasBackgroundColor": false, - "hasClickThrough": true, - "hasClippingMask": false, - "horizontalRulerData": Object { - "_class": "rulerData", - "base": 0, - "do_objectID": "0C91513B-C2ED-411B-B328-969CCFE55562", - "guides": Array [], - }, - "includeBackgroundColorInExport": true, - "includeBackgroundColorInInstance": false, - "includeInCloudUpload": true, - "isFixedToViewport": false, - "isFlippedHorizontal": false, - "isFlippedVertical": false, - "isFlowHome": false, - "isLocked": false, - "isVisible": true, - "layerListExpandedType": 2, - "layers": Array [ - Object { - "_class": "rectangle", - "booleanOperation": -1, - "clippingMaskMode": 0, - "do_objectID": "E13DBFCE-7E81-4DCD-B88D-CC718A4A9604", - "edited": false, - "exportOptions": Object { - "_class": "exportOptions", - "do_objectID": "BC842AE1-D6E0-419F-A191-5783B3EB0A6D", - "exportFormats": Array [], - "includedLayerIds": Array [], - "layerOptions": 0, - "shouldTrim": false, - }, - "fixedRadius": 0, - "frame": Object { - "_class": "rect", - "constrainProportions": false, - "height": 24, - "width": 24, - "x": 0, - "y": 0, - }, - "hasClippingMask": false, - "hasConvertedToNewRoundCorners": true, - "isClosed": true, - "isFixedToViewport": false, - "isFlippedHorizontal": false, - "isFlippedVertical": false, - "isLocked": false, - "isVisible": true, - "layerListExpandedType": 1, - "name": "gray-dark", - "nameIsFixed": true, - "pointRadiusBehaviour": 1, - "points": Array [ - Object { - "_class": "curvePoint", - "cornerRadius": 0, - "curveFrom": "{0, 0}", - "curveMode": 1, - "curveTo": "{0, 0}", - "hasCurveFrom": false, - "hasCurveTo": false, - "point": "{0, 0}", - }, - Object { - "_class": "curvePoint", - "cornerRadius": 0, - "curveFrom": "{1, 0}", - "curveMode": 1, - "curveTo": "{1, 0}", - "hasCurveFrom": false, - "hasCurveTo": false, - "point": "{1, 0}", - }, - Object { - "_class": "curvePoint", - "cornerRadius": 0, - "curveFrom": "{1, 1}", - "curveMode": 1, - "curveTo": "{1, 1}", - "hasCurveFrom": false, - "hasCurveTo": false, - "point": "{1, 1}", - }, - Object { - "_class": "curvePoint", - "cornerRadius": 0, - "curveFrom": "{0, 1}", - "curveMode": 1, - "curveTo": "{0, 1}", - "hasCurveFrom": false, - "hasCurveTo": false, - "point": "{0, 1}", - }, - ], - "resizingConstraint": 63, - "resizingType": 0, - "rotation": 0, - "shouldBreakMaskChain": false, - "style": Object { - "_class": "style", - "borders": Array [ - Object { - "_class": "border", - "color": Object { - "_class": "color", - "alpha": 1, - "blue": 0.592, - "green": 0.592, - "red": 0.592, - }, - "fillType": 0, - "isEnabled": false, - "position": 1, - "thickness": 1, - }, - ], - "do_objectID": "5CB0966F-E533-4210-ADB8-F0AE6BF2BF71", - "endMarkerType": 0, - "fills": Array [ - Object { - "_class": "fill", - "color": Object { - "_class": "color", - "alpha": 1, - "blue": 0.9411764705882353, - "green": 0.9215686274509803, - "red": 0.8313725490196079, - }, - "fillType": 0, - "isEnabled": true, - "noiseIndex": 0, - "noiseIntensity": 0, - "patternFillType": 1, - "patternTileScale": 1, - }, - ], - "miterLimit": 10, - "startMarkerType": 0, - "windingRule": 1, - }, - "userInfo": Object { - "com.animaapp.stc-sketch-plugin": Object { - "kModelPropertiesKey": Object {}, - }, - }, - }, - ], - "layout": Object { - "_class": "layoutGrid", - "columnWidth": 1, - "do_objectID": "0ED31286-09C1-40AD-88D6-A0B9821FB6DC", - "drawHorizontal": true, - "drawHorizontalLines": false, - "drawVertical": false, - "gutterHeight": 8, - "gutterWidth": 86.18181818181819, - "guttersOutside": false, - "horizontalOffset": 0, - "isEnabled": false, - "numberOfColumns": 12, - "rowHeightMultiplication": 1, - "totalWidth": 960, - }, - "name": "primitives/color/primary/300", - "nameIsFixed": true, - "overrideProperties": Array [], - "resizesContent": false, - "resizingConstraint": 63, - "resizingType": 0, - "rotation": 0, - "shouldBreakMaskChain": true, - "style": Object { - "_class": "style", - "do_objectID": "90B2BF3F-4EA8-4B61-B64C-57B44E51B32D", - "endMarkerType": 0, - "miterLimit": 10, - "startMarkerType": 0, - "windingRule": 1, - }, - "symbolID": "8BD732CE-A75C-4A16-A52E-E2A9691F1C8A", - "userInfo": Object { - "com.animaapp.stc-sketch-plugin": Object { - "kModelPropertiesKey": Object {}, - }, - }, - "verticalRulerData": Object { - "_class": "rulerData", - "base": 0, - "do_objectID": "4E98D238-0C46-43BE-B53D-6872C4A9C995", - "guides": Array [], - }, - }, - Object { - "_class": "symbolMaster", - "allowsOverrides": true, - "backgroundColor": Object { - "_class": "color", - "alpha": 1, - "blue": 1, - "do_objectID": "8946E724-ABEE-4DB2-A168-35FEBBD94F0B", - "green": 1, - "red": 1, - }, - "booleanOperation": 0, - "changeIdentifier": 1959, - "clippingMaskMode": 0, - "do_objectID": "209B4D89-0A7B-49FA-9F1A-1327D8847BD7", - "exportOptions": Object { - "_class": "exportOptions", - "do_objectID": "7AB6DA25-9248-4950-B785-ADA2977F109E", - "exportFormats": Array [], - "includedLayerIds": Array [], - "layerOptions": 0, - "shouldTrim": false, - }, - "frame": Object { - "_class": "rect", - "constrainProportions": false, - "do_objectID": "B88ABEED-C2E3-4DFB-8F8D-DD085D8B433F", - "height": 24, - "width": 24, - "x": 1064, - "y": 703, - }, - "groupLayout": Object { - "_class": "MSImmutableFreeformGroupLayout", - }, - "hasBackgroundColor": false, - "hasClickThrough": true, - "hasClippingMask": false, - "horizontalRulerData": Object { - "_class": "rulerData", - "base": 0, - "do_objectID": "4BF40309-4631-4277-947C-7EE78BC21FED", - "guides": Array [], - }, - "includeBackgroundColorInExport": true, - "includeBackgroundColorInInstance": false, - "includeInCloudUpload": true, - "isFixedToViewport": false, - "isFlippedHorizontal": false, - "isFlippedVertical": false, - "isFlowHome": false, - "isLocked": false, - "isVisible": true, - "layerListExpandedType": 2, - "layers": Array [ - Object { - "_class": "rectangle", - "booleanOperation": -1, - "clippingMaskMode": 0, - "do_objectID": "14816683-15FB-49DF-87BB-AD1B9CC9B687", - "edited": false, - "exportOptions": Object { - "_class": "exportOptions", - "do_objectID": "9978B0EB-921C-4D90-98B1-BB7E6DC0D6BD", - "exportFormats": Array [], - "includedLayerIds": Array [], - "layerOptions": 0, - "shouldTrim": false, - }, - "fixedRadius": 0, - "frame": Object { - "_class": "rect", - "constrainProportions": false, - "height": 24, - "width": 24, - "x": 0, - "y": 0, - }, - "hasClippingMask": false, - "hasConvertedToNewRoundCorners": true, - "isClosed": true, - "isFixedToViewport": false, - "isFlippedHorizontal": false, - "isFlippedVertical": false, - "isLocked": false, - "isVisible": true, - "layerListExpandedType": 1, - "name": "gray-dark", - "nameIsFixed": true, - "pointRadiusBehaviour": 1, - "points": Array [ - Object { - "_class": "curvePoint", - "cornerRadius": 0, - "curveFrom": "{0, 0}", - "curveMode": 1, - "curveTo": "{0, 0}", - "hasCurveFrom": false, - "hasCurveTo": false, - "point": "{0, 0}", - }, - Object { - "_class": "curvePoint", - "cornerRadius": 0, - "curveFrom": "{1, 0}", - "curveMode": 1, - "curveTo": "{1, 0}", - "hasCurveFrom": false, - "hasCurveTo": false, - "point": "{1, 0}", - }, - Object { - "_class": "curvePoint", - "cornerRadius": 0, - "curveFrom": "{1, 1}", - "curveMode": 1, - "curveTo": "{1, 1}", - "hasCurveFrom": false, - "hasCurveTo": false, - "point": "{1, 1}", - }, - Object { - "_class": "curvePoint", - "cornerRadius": 0, - "curveFrom": "{0, 1}", - "curveMode": 1, - "curveTo": "{0, 1}", - "hasCurveFrom": false, - "hasCurveTo": false, - "point": "{0, 1}", - }, - ], - "resizingConstraint": 63, - "resizingType": 0, - "rotation": 0, - "shouldBreakMaskChain": false, - "style": Object { - "_class": "style", - "borders": Array [ - Object { - "_class": "border", - "color": Object { - "_class": "color", - "alpha": 1, - "blue": 0.592, - "green": 0.592, - "red": 0.592, - }, - "fillType": 0, - "isEnabled": false, - "position": 1, - "thickness": 1, - }, - ], - "do_objectID": "495D52E3-053F-448B-BB69-467192DBE20D", - "endMarkerType": 0, - "fills": Array [ - Object { - "_class": "fill", - "color": Object { - "_class": "color", - "alpha": 1, - "blue": 0.9803921568627451, - "green": 0.9529411764705882, - "red": 0.8980392156862745, - }, - "fillType": 0, - "isEnabled": true, - "noiseIndex": 0, - "noiseIntensity": 0, - "patternFillType": 1, - "patternTileScale": 1, - }, - ], - "miterLimit": 10, - "startMarkerType": 0, - "windingRule": 1, - }, - "userInfo": Object { - "com.animaapp.stc-sketch-plugin": Object { - "kModelPropertiesKey": Object {}, - }, - }, - }, - ], - "layout": Object { - "_class": "layoutGrid", - "columnWidth": 1, - "do_objectID": "2A0F45F1-96B6-4EC6-9C37-9E080DAA9DA3", - "drawHorizontal": true, - "drawHorizontalLines": false, - "drawVertical": false, - "gutterHeight": 8, - "gutterWidth": 86.18181818181819, - "guttersOutside": false, - "horizontalOffset": 0, - "isEnabled": false, - "numberOfColumns": 12, - "rowHeightMultiplication": 1, - "totalWidth": 960, - }, - "name": "primitives/color/primary/200", - "nameIsFixed": true, - "overrideProperties": Array [], - "resizesContent": false, - "resizingConstraint": 63, - "resizingType": 0, - "rotation": 0, - "shouldBreakMaskChain": true, - "style": Object { - "_class": "style", - "do_objectID": "EECFDE5C-89F0-46F0-9FCD-D6325739C273", - "endMarkerType": 0, - "miterLimit": 10, - "startMarkerType": 0, - "windingRule": 1, - }, - "symbolID": "4CE21B85-33E5-497A-B151-2B022552E20D", - "userInfo": Object { - "com.animaapp.stc-sketch-plugin": Object { - "kModelPropertiesKey": Object {}, - }, - }, - "verticalRulerData": Object { - "_class": "rulerData", - "base": 0, - "do_objectID": "5CE95F35-0630-4707-BFD3-7B3017B24AAE", - "guides": Array [], - }, - }, - Object { - "_class": "symbolMaster", - "allowsOverrides": true, - "backgroundColor": Object { - "_class": "color", - "alpha": 1, - "blue": 1, - "do_objectID": "A08F976A-2C86-4DEB-9102-48FA983E4001", - "green": 1, - "red": 1, - }, - "booleanOperation": 0, - "changeIdentifier": 2043, - "clippingMaskMode": 0, - "do_objectID": "236882BC-6296-4136-8E62-D9C375F1C8A6", - "exportOptions": Object { - "_class": "exportOptions", - "do_objectID": "7085BB00-23DA-498D-B4F6-6CCA4E722BF3", - "exportFormats": Array [], - "includedLayerIds": Array [], - "layerOptions": 0, - "shouldTrim": false, - }, - "frame": Object { - "_class": "rect", - "constrainProportions": false, - "do_objectID": "F7D21DB1-B835-4021-9F5F-7B88CFE91F33", - "height": 24, - "width": 24, - "x": 1064, - "y": 746, - }, - "groupLayout": Object { - "_class": "MSImmutableFreeformGroupLayout", - }, - "hasBackgroundColor": false, - "hasClickThrough": true, - "hasClippingMask": false, - "horizontalRulerData": Object { - "_class": "rulerData", - "base": 0, - "do_objectID": "6FFB88B7-C0BE-4625-B6CD-34B1FA4B2CCE", - "guides": Array [], - }, - "includeBackgroundColorInExport": true, - "includeBackgroundColorInInstance": false, - "includeInCloudUpload": true, - "isFixedToViewport": false, - "isFlippedHorizontal": false, - "isFlippedVertical": false, - "isFlowHome": false, - "isLocked": false, - "isVisible": true, - "layerListExpandedType": 2, - "layers": Array [ - Object { - "_class": "rectangle", - "booleanOperation": -1, - "clippingMaskMode": 0, - "do_objectID": "0692E17E-8588-4120-B1B9-D8BBC80EF95A", - "edited": false, - "exportOptions": Object { - "_class": "exportOptions", - "do_objectID": "C6D5E015-FAE5-471B-953E-BFC1C5A31C37", - "exportFormats": Array [], - "includedLayerIds": Array [], - "layerOptions": 0, - "shouldTrim": false, - }, - "fixedRadius": 0, - "frame": Object { - "_class": "rect", - "constrainProportions": false, - "height": 24, - "width": 24, - "x": 0, - "y": 0, - }, - "hasClippingMask": false, - "hasConvertedToNewRoundCorners": true, - "isClosed": true, - "isFixedToViewport": false, - "isFlippedHorizontal": false, - "isFlippedVertical": false, - "isLocked": false, - "isVisible": true, - "layerListExpandedType": 1, - "name": "gray-dark", - "nameIsFixed": true, - "pointRadiusBehaviour": 1, - "points": Array [ - Object { - "_class": "curvePoint", - "cornerRadius": 0, - "curveFrom": "{0, 0}", - "curveMode": 1, - "curveTo": "{0, 0}", - "hasCurveFrom": false, - "hasCurveTo": false, - "point": "{0, 0}", - }, - Object { - "_class": "curvePoint", - "cornerRadius": 0, - "curveFrom": "{1, 0}", - "curveMode": 1, - "curveTo": "{1, 0}", - "hasCurveFrom": false, - "hasCurveTo": false, - "point": "{1, 0}", - }, - Object { - "_class": "curvePoint", - "cornerRadius": 0, - "curveFrom": "{1, 1}", - "curveMode": 1, - "curveTo": "{1, 1}", - "hasCurveFrom": false, - "hasCurveTo": false, - "point": "{1, 1}", - }, - Object { - "_class": "curvePoint", - "cornerRadius": 0, - "curveFrom": "{0, 1}", - "curveMode": 1, - "curveTo": "{0, 1}", - "hasCurveFrom": false, - "hasCurveTo": false, - "point": "{0, 1}", - }, - ], - "resizingConstraint": 63, - "resizingType": 0, - "rotation": 0, - "shouldBreakMaskChain": false, - "style": Object { - "_class": "style", - "borders": Array [ - Object { - "_class": "border", - "color": Object { - "_class": "color", - "alpha": 1, - "blue": 0.592, - "green": 0.592, - "red": 0.592, - }, - "fillType": 0, - "isEnabled": false, - "position": 1, - "thickness": 1, - }, - ], - "do_objectID": "51298C18-FC55-4415-BEC0-11D30FD521DF", - "endMarkerType": 0, - "fills": Array [ - Object { - "_class": "fill", - "color": Object { - "_class": "color", - "alpha": 1, - "blue": 0.9921568627450981, - "green": 0.9764705882352941, - "red": 0.9490196078431372, - }, - "fillType": 0, - "isEnabled": true, - "noiseIndex": 0, - "noiseIntensity": 0, - "patternFillType": 1, - "patternTileScale": 1, - }, - ], - "miterLimit": 10, - "startMarkerType": 0, - "windingRule": 1, - }, - "userInfo": Object { - "com.animaapp.stc-sketch-plugin": Object { - "kModelPropertiesKey": Object {}, - }, - }, - }, - ], - "layout": Object { - "_class": "layoutGrid", - "columnWidth": 1, - "do_objectID": "3A04CEF3-E993-4368-9EB3-D63FFC03FF96", - "drawHorizontal": true, - "drawHorizontalLines": false, - "drawVertical": false, - "gutterHeight": 8, - "gutterWidth": 86.18181818181819, - "guttersOutside": false, - "horizontalOffset": 0, - "isEnabled": false, - "numberOfColumns": 12, - "rowHeightMultiplication": 1, - "totalWidth": 960, - }, - "name": "primitives/color/primary/100", - "nameIsFixed": true, - "overrideProperties": Array [], - "resizesContent": false, - "resizingConstraint": 63, - "resizingType": 0, - "rotation": 0, - "shouldBreakMaskChain": true, - "style": Object { - "_class": "style", - "do_objectID": "29A0EE17-39AE-4C71-A964-EB761CDEACB3", - "endMarkerType": 0, - "miterLimit": 10, - "startMarkerType": 0, - "windingRule": 1, - }, - "symbolID": "CADC4CBE-9036-46BB-B170-C289EBBA9FAA", - "userInfo": Object { - "com.animaapp.stc-sketch-plugin": Object { - "kModelPropertiesKey": Object {}, - }, - }, - "verticalRulerData": Object { - "_class": "rulerData", - "base": 0, - "do_objectID": "7CF7DEE7-C330-42EA-8643-D662CEFAD3FE", - "guides": Array [], - }, - }, - Object { - "_class": "symbolMaster", - "allowsOverrides": true, - "backgroundColor": Object { - "_class": "color", - "alpha": 1, - "blue": 1, - "do_objectID": "7714410B-BA15-4E33-8B34-3A5A0E12F45C", - "green": 1, - "red": 1, - }, - "booleanOperation": 0, - "changeIdentifier": 1435, - "clippingMaskMode": 0, - "do_objectID": "C43D3A12-E181-4E63-B45A-4B6EF1BAE7EE", - "exportOptions": Object { - "_class": "exportOptions", - "do_objectID": "79D4E5D3-F16A-455C-A235-F3A766294FED", - "exportFormats": Array [], - "includedLayerIds": Array [], - "layerOptions": 0, - "shouldTrim": false, - }, - "frame": Object { - "_class": "rect", - "constrainProportions": false, - "do_objectID": "F20A73F9-3BBD-46D9-B281-BEC50D3EF0E6", - "height": 24, - "width": 24, - "x": 1131, - "y": 407, - }, - "grid": Object { - "_class": "simpleGrid", - "do_objectID": "17507E90-AD39-4E98-A863-131DE33462B2", - "gridSize": 20, - "isEnabled": false, - "thickGridTimes": 10, - }, - "groupLayout": Object { - "_class": "MSImmutableFreeformGroupLayout", - }, - "hasBackgroundColor": false, - "hasClickThrough": true, - "hasClippingMask": false, - "horizontalRulerData": Object { - "_class": "rulerData", - "base": 0, - "do_objectID": "9DDC0741-FB84-4CA5-860B-A3A2922A1B0C", - "guides": Array [], - }, - "includeBackgroundColorInExport": true, - "includeBackgroundColorInInstance": false, - "includeInCloudUpload": true, - "isFixedToViewport": false, - "isFlippedHorizontal": false, - "isFlippedVertical": false, - "isFlowHome": false, - "isLocked": false, - "isVisible": true, - "layerListExpandedType": 2, - "layers": Array [ - Object { - "_class": "rectangle", - "booleanOperation": -1, - "clippingMaskMode": 0, - "do_objectID": "A6F41060-DE2D-486D-A4A4-D3C968B6B2ED", - "edited": false, - "exportOptions": Object { - "_class": "exportOptions", - "do_objectID": "4256E00C-6FB1-439C-9702-C572EBAF0733", - "exportFormats": Array [], - "includedLayerIds": Array [], - "layerOptions": 0, - "shouldTrim": false, - }, - "fixedRadius": 0, - "frame": Object { - "_class": "rect", - "constrainProportions": false, - "height": 24, - "width": 24, - "x": 0, - "y": 0, - }, - "hasClippingMask": false, - "hasConvertedToNewRoundCorners": true, - "isClosed": true, - "isFixedToViewport": false, - "isFlippedHorizontal": false, - "isFlippedVertical": false, - "isLocked": false, - "isVisible": true, - "layerListExpandedType": 1, - "name": "gray-dark", - "nameIsFixed": true, - "pointRadiusBehaviour": 1, - "points": Array [ - Object { - "_class": "curvePoint", - "cornerRadius": 0, - "curveFrom": "{0, 0}", - "curveMode": 1, - "curveTo": "{0, 0}", - "hasCurveFrom": false, - "hasCurveTo": false, - "point": "{0, 0}", - }, - Object { - "_class": "curvePoint", - "cornerRadius": 0, - "curveFrom": "{1, 0}", - "curveMode": 1, - "curveTo": "{1, 0}", - "hasCurveFrom": false, - "hasCurveTo": false, - "point": "{1, 0}", - }, - Object { - "_class": "curvePoint", - "cornerRadius": 0, - "curveFrom": "{1, 1}", - "curveMode": 1, - "curveTo": "{1, 1}", - "hasCurveFrom": false, - "hasCurveTo": false, - "point": "{1, 1}", - }, - Object { - "_class": "curvePoint", - "cornerRadius": 0, - "curveFrom": "{0, 1}", - "curveMode": 1, - "curveTo": "{0, 1}", - "hasCurveFrom": false, - "hasCurveTo": false, - "point": "{0, 1}", - }, - ], - "resizingConstraint": 63, - "resizingType": 0, - "rotation": 0, - "shouldBreakMaskChain": false, - "style": Object { - "_class": "style", - "borders": Array [ - Object { - "_class": "border", - "color": Object { - "_class": "color", - "alpha": 1, - "blue": 0.592, - "green": 0.592, - "red": 0.592, - }, - "fillType": 0, - "isEnabled": false, - "position": 1, - "thickness": 1, - }, - ], - "do_objectID": "B5D155F6-03F7-49A5-851C-B244266AFE0F", - "endMarkerType": 0, - "fills": Array [ - Object { - "_class": "fill", - "color": Object { - "_class": "color", - "alpha": 1, - "blue": 0.2431372549019607, - "green": 0.4901960784313725, - "red": 0.1333333333333333, - }, - "fillType": 0, - "isEnabled": true, - "noiseIndex": 0, - "noiseIntensity": 0, - "patternFillType": 1, - "patternTileScale": 1, - }, - ], - "miterLimit": 10, - "startMarkerType": 0, - "windingRule": 1, - }, - "userInfo": Object { - "com.animaapp.stc-sketch-plugin": Object { - "kModelPropertiesKey": Object {}, - }, - }, - }, - ], - "layout": Object { - "_class": "layoutGrid", - "columnWidth": 1, - "do_objectID": "E569FE3A-5E91-42C7-8F34-26F917CF903F", - "drawHorizontal": true, - "drawHorizontalLines": false, - "drawVertical": false, - "gutterHeight": 8, - "gutterWidth": 86.18181818181819, - "guttersOutside": false, - "horizontalOffset": 0, - "isEnabled": false, - "numberOfColumns": 12, - "rowHeightMultiplication": 1, - "totalWidth": 960, - }, - "name": "primitives/color/secondary/900", - "nameIsFixed": true, - "overrideProperties": Array [], - "resizesContent": false, - "resizingConstraint": 63, - "resizingType": 0, - "rotation": 0, - "shouldBreakMaskChain": true, - "style": Object { - "_class": "style", - "do_objectID": "9073454D-6F27-48F6-B5B8-48B2ACE0350B", - "endMarkerType": 0, - "miterLimit": 10, - "startMarkerType": 0, - "windingRule": 1, - }, - "symbolID": "7A46E03C-36CF-4AA1-A1E7-C040D4AC0E97", - "userInfo": Object { - "com.animaapp.stc-sketch-plugin": Object { - "kModelPropertiesKey": Object {}, - }, - }, - "verticalRulerData": Object { - "_class": "rulerData", - "base": 0, - "do_objectID": "253E3B0F-29DB-4E27-9D4F-0053F2C142BC", - "guides": Array [], - }, - }, - Object { - "_class": "symbolMaster", - "allowsOverrides": true, - "backgroundColor": Object { - "_class": "color", - "alpha": 1, - "blue": 1, - "do_objectID": "9529ABC9-30E5-4AA6-8527-45B809D32774", - "green": 1, - "red": 1, - }, - "booleanOperation": 0, - "changeIdentifier": 1569, - "clippingMaskMode": 0, - "do_objectID": "36107A8A-014B-4AF9-AFC4-A372903B5155", - "exportOptions": Object { - "_class": "exportOptions", - "do_objectID": "C8753EB3-5DE1-412B-8123-F4CA8786C121", - "exportFormats": Array [], - "includedLayerIds": Array [], - "layerOptions": 0, - "shouldTrim": false, - }, - "frame": Object { - "_class": "rect", - "constrainProportions": false, - "do_objectID": "E234A8D5-896D-4828-A581-ECA17643AEB9", - "height": 24, - "width": 24, - "x": 1098, - "y": 407, - }, - "grid": Object { - "_class": "simpleGrid", - "do_objectID": "2169935D-78A4-4F9E-93F0-4231C5535112", - "gridSize": 20, - "isEnabled": false, - "thickGridTimes": 10, - }, - "groupLayout": Object { - "_class": "MSImmutableFreeformGroupLayout", - }, - "hasBackgroundColor": false, - "hasClickThrough": true, - "hasClippingMask": false, - "horizontalRulerData": Object { - "_class": "rulerData", - "base": 0, - "do_objectID": "FD56ABEA-5ABF-4B09-8705-F92D89B66418", - "guides": Array [], - }, - "includeBackgroundColorInExport": true, - "includeBackgroundColorInInstance": false, - "includeInCloudUpload": true, - "isFixedToViewport": false, - "isFlippedHorizontal": false, - "isFlippedVertical": false, - "isFlowHome": false, - "isLocked": false, - "isVisible": true, - "layerListExpandedType": 2, - "layers": Array [ - Object { - "_class": "rectangle", - "booleanOperation": -1, - "clippingMaskMode": 0, - "do_objectID": "A63E9CE6-1240-4DA3-87A8-354A7F2D5529", - "edited": false, - "exportOptions": Object { - "_class": "exportOptions", - "do_objectID": "75F0C030-C9BA-4DB4-90FD-5B0A2A33BDDD", - "exportFormats": Array [], - "includedLayerIds": Array [], - "layerOptions": 0, - "shouldTrim": false, - }, - "fixedRadius": 0, - "frame": Object { - "_class": "rect", - "constrainProportions": false, - "height": 24, - "width": 24, - "x": 0, - "y": 0, - }, - "hasClippingMask": false, - "hasConvertedToNewRoundCorners": true, - "isClosed": true, - "isFixedToViewport": false, - "isFlippedHorizontal": false, - "isFlippedVertical": false, - "isLocked": false, - "isVisible": true, - "layerListExpandedType": 1, - "name": "gray-dark", - "nameIsFixed": true, - "pointRadiusBehaviour": 1, - "points": Array [ - Object { - "_class": "curvePoint", - "cornerRadius": 0, - "curveFrom": "{0, 0}", - "curveMode": 1, - "curveTo": "{0, 0}", - "hasCurveFrom": false, - "hasCurveTo": false, - "point": "{0, 0}", - }, - Object { - "_class": "curvePoint", - "cornerRadius": 0, - "curveFrom": "{1, 0}", - "curveMode": 1, - "curveTo": "{1, 0}", - "hasCurveFrom": false, - "hasCurveTo": false, - "point": "{1, 0}", - }, - Object { - "_class": "curvePoint", - "cornerRadius": 0, - "curveFrom": "{1, 1}", - "curveMode": 1, - "curveTo": "{1, 1}", - "hasCurveFrom": false, - "hasCurveTo": false, - "point": "{1, 1}", - }, - Object { - "_class": "curvePoint", - "cornerRadius": 0, - "curveFrom": "{0, 1}", - "curveMode": 1, - "curveTo": "{0, 1}", - "hasCurveFrom": false, - "hasCurveTo": false, - "point": "{0, 1}", - }, - ], - "resizingConstraint": 63, - "resizingType": 0, - "rotation": 0, - "shouldBreakMaskChain": false, - "style": Object { - "_class": "style", - "borders": Array [ - Object { - "_class": "border", - "color": Object { - "_class": "color", - "alpha": 1, - "blue": 0.592, - "green": 0.592, - "red": 0.592, - }, - "fillType": 0, - "isEnabled": false, - "position": 1, - "thickness": 1, - }, - ], - "do_objectID": "3B823A74-D90E-4FEE-9CE3-D8BA0A7CC55B", - "endMarkerType": 0, - "fills": Array [ - Object { - "_class": "fill", - "color": Object { - "_class": "color", - "alpha": 1, - "blue": 0.3675662520201618, - "green": 0.3675662520201618, - "red": 0.9606186224489796, - }, - "fillType": 0, - "isEnabled": true, - "noiseIndex": 0, - "noiseIntensity": 0, - "patternFillType": 1, - "patternTileScale": 1, - }, - ], - "miterLimit": 10, - "startMarkerType": 0, - "windingRule": 1, - }, - "userInfo": Object { - "com.animaapp.stc-sketch-plugin": Object { - "kModelPropertiesKey": Object {}, - }, - }, - }, - ], - "layout": Object { - "_class": "layoutGrid", - "columnWidth": 1, - "do_objectID": "FB64C76A-6AEC-463D-8ED7-4FDAFA4C0237", - "drawHorizontal": true, - "drawHorizontalLines": false, - "drawVertical": false, - "gutterHeight": 8, - "gutterWidth": 86.18181818181819, - "guttersOutside": false, - "horizontalOffset": 0, - "isEnabled": false, - "numberOfColumns": 12, - "rowHeightMultiplication": 1, - "totalWidth": 960, - }, - "name": "primitives/color/red", - "nameIsFixed": true, - "overrideProperties": Array [], - "resizesContent": false, - "resizingConstraint": 63, - "resizingType": 0, - "rotation": 0, - "shouldBreakMaskChain": true, - "style": Object { - "_class": "style", - "do_objectID": "12A977A3-10B0-44E4-994C-D860A438FEA4", - "endMarkerType": 0, - "miterLimit": 10, - "startMarkerType": 0, - "windingRule": 1, - }, - "symbolID": "0059EBB3-0C83-4D2C-AC26-845113B5F1CB", - "userInfo": Object { - "com.animaapp.stc-sketch-plugin": Object { - "kModelPropertiesKey": Object {}, - }, + Object { + "alpha": 1, + "blue": 250, + "green": 243, + "hex": "e5f3fa", + "hsl": Array [ + 200, + 68, + 94, + ], + "id": "primary200", + "name": "solitude", + "red": 229, + "rgb": Array [ + 229, + 243, + 250, + ], + "rgba": Array [ + 229, + 243, + 250, + 1, + ], + "token": "color", + "variant": "200", + }, + Object { + "alpha": 1, + "blue": 253, + "green": 249, + "hex": "f2f9fd", + "hsl": Array [ + 202, + 73, + 97, + ], + "id": "primary100", + "name": "aliceBlue", + "red": 242, + "rgb": Array [ + 242, + 249, + 253, + ], + "rgba": Array [ + 242, + 249, + 253, + 1, + ], + "token": "color", + "variant": "100", + }, + Object { + "alpha": 1, + "blue": 62, + "green": 125, + "hex": "227d3e", + "hsl": Array [ + 138, + 57, + 31, + ], + "id": "secondary900", + "name": "salem", + "red": 34, + "rgb": Array [ + 34, + 125, + 62, + ], + "rgba": Array [ + 34, + 125, + 62, + 1, + ], + "token": "color", + "variant": "900", + }, + Object { + "alpha": 1, + "blue": 94, + "green": 94, + "hex": "f55e5e", + "hsl": Array [ + 0, + 88, + 66, + ], + "id": "redUndefined", + "name": "carnation", + "red": 245, + "rgb": Array [ + 245, + 94, + 94, + ], + "rgba": Array [ + 245, + 94, + 94, + 1, + ], + "token": "color", + }, + Object { + "alpha": 1, + "blue": 74, + "green": 135, + "hex": "3e874a", + "hsl": Array [ + 130, + 37, + 39, + ], + "id": "secondary800", + "name": "seaGreen", + "red": 62, + "rgb": Array [ + 62, + 135, + 74, + ], + "rgba": Array [ + 62, + 135, + 74, + 1, + ], + "token": "color", + "variant": "800", + }, + Object { + "alpha": 1, + "blue": 88, + "green": 145, + "hex": "559158", + "hsl": Array [ + 123, + 26, + 45, + ], + "id": "secondary700", + "name": "hippieGreen", + "red": 85, + "rgb": Array [ + 85, + 145, + 88, + ], + "rgba": Array [ + 85, + 145, + 88, + 1, + ], + "token": "color", + "variant": "700", + }, + Object { + "alpha": 1, + "blue": 106, + "green": 157, + "hex": "6b9d6a", + "hsl": Array [ + 119, + 21, + 52, + ], + "id": "secondary600", + "name": "aquaForest", + "red": 107, + "rgb": Array [ + 107, + 157, + 106, + ], + "rgba": Array [ + 107, + 157, + 106, + 1, + ], + "token": "color", + "variant": "600", + }, + Object { + "alpha": 1, + "blue": 124, + "green": 169, + "hex": "81a97c", + "hsl": Array [ + 113, + 21, + 57, + ], + "id": "secondary500", + "name": "amulet", + "red": 129, + "rgb": Array [ + 129, + 169, + 124, + ], + "rgba": Array [ + 129, + 169, + 124, + 1, + ], + "token": "color", + "variant": "500", + }, + Object { + "alpha": 1, + "blue": 144, + "green": 182, + "hex": "97b690", + "hsl": Array [ + 109, + 21, + 64, + ], + "id": "secondary400", + "name": "norway", + "red": 151, + "rgb": Array [ + 151, + 182, + 144, + ], + "rgba": Array [ + 151, + 182, + 144, + 1, + ], + "token": "color", + "variant": "400", + }, + Object { + "alpha": 1, + "blue": 186, + "green": 210, + "hex": "c0d2ba", + "hsl": Array [ + 105, + 21, + 78, + ], + "id": "secondary300", + "name": "paleLeaf", + "red": 192, + "rgb": Array [ + 192, + 210, + 186, + ], + "rgba": Array [ + 192, + 210, + 186, + 1, + ], + "token": "color", + "variant": "300", + }, + Object { + "alpha": 1, + "blue": 208, + "green": 224, + "hex": "d4e0d0", + "hsl": Array [ + 105, + 21, + 85, + ], + "id": "secondary200", + "name": "tasman", + "red": 212, + "rgb": Array [ + 212, + 224, + 208, + ], + "rgba": Array [ + 212, + 224, + 208, + 1, + ], + "token": "color", + "variant": "200", + }, + Object { + "alpha": 1, + "blue": 231, + "green": 239, + "hex": "e9efe7", + "hsl": Array [ + 105, + 20, + 92, + ], + "id": "secondary100", + "name": "grayNurse", + "red": 233, + "rgb": Array [ + 233, + 239, + 231, + ], + "rgba": Array [ + 233, + 239, + 231, + 1, + ], + "token": "color", + "variant": "100", + }, + ], + "fileType": "FIGMA", + "fonts": Array [ + "FiraSans-Book", + "Helvetica-Bold", + "FiraSans-Regular", + "FiraSans-Bold", + ], + "gradients": Array [ + Object { + "from": Array [ + 0.5038167845431096, + 1.0000000396974489, + ], + "name": "linear", + "stops": Array [ + Object { + "color": Object { + "alpha": 1, + "blue": 144, + "green": 182, + "hex": "97b690", + "hsl": Array [ + 109, + 21, + 64, + ], + "name": "norway", + "red": 151, + "rgb": Array [ + 151, + 182, + 144, + ], + "rgba": Array [ + 151, + 182, + 144, + 1, + ], + "token": "color", }, - "verticalRulerData": Object { - "_class": "rulerData", - "base": 0, - "do_objectID": "9943BA12-F3EE-452F-BDF3-1425DEE65C57", - "guides": Array [], + "position": 0, + }, + Object { + "color": Object { + "alpha": 1, + "blue": 88, + "green": 145, + "hex": "559158", + "hsl": Array [ + 123, + 26, + 45, + ], + "name": "hippieGreen", + "red": 85, + "rgb": Array [ + 85, + 145, + 88, + ], + "rgba": Array [ + 85, + 145, + 88, + 1, + ], + "token": "color", }, + "position": 0.5038507580757141, }, Object { - "_class": "symbolMaster", - "allowsOverrides": true, - "backgroundColor": Object { - "_class": "color", + "color": Object { "alpha": 1, - "blue": 1, - "do_objectID": "6B1F1A70-C3A9-4DC8-A08B-D4B937FB065E", - "green": 1, - "red": 1, + "blue": 62, + "green": 125, + "hex": "227d3e", + "hsl": Array [ + 138, + 57, + 31, + ], + "name": "salem", + "red": 34, + "rgb": Array [ + 34, + 125, + 62, + ], + "rgba": Array [ + 34, + 125, + 62, + 1, + ], + "token": "color", }, - "booleanOperation": 0, - "changeIdentifier": 1581, - "clippingMaskMode": 0, - "do_objectID": "BB725F66-962D-4674-8835-19A19EA41CA1", - "exportOptions": Object { - "_class": "exportOptions", - "do_objectID": "C7AEDF9E-9993-4F40-BF57-D500A0371814", - "exportFormats": Array [], - "includedLayerIds": Array [], - "layerOptions": 0, - "shouldTrim": false, + "position": 1, + }, + ], + "to": Array [ + 0.9999999762012087, + 0.9999999613903336, + ], + "token": "gradient", + "type": "LINEAR", + }, + Object { + "from": Array [ + 0.4999999999999999, + 1.0000000000000002, + ], + "name": "radial", + "stops": Array [ + Object { + "color": Object { + "alpha": 1, + "blue": 144, + "green": 182, + "hex": "97b690", + "hsl": Array [ + 109, + 21, + 64, + ], + "name": "norway", + "red": 151, + "rgb": Array [ + 151, + 182, + 144, + ], + "rgba": Array [ + 151, + 182, + 144, + 1, + ], + "token": "color", }, - "frame": Object { - "_class": "rect", - "constrainProportions": false, - "do_objectID": "B659E879-B777-4BA0-9DB2-D5FA9F8CD419", - "height": 24, - "width": 24, - "x": 1131, - "y": 445, + "position": 0, + }, + Object { + "color": Object { + "alpha": 1, + "blue": 62, + "green": 125, + "hex": "227d3e", + "hsl": Array [ + 138, + 57, + 31, + ], + "name": "salem", + "red": 34, + "rgb": Array [ + 34, + 125, + 62, + ], + "rgba": Array [ + 34, + 125, + 62, + 1, + ], + "token": "color", }, - "groupLayout": Object { - "_class": "MSImmutableFreeformGroupLayout", + "position": 1, + }, + ], + "to": Array [ + 1.7726315302406337, + 1.0000000000000002, + ], + "token": "gradient", + "type": "RADIAL", + }, + Object { + "from": Array [ + 0.5, + 0.5, + ], + "name": "angular", + "stops": Array [ + Object { + "color": Object { + "alpha": 1, + "blue": 144, + "green": 182, + "hex": "97b690", + "hsl": Array [ + 109, + 21, + 64, + ], + "name": "norway", + "red": 151, + "rgb": Array [ + 151, + 182, + 144, + ], + "rgba": Array [ + 151, + 182, + 144, + 1, + ], + "token": "color", }, - "hasBackgroundColor": false, - "hasClickThrough": true, - "hasClippingMask": false, - "horizontalRulerData": Object { - "_class": "rulerData", - "base": 0, - "do_objectID": "8EF017EB-02ED-4962-86BC-7226741B346C", - "guides": Array [], + "position": 0.4336458444595337, + }, + Object { + "color": Object { + "alpha": 1, + "blue": 62, + "green": 125, + "hex": "227d3e", + "hsl": Array [ + 138, + 57, + 31, + ], + "name": "salem", + "red": 34, + "rgb": Array [ + 34, + 125, + 62, + ], + "rgba": Array [ + 34, + 125, + 62, + 1, + ], + "token": "color", }, - "includeBackgroundColorInExport": true, - "includeBackgroundColorInInstance": false, - "includeInCloudUpload": true, - "isFixedToViewport": false, - "isFlippedHorizontal": false, - "isFlippedVertical": false, - "isFlowHome": false, - "isLocked": false, - "isVisible": true, - "layerListExpandedType": 2, - "layers": Array [ - Object { - "_class": "rectangle", - "booleanOperation": -1, - "clippingMaskMode": 0, - "do_objectID": "006F77EE-04BC-4208-A7C4-B83EA6CF8093", - "edited": false, - "exportOptions": Object { - "_class": "exportOptions", - "do_objectID": "5B032ED2-FED9-49D4-89B8-F36609FDBF2E", - "exportFormats": Array [], - "includedLayerIds": Array [], - "layerOptions": 0, - "shouldTrim": false, - }, - "fixedRadius": 0, - "frame": Object { - "_class": "rect", - "constrainProportions": false, - "height": 24, - "width": 24, - "x": 0, - "y": 0, - }, - "hasClippingMask": false, - "hasConvertedToNewRoundCorners": true, - "isClosed": true, - "isFixedToViewport": false, - "isFlippedHorizontal": false, - "isFlippedVertical": false, - "isLocked": false, - "isVisible": true, - "layerListExpandedType": 1, - "name": "gray-dark", - "nameIsFixed": true, - "pointRadiusBehaviour": 1, - "points": Array [ - Object { - "_class": "curvePoint", - "cornerRadius": 0, - "curveFrom": "{0, 0}", - "curveMode": 1, - "curveTo": "{0, 0}", - "hasCurveFrom": false, - "hasCurveTo": false, - "point": "{0, 0}", - }, - Object { - "_class": "curvePoint", - "cornerRadius": 0, - "curveFrom": "{1, 0}", - "curveMode": 1, - "curveTo": "{1, 0}", - "hasCurveFrom": false, - "hasCurveTo": false, - "point": "{1, 0}", + "position": 1, + }, + ], + "to": Array [ + 0.5, + 1, + ], + "token": "gradient", + "type": "ANGULAR", + }, + ], + "shadows": Array [ + Object { + "blur": 4, + "color": Object { + "alpha": 0.5, + "blue": 0, + "green": 0, + "hex": "000000", + "hsl": Array [ + 0, + 0, + 0, + ], + "name": "black", + "red": 0, + "rgb": Array [ + 0, + 0, + 0, + ], + "rgba": Array [ + 0, + 0, + 0, + 0.5, + ], + "token": "color", + }, + "id": "simple", + "spread": null, + "token": "shadow", + "type": "drop-shadow", + "x": 0, + "y": 2, + }, + Object { + "blur": 3, + "color": Object { + "alpha": 0.5, + "blue": 0, + "green": 0, + "hex": "000000", + "hsl": Array [ + 0, + 0, + 0, + ], + "name": "black", + "red": 0, + "rgb": Array [ + 0, + 0, + 0, + ], + "rgba": Array [ + 0, + 0, + 0, + 0.5, + ], + "token": "color", + }, + "id": "simple", + "spread": null, + "token": "shadow", + "type": "inner-shadow", + "x": 0, + "y": 1, + }, + ], + "textStyles": Array [ + Object { + "borderBottom": null, + "family": "FiraSans-Book", + "id": "paragraph", + "kerning": null, + "lineHeight": 21.1, + "paragraphSpacing": 0, + "size": 18, + "token": "text-style", + "weight": "book", + }, + Object { + "borderBottom": null, + "family": "Helvetica-Bold", + "id": "quote", + "kerning": 0.6, + "lineHeight": 16.4, + "paragraphSpacing": 0, + "size": 14, + "token": "text-style", + "weight": "bold", + }, + Object { + "borderBottom": null, + "family": "FiraSans-Regular", + "id": "heading2", + "kerning": null, + "lineHeight": 42.2, + "paragraphSpacing": 0, + "size": 36, + "token": "text-style", + "weight": "regular", + }, + Object { + "borderBottom": null, + "family": "FiraSans-Bold", + "id": "heading1", + "kerning": null, + "lineHeight": 57.6, + "paragraphSpacing": 0, + "size": 48, + "token": "text-style", + "weight": "bold", + }, + ], +} +`; + +exports[`Verify that the mocks are unchanged for Figma -> Raw dump 1`] = ` +Object { + "components": Object { + "1:10": Object { + "description": "", + "key": "", + "name": "primitives/color/primary/900", + }, + "1:12": Object { + "description": "", + "key": "", + "name": "primitives/color/primary/800", + }, + "1:14": Object { + "description": "", + "key": "", + "name": "primitives/color/primary/700", + }, + "1:16": Object { + "description": "", + "key": "", + "name": "primitives/color/primary/600", + }, + "1:18": Object { + "description": "", + "key": "", + "name": "primitives/color/primary/500", + }, + "1:20": Object { + "description": "", + "key": "", + "name": "primitives/color/primary/400", + }, + "1:22": Object { + "description": "", + "key": "", + "name": "primitives/color/primary/300", + }, + "1:24": Object { + "description": "", + "key": "", + "name": "primitives/color/primary/200", + }, + "1:26": Object { + "description": "", + "key": "", + "name": "primitives/color/primary/100", + }, + "1:28": Object { + "description": "", + "key": "", + "name": "primitives/color/secondary/900", + }, + "1:30": Object { + "description": "", + "key": "", + "name": "primitives/color/red", + }, + "1:32": Object { + "description": "", + "key": "", + "name": "primitives/color/secondary/800", + }, + "1:34": Object { + "description": "", + "key": "", + "name": "primitives/color/secondary/700", + }, + "1:36": Object { + "description": "", + "key": "", + "name": "primitives/color/secondary/600", + }, + "1:38": Object { + "description": "", + "key": "", + "name": "primitives/color/secondary/500", + }, + "1:40": Object { + "description": "", + "key": "", + "name": "primitives/color/secondary/400", + }, + "1:42": Object { + "description": "", + "key": "", + "name": "primitives/color/secondary/300", + }, + "1:44": Object { + "description": "", + "key": "", + "name": "primitives/color/secondary/200", + }, + "1:46": Object { + "description": "", + "key": "", + "name": "primitives/color/secondary/100", + }, + "3:207": Object { + "description": "", + "key": "", + "name": "icons/hubble/plain", + }, + "3:89": Object { + "description": "", + "key": "", + "name": "illustrations/hubble/telescope", + }, + }, + "document": Object { + "children": Array [ + Object { + "backgroundColor": Object { + "a": 1, + "b": 0.8980392217636108, + "g": 0.8980392217636108, + "r": 0.8980392217636108, + }, + "children": Array [ + Object { + "absoluteBoundingBox": Object { + "height": 18, + "width": 81, + "x": -561, + "y": 8, + }, + "background": Array [ + Object { + "blendMode": "NORMAL", + "color": Object { + "a": 1, + "b": 1, + "g": 1, + "r": 1, }, - Object { - "_class": "curvePoint", - "cornerRadius": 0, - "curveFrom": "{1, 1}", - "curveMode": 1, - "curveTo": "{1, 1}", - "hasCurveFrom": false, - "hasCurveTo": false, - "point": "{1, 1}", + "type": "SOLID", + }, + ], + "backgroundColor": Object { + "a": 1, + "b": 1, + "g": 1, + "r": 1, + }, + "blendMode": "PASS_THROUGH", + "children": Array [ + Object { + "absoluteBoundingBox": Object { + "height": 22, + "width": 115, + "x": -562, + "y": 5, }, - Object { - "_class": "curvePoint", - "cornerRadius": 0, - "curveFrom": "{0, 1}", - "curveMode": 1, - "curveTo": "{0, 1}", - "hasCurveFrom": false, - "hasCurveTo": false, - "point": "{0, 1}", + "blendMode": "PASS_THROUGH", + "characterStyleOverrides": Array [], + "characters": "Paragraph", + "constraints": Object { + "horizontal": "SCALE", + "vertical": "SCALE", }, - ], - "resizingConstraint": 63, - "resizingType": 0, - "rotation": 0, - "shouldBreakMaskChain": false, - "style": Object { - "_class": "style", - "borders": Array [ - Object { - "_class": "border", - "color": Object { - "_class": "color", - "alpha": 1, - "blue": 0.592, - "green": 0.592, - "red": 0.592, - }, - "fillType": 0, - "isEnabled": false, - "position": 1, - "thickness": 1, - }, - ], - "do_objectID": "31AD4963-511F-4A63-AEDF-FEB71B4F66D5", - "endMarkerType": 0, + "effects": Array [], "fills": Array [ Object { - "_class": "fill", + "blendMode": "NORMAL", "color": Object { - "_class": "color", - "alpha": 1, - "blue": 0.2901960784313725, - "green": 0.5294117647058824, - "red": 0.2431372549019608, + "a": 1, + "b": 0, + "g": 0, + "r": 0, }, - "fillType": 0, - "isEnabled": true, - "noiseIndex": 0, - "noiseIntensity": 0, - "patternFillType": 1, - "patternTileScale": 1, + "type": "SOLID", }, ], - "miterLimit": 10, - "startMarkerType": 0, - "windingRule": 1, - }, - "userInfo": Object { - "com.animaapp.stc-sketch-plugin": Object { - "kModelPropertiesKey": Object {}, + "id": "1:3", + "name": "Paragraph", + "strokeAlign": "CENTER", + "strokeWeight": 0, + "strokes": Array [], + "style": Object { + "fontFamily": "FiraSans", + "fontPostScriptName": "FiraSans-Book", + "fontSize": 18, + "fontWeight": 400, + "letterSpacing": 0, + "lineHeightPercent": 100, + "lineHeightPx": 21.09375, + "lineHeightUnit": "INTRINSIC_%", + "textAlignHorizontal": "LEFT", + "textAlignVertical": "TOP", }, + "styleOverrideTable": Object {}, + "type": "TEXT", }, + ], + "clipsContent": true, + "constraints": Object { + "horizontal": "SCALE", + "vertical": "SCALE", }, - ], - "layout": Object { - "_class": "layoutGrid", - "columnWidth": 1, - "do_objectID": "319B16CE-3382-4FC9-A9DA-AEB419E40E66", - "drawHorizontal": true, - "drawHorizontalLines": false, - "drawVertical": false, - "gutterHeight": 8, - "gutterWidth": 86.18181818181819, - "guttersOutside": false, - "horizontalOffset": 0, - "isEnabled": false, - "numberOfColumns": 12, - "rowHeightMultiplication": 1, - "totalWidth": 960, - }, - "name": "primitives/color/secondary/800", - "nameIsFixed": true, - "overrideProperties": Array [], - "resizesContent": false, - "resizingConstraint": 63, - "resizingType": 0, - "rotation": 0, - "shouldBreakMaskChain": true, - "style": Object { - "_class": "style", - "do_objectID": "EF7B7578-7ECB-4E66-8BE8-31CB6706E4C7", - "endMarkerType": 0, - "miterLimit": 10, - "startMarkerType": 0, - "windingRule": 1, + "effects": Array [], + "id": "1:2", + "layoutGrids": Array [], + "name": "textstyle/paragraph", + "type": "FRAME", }, - "symbolID": "618C2443-EB47-4245-8ED3-585D67B75D21", - "userInfo": Object { - "com.animaapp.stc-sketch-plugin": Object { - "kModelPropertiesKey": Object {}, + Object { + "absoluteBoundingBox": Object { + "height": 12, + "width": 43, + "x": -562, + "y": 41, }, - }, - "verticalRulerData": Object { - "_class": "rulerData", - "base": 0, - "do_objectID": "AE680BBA-1F5C-44E5-8A7B-E92609411D61", - "guides": Array [], - }, - }, - Object { - "_class": "symbolMaster", - "allowsOverrides": true, - "backgroundColor": Object { - "_class": "color", - "alpha": 1, - "blue": 1, - "do_objectID": "17803EE2-EE74-4EFF-879B-02C786E41701", - "green": 1, - "red": 1, - }, - "booleanOperation": 0, - "changeIdentifier": 1624, - "clippingMaskMode": 0, - "do_objectID": "46F335CE-30A0-4925-B587-F5BA1D324C5E", - "exportOptions": Object { - "_class": "exportOptions", - "do_objectID": "CBCAED3B-011D-41B0-B701-ACC22601C118", - "exportFormats": Array [], - "includedLayerIds": Array [], - "layerOptions": 0, - "shouldTrim": false, - }, - "frame": Object { - "_class": "rect", - "constrainProportions": false, - "do_objectID": "52D5B0CE-C6DF-4B3F-92D8-823F14DD591B", - "height": 24, - "width": 24, - "x": 1131, - "y": 488, - }, - "groupLayout": Object { - "_class": "MSImmutableFreeformGroupLayout", - }, - "hasBackgroundColor": false, - "hasClickThrough": true, - "hasClippingMask": false, - "horizontalRulerData": Object { - "_class": "rulerData", - "base": 0, - "do_objectID": "74F9746C-FE00-4107-8552-5ED0F3A050DA", - "guides": Array [], - }, - "includeBackgroundColorInExport": true, - "includeBackgroundColorInInstance": false, - "includeInCloudUpload": true, - "isFixedToViewport": false, - "isFlippedHorizontal": false, - "isFlippedVertical": false, - "isFlowHome": false, - "isLocked": false, - "isVisible": true, - "layerListExpandedType": 2, - "layers": Array [ - Object { - "_class": "rectangle", - "booleanOperation": -1, - "clippingMaskMode": 0, - "do_objectID": "259DCF0D-90E9-41DF-B6B4-FB14DBFA8C21", - "edited": false, - "exportOptions": Object { - "_class": "exportOptions", - "do_objectID": "AFB1D987-BF06-4C8C-830A-23D19ED5F8AA", - "exportFormats": Array [], - "includedLayerIds": Array [], - "layerOptions": 0, - "shouldTrim": false, - }, - "fixedRadius": 0, - "frame": Object { - "_class": "rect", - "constrainProportions": false, - "height": 24, - "width": 24, - "x": 0, - "y": 0, - }, - "hasClippingMask": false, - "hasConvertedToNewRoundCorners": true, - "isClosed": true, - "isFixedToViewport": false, - "isFlippedHorizontal": false, - "isFlippedVertical": false, - "isLocked": false, - "isVisible": true, - "layerListExpandedType": 1, - "name": "gray-dark", - "nameIsFixed": true, - "pointRadiusBehaviour": 1, - "points": Array [ - Object { - "_class": "curvePoint", - "cornerRadius": 0, - "curveFrom": "{0, 0}", - "curveMode": 1, - "curveTo": "{0, 0}", - "hasCurveFrom": false, - "hasCurveTo": false, - "point": "{0, 0}", - }, - Object { - "_class": "curvePoint", - "cornerRadius": 0, - "curveFrom": "{1, 0}", - "curveMode": 1, - "curveTo": "{1, 0}", - "hasCurveFrom": false, - "hasCurveTo": false, - "point": "{1, 0}", - }, - Object { - "_class": "curvePoint", - "cornerRadius": 0, - "curveFrom": "{1, 1}", - "curveMode": 1, - "curveTo": "{1, 1}", - "hasCurveFrom": false, - "hasCurveTo": false, - "point": "{1, 1}", - }, - Object { - "_class": "curvePoint", - "cornerRadius": 0, - "curveFrom": "{0, 1}", - "curveMode": 1, - "curveTo": "{0, 1}", - "hasCurveFrom": false, - "hasCurveTo": false, - "point": "{0, 1}", + "background": Array [ + Object { + "blendMode": "NORMAL", + "color": Object { + "a": 1, + "b": 1, + "g": 1, + "r": 1, }, - ], - "resizingConstraint": 63, - "resizingType": 0, - "rotation": 0, - "shouldBreakMaskChain": false, - "style": Object { - "_class": "style", - "borders": Array [ + "type": "SOLID", + }, + ], + "backgroundColor": Object { + "a": 1, + "b": 1, + "g": 1, + "r": 1, + }, + "blendMode": "PASS_THROUGH", + "children": Array [ + Object { + "absoluteBoundingBox": Object { + "height": 16, + "width": 69, + "x": -562, + "y": 38, + }, + "blendMode": "PASS_THROUGH", + "characterStyleOverrides": Array [ + 25, + 25, + 25, + 25, + 24, + ], + "characters": "Quote", + "constraints": Object { + "horizontal": "SCALE", + "vertical": "SCALE", + }, + "effects": Array [], + "fills": Array [ Object { - "_class": "border", + "blendMode": "NORMAL", "color": Object { - "_class": "color", - "alpha": 1, - "blue": 0.592, - "green": 0.592, - "red": 0.592, + "a": 1, + "b": 0.7300158739089966, + "g": 0.7300158739089966, + "r": 0.7300158739089966, }, - "fillType": 0, - "isEnabled": false, - "position": 1, - "thickness": 1, + "type": "SOLID", }, ], - "do_objectID": "D0859D2F-6BCC-4DEB-B82E-5FB2642EA234", - "endMarkerType": 0, + "id": "1:5", + "name": "Quote", + "strokeAlign": "CENTER", + "strokeWeight": 0, + "strokes": Array [], + "style": Object { + "fontFamily": "Helvetica", + "fontPostScriptName": "Helvetica-Bold", + "fontSize": 14, + "fontWeight": 700, + "letterSpacing": 0.6000000238418579, + "lineHeightPercent": 100, + "lineHeightPx": 16.40625, + "lineHeightUnit": "INTRINSIC_%", + "textAlignHorizontal": "LEFT", + "textAlignVertical": "TOP", + }, + "styleOverrideTable": Object { + "24": Object { + "letterSpacing": 0, + }, + "25": Object {}, + }, + "type": "TEXT", + }, + ], + "clipsContent": true, + "constraints": Object { + "horizontal": "SCALE", + "vertical": "SCALE", + }, + "effects": Array [], + "id": "1:4", + "layoutGrids": Array [], + "name": "textstyle/quote", + "type": "FRAME", + }, + Object { + "absoluteBoundingBox": Object { + "height": 37, + "width": 157, + "x": -561, + "y": -46, + }, + "background": Array [ + Object { + "blendMode": "NORMAL", + "color": Object { + "a": 1, + "b": 1, + "g": 1, + "r": 1, + }, + "type": "SOLID", + }, + ], + "backgroundColor": Object { + "a": 1, + "b": 1, + "g": 1, + "r": 1, + }, + "blendMode": "PASS_THROUGH", + "children": Array [ + Object { + "absoluteBoundingBox": Object { + "height": 43, + "width": 224, + "x": -564, + "y": -51, + }, + "blendMode": "PASS_THROUGH", + "characterStyleOverrides": Array [], + "characters": "Heading 2", + "constraints": Object { + "horizontal": "SCALE", + "vertical": "SCALE", + }, + "effects": Array [], "fills": Array [ Object { - "_class": "fill", + "blendMode": "NORMAL", "color": Object { - "_class": "color", - "alpha": 1, - "blue": 0.3450980392156862, - "green": 0.5686274509803921, - "red": 0.3333333333333334, + "a": 1, + "b": 0.6235294342041016, + "g": 0.0235294122248888, + "r": 0.062745101749897, }, - "fillType": 0, - "isEnabled": true, - "noiseIndex": 0, - "noiseIntensity": 0, - "patternFillType": 1, - "patternTileScale": 1, + "type": "SOLID", }, ], - "miterLimit": 10, - "startMarkerType": 0, - "windingRule": 1, - }, - "userInfo": Object { - "com.animaapp.stc-sketch-plugin": Object { - "kModelPropertiesKey": Object {}, + "id": "1:7", + "name": "Heading 2", + "strokeAlign": "CENTER", + "strokeWeight": 0, + "strokes": Array [], + "style": Object { + "fontFamily": "Fira Sans", + "fontPostScriptName": "FiraSans-Regular", + "fontSize": 36, + "fontWeight": 400, + "letterSpacing": 0, + "lineHeightPercent": 100, + "lineHeightPx": 42.1875, + "lineHeightUnit": "INTRINSIC_%", + "textAlignHorizontal": "LEFT", + "textAlignVertical": "TOP", }, + "styleOverrideTable": Object {}, + "type": "TEXT", }, + ], + "clipsContent": true, + "constraints": Object { + "horizontal": "SCALE", + "vertical": "SCALE", }, - ], - "layout": Object { - "_class": "layoutGrid", - "columnWidth": 1, - "do_objectID": "102AA610-E47D-48BB-B567-12E0D2D593CF", - "drawHorizontal": true, - "drawHorizontalLines": false, - "drawVertical": false, - "gutterHeight": 8, - "gutterWidth": 86.18181818181819, - "guttersOutside": false, - "horizontalOffset": 0, - "isEnabled": false, - "numberOfColumns": 12, - "rowHeightMultiplication": 1, - "totalWidth": 960, - }, - "name": "primitives/color/secondary/700", - "nameIsFixed": true, - "overrideProperties": Array [], - "resizesContent": false, - "resizingConstraint": 63, - "resizingType": 0, - "rotation": 0, - "shouldBreakMaskChain": true, - "style": Object { - "_class": "style", - "do_objectID": "E80A4FBA-A116-46D0-B4DE-402C89D5EDA0", - "endMarkerType": 0, - "miterLimit": 10, - "startMarkerType": 0, - "windingRule": 1, + "effects": Array [], + "id": "1:6", + "layoutGrids": Array [], + "name": "textstyle/heading2", + "type": "FRAME", }, - "symbolID": "C146C4AE-3310-4B0F-8D41-FFD9F285AD4C", - "userInfo": Object { - "com.animaapp.stc-sketch-plugin": Object { - "kModelPropertiesKey": Object {}, + Object { + "absoluteBoundingBox": Object { + "height": 52, + "width": 228, + "x": -561, + "y": -116, }, - }, - "verticalRulerData": Object { - "_class": "rulerData", - "base": 0, - "do_objectID": "672DA96B-034B-4BEC-9AF1-41A962DA4990", - "guides": Array [], - }, - }, - Object { - "_class": "symbolMaster", - "allowsOverrides": true, - "backgroundColor": Object { - "_class": "color", - "alpha": 1, - "blue": 1, - "do_objectID": "E87E692B-C247-4C31-B555-D9311CC7B6E3", - "green": 1, - "red": 1, - }, - "booleanOperation": 0, - "changeIdentifier": 1760, - "clippingMaskMode": 0, - "do_objectID": "674B5B2C-E545-493B-B3AD-2B6495E87E53", - "exportOptions": Object { - "_class": "exportOptions", - "do_objectID": "D0C03AD2-0DAA-4CC7-A0FE-EBE4607510F2", - "exportFormats": Array [], - "includedLayerIds": Array [], - "layerOptions": 0, - "shouldTrim": false, - }, - "frame": Object { - "_class": "rect", - "constrainProportions": false, - "do_objectID": "51F53635-CB4D-4F55-9402-DF81A677C87D", - "height": 24, - "width": 24, - "x": 1131, - "y": 531, - }, - "groupLayout": Object { - "_class": "MSImmutableFreeformGroupLayout", - }, - "hasBackgroundColor": false, - "hasClickThrough": true, - "hasClippingMask": false, - "horizontalRulerData": Object { - "_class": "rulerData", - "base": 0, - "do_objectID": "A75B4D7D-C0A0-4E7E-B730-4D5034C7E925", - "guides": Array [], - }, - "includeBackgroundColorInExport": true, - "includeBackgroundColorInInstance": false, - "includeInCloudUpload": true, - "isFixedToViewport": false, - "isFlippedHorizontal": false, - "isFlippedVertical": false, - "isFlowHome": false, - "isLocked": false, - "isVisible": true, - "layerListExpandedType": 2, - "layers": Array [ - Object { - "_class": "rectangle", - "booleanOperation": -1, - "clippingMaskMode": 0, - "do_objectID": "11757A5C-8403-4523-9F9E-287931290082", - "edited": false, - "exportOptions": Object { - "_class": "exportOptions", - "do_objectID": "309D0FC1-CBBA-49F6-B4D3-B0CAD9D76BD5", - "exportFormats": Array [], - "includedLayerIds": Array [], - "layerOptions": 0, - "shouldTrim": false, - }, - "fixedRadius": 0, - "frame": Object { - "_class": "rect", - "constrainProportions": false, - "height": 24, - "width": 24, - "x": 0, - "y": 0, + "background": Array [ + Object { + "blendMode": "NORMAL", + "color": Object { + "a": 1, + "b": 1, + "g": 1, + "r": 1, + }, + "type": "SOLID", }, - "hasClippingMask": false, - "hasConvertedToNewRoundCorners": true, - "isClosed": true, - "isFixedToViewport": false, - "isFlippedHorizontal": false, - "isFlippedVertical": false, - "isLocked": false, - "isVisible": true, - "layerListExpandedType": 1, - "name": "gray-dark", - "nameIsFixed": true, - "pointRadiusBehaviour": 1, - "points": Array [ - Object { - "_class": "curvePoint", - "cornerRadius": 0, - "curveFrom": "{0, 0}", - "curveMode": 1, - "curveTo": "{0, 0}", - "hasCurveFrom": false, - "hasCurveTo": false, - "point": "{0, 0}", + ], + "backgroundColor": Object { + "a": 1, + "b": 1, + "g": 1, + "r": 1, + }, + "blendMode": "PASS_THROUGH", + "children": Array [ + Object { + "absoluteBoundingBox": Object { + "height": 58, + "width": 216, + "x": -564, + "y": -122, }, - Object { - "_class": "curvePoint", - "cornerRadius": 0, - "curveFrom": "{1, 0}", - "curveMode": 1, - "curveTo": "{1, 0}", - "hasCurveFrom": false, - "hasCurveTo": false, - "point": "{1, 0}", + "blendMode": "PASS_THROUGH", + "characterStyleOverrides": Array [], + "characters": "Heading 1", + "constraints": Object { + "horizontal": "SCALE", + "vertical": "SCALE", }, - Object { - "_class": "curvePoint", - "cornerRadius": 0, - "curveFrom": "{1, 1}", - "curveMode": 1, - "curveTo": "{1, 1}", - "hasCurveFrom": false, - "hasCurveTo": false, - "point": "{1, 1}", + "effects": Array [], + "fills": Array [ + Object { + "blendMode": "NORMAL", + "color": Object { + "a": 1, + "b": 0.6235294342041016, + "g": 0.0235294122248888, + "r": 0.062745101749897, + }, + "type": "SOLID", + }, + ], + "id": "1:9", + "name": "Heading 1", + "strokeAlign": "CENTER", + "strokeWeight": 0, + "strokes": Array [], + "style": Object { + "fontFamily": "Fira Sans", + "fontPostScriptName": "FiraSans-Bold", + "fontSize": 48, + "fontWeight": 700, + "letterSpacing": 0, + "lineHeightPercent": 102.39999389648438, + "lineHeightPercentFontSize": 120, + "lineHeightPx": 57.599998474121094, + "lineHeightUnit": "PIXELS", + "textAlignHorizontal": "LEFT", + "textAlignVertical": "TOP", }, - Object { - "_class": "curvePoint", - "cornerRadius": 0, - "curveFrom": "{0, 1}", - "curveMode": 1, - "curveTo": "{0, 1}", - "hasCurveFrom": false, - "hasCurveTo": false, - "point": "{0, 1}", + "styleOverrideTable": Object {}, + "type": "TEXT", + }, + ], + "clipsContent": true, + "constraints": Object { + "horizontal": "SCALE", + "vertical": "SCALE", + }, + "effects": Array [], + "id": "1:8", + "layoutGrids": Array [], + "name": "textstyle/heading1", + "type": "FRAME", + }, + Object { + "absoluteBoundingBox": Object { + "height": 24, + "width": 24, + "x": -64, + "y": -116, + }, + "background": Array [ + Object { + "blendMode": "NORMAL", + "color": Object { + "a": 1, + "b": 1, + "g": 1, + "r": 1, }, - ], - "resizingConstraint": 63, - "resizingType": 0, - "rotation": 0, - "shouldBreakMaskChain": false, - "style": Object { - "_class": "style", - "borders": Array [ + "type": "SOLID", + "visible": false, + }, + ], + "backgroundColor": Object { + "a": 0, + "b": 0, + "g": 0, + "r": 0, + }, + "blendMode": "PASS_THROUGH", + "children": Array [ + Object { + "absoluteBoundingBox": Object { + "height": 24, + "width": 24, + "x": -64, + "y": -116, + }, + "blendMode": "PASS_THROUGH", + "constraints": Object { + "horizontal": "SCALE", + "vertical": "SCALE", + }, + "effects": Array [], + "fills": Array [ Object { - "_class": "border", + "blendMode": "NORMAL", "color": Object { - "_class": "color", - "alpha": 1, - "blue": 0.592, - "green": 0.592, - "red": 0.592, + "a": 1, + "b": 0.9019607901573181, + "g": 0.7607843279838562, + "r": 0.37254902720451355, }, - "fillType": 0, - "isEnabled": false, - "position": 1, - "thickness": 1, + "type": "SOLID", }, ], - "do_objectID": "193AAE10-29E8-40BD-8A23-287660CE126D", - "endMarkerType": 0, - "fills": Array [ + "id": "1:11", + "name": "gray-dark", + "strokeAlign": "CENTER", + "strokeWeight": 0, + "strokes": Array [ Object { - "_class": "fill", + "blendMode": "NORMAL", "color": Object { - "_class": "color", - "alpha": 1, - "blue": 0.415686274509804, - "green": 0.615686274509804, - "red": 0.419607843137255, + "a": 1, + "b": 0.5920000076293945, + "g": 0.5920000076293945, + "r": 0.5920000076293945, }, - "fillType": 0, - "isEnabled": true, - "noiseIndex": 0, - "noiseIntensity": 0, - "patternFillType": 1, - "patternTileScale": 1, + "type": "SOLID", + "visible": false, }, ], - "miterLimit": 10, - "startMarkerType": 0, - "windingRule": 1, + "type": "RECTANGLE", }, - "userInfo": Object { - "com.animaapp.stc-sketch-plugin": Object { - "kModelPropertiesKey": Object {}, + ], + "clipsContent": false, + "constraints": Object { + "horizontal": "SCALE", + "vertical": "SCALE", + }, + "effects": Array [], + "id": "1:10", + "layoutGrids": Array [], + "name": "primitives/color/primary/900", + "type": "COMPONENT", + }, + Object { + "absoluteBoundingBox": Object { + "height": 24, + "width": 24, + "x": -64, + "y": -78, + }, + "background": Array [ + Object { + "blendMode": "NORMAL", + "color": Object { + "a": 1, + "b": 1, + "g": 1, + "r": 1, }, + "type": "SOLID", + "visible": false, }, + ], + "backgroundColor": Object { + "a": 0, + "b": 0, + "g": 0, + "r": 0, }, - ], - "layout": Object { - "_class": "layoutGrid", - "columnWidth": 1, - "do_objectID": "CD432E03-2793-4C11-8FC1-C7D0CA79F779", - "drawHorizontal": true, - "drawHorizontalLines": false, - "drawVertical": false, - "gutterHeight": 8, - "gutterWidth": 86.18181818181819, - "guttersOutside": false, - "horizontalOffset": 0, - "isEnabled": false, - "numberOfColumns": 12, - "rowHeightMultiplication": 1, - "totalWidth": 960, - }, - "name": "primitives/color/secondary/600", - "nameIsFixed": true, - "overrideProperties": Array [], - "resizesContent": false, - "resizingConstraint": 63, - "resizingType": 0, - "rotation": 0, - "shouldBreakMaskChain": true, - "style": Object { - "_class": "style", - "do_objectID": "4749B9B1-5183-4A0C-BD59-A11BD5BF9841", - "endMarkerType": 0, - "miterLimit": 10, - "startMarkerType": 0, - "windingRule": 1, - }, - "symbolID": "A5B79739-3548-4F1C-998B-271133B42EE7", - "userInfo": Object { - "com.animaapp.stc-sketch-plugin": Object { - "kModelPropertiesKey": Object {}, + "blendMode": "PASS_THROUGH", + "children": Array [ + Object { + "absoluteBoundingBox": Object { + "height": 24, + "width": 24, + "x": -64, + "y": -78, + }, + "blendMode": "PASS_THROUGH", + "constraints": Object { + "horizontal": "SCALE", + "vertical": "SCALE", + }, + "effects": Array [], + "fills": Array [ + Object { + "blendMode": "NORMAL", + "color": Object { + "a": 1, + "b": 0.8196078538894653, + "g": 0.7568627595901489, + "r": 0.3686274588108063, + }, + "type": "SOLID", + }, + ], + "id": "1:13", + "name": "gray-dark", + "strokeAlign": "CENTER", + "strokeWeight": 0, + "strokes": Array [ + Object { + "blendMode": "NORMAL", + "color": Object { + "a": 1, + "b": 0.5920000076293945, + "g": 0.5920000076293945, + "r": 0.5920000076293945, + }, + "type": "SOLID", + "visible": false, + }, + ], + "type": "RECTANGLE", + }, + ], + "clipsContent": false, + "constraints": Object { + "horizontal": "SCALE", + "vertical": "SCALE", }, + "effects": Array [], + "id": "1:12", + "layoutGrids": Array [], + "name": "primitives/color/primary/800", + "type": "COMPONENT", }, - "verticalRulerData": Object { - "_class": "rulerData", - "base": 0, - "do_objectID": "1CD796E6-82B7-4315-B115-3310BBF7B764", - "guides": Array [], - }, - }, - Object { - "_class": "symbolMaster", - "allowsOverrides": true, - "backgroundColor": Object { - "_class": "color", - "alpha": 1, - "blue": 1, - "do_objectID": "2C6A4166-4342-48CC-BAE9-79652A801EF4", - "green": 1, - "red": 1, - }, - "booleanOperation": 0, - "changeIdentifier": 1841, - "clippingMaskMode": 0, - "do_objectID": "767651C1-DEEB-4D60-A295-685C9CB0A977", - "exportOptions": Object { - "_class": "exportOptions", - "do_objectID": "51F4B1DD-2BD4-4764-B827-7334BDFDDE01", - "exportFormats": Array [], - "includedLayerIds": Array [], - "layerOptions": 0, - "shouldTrim": false, - }, - "frame": Object { - "_class": "rect", - "constrainProportions": false, - "do_objectID": "8FBE8C95-A0EB-4E6E-9C42-4A31431B4155", - "height": 24, - "width": 24, - "x": 1131, - "y": 571, - }, - "groupLayout": Object { - "_class": "MSImmutableFreeformGroupLayout", - }, - "hasBackgroundColor": false, - "hasClickThrough": true, - "hasClippingMask": false, - "horizontalRulerData": Object { - "_class": "rulerData", - "base": 0, - "do_objectID": "AA0D295C-4463-4F1A-9795-28A89697D022", - "guides": Array [], - }, - "includeBackgroundColorInExport": true, - "includeBackgroundColorInInstance": false, - "includeInCloudUpload": true, - "isFixedToViewport": false, - "isFlippedHorizontal": false, - "isFlippedVertical": false, - "isFlowHome": false, - "isLocked": false, - "isVisible": true, - "layerListExpandedType": 2, - "layers": Array [ - Object { - "_class": "rectangle", - "booleanOperation": -1, - "clippingMaskMode": 0, - "do_objectID": "BB8F4AF2-1945-48C4-BA28-5089880429B8", - "edited": false, - "exportOptions": Object { - "_class": "exportOptions", - "do_objectID": "2AB22704-751B-4C2A-96F3-DF8B7E8A08BE", - "exportFormats": Array [], - "includedLayerIds": Array [], - "layerOptions": 0, - "shouldTrim": false, - }, - "fixedRadius": 0, - "frame": Object { - "_class": "rect", - "constrainProportions": false, - "height": 24, - "width": 24, - "x": 0, - "y": 0, + Object { + "absoluteBoundingBox": Object { + "height": 24, + "width": 24, + "x": -64, + "y": -35, + }, + "background": Array [ + Object { + "blendMode": "NORMAL", + "color": Object { + "a": 1, + "b": 1, + "g": 1, + "r": 1, + }, + "type": "SOLID", + "visible": false, }, - "hasClippingMask": false, - "hasConvertedToNewRoundCorners": true, - "isClosed": true, - "isFixedToViewport": false, - "isFlippedHorizontal": false, - "isFlippedVertical": false, - "isLocked": false, - "isVisible": true, - "layerListExpandedType": 1, - "name": "gray-dark", - "nameIsFixed": true, - "pointRadiusBehaviour": 1, - "points": Array [ - Object { - "_class": "curvePoint", - "cornerRadius": 0, - "curveFrom": "{0, 0}", - "curveMode": 1, - "curveTo": "{0, 0}", - "hasCurveFrom": false, - "hasCurveTo": false, - "point": "{0, 0}", + ], + "backgroundColor": Object { + "a": 0, + "b": 0, + "g": 0, + "r": 0, + }, + "blendMode": "PASS_THROUGH", + "children": Array [ + Object { + "absoluteBoundingBox": Object { + "height": 24, + "width": 24, + "x": -64, + "y": -35, }, - Object { - "_class": "curvePoint", - "cornerRadius": 0, - "curveFrom": "{1, 0}", - "curveMode": 1, - "curveTo": "{1, 0}", - "hasCurveFrom": false, - "hasCurveTo": false, - "point": "{1, 0}", + "blendMode": "PASS_THROUGH", + "constraints": Object { + "horizontal": "SCALE", + "vertical": "SCALE", }, - Object { - "_class": "curvePoint", - "cornerRadius": 0, - "curveFrom": "{1, 1}", - "curveMode": 1, - "curveTo": "{1, 1}", - "hasCurveFrom": false, - "hasCurveTo": false, - "point": "{1, 1}", + "effects": Array [], + "fills": Array [ + Object { + "blendMode": "NORMAL", + "color": Object { + "a": 1, + "b": 0.8392156958580017, + "g": 0.7843137383460999, + "r": 0.46666666865348816, + }, + "type": "SOLID", + }, + ], + "id": "1:15", + "name": "gray-dark", + "strokeAlign": "CENTER", + "strokeWeight": 0, + "strokes": Array [ + Object { + "blendMode": "NORMAL", + "color": Object { + "a": 1, + "b": 0.5920000076293945, + "g": 0.5920000076293945, + "r": 0.5920000076293945, + }, + "type": "SOLID", + "visible": false, + }, + ], + "type": "RECTANGLE", + }, + ], + "clipsContent": false, + "constraints": Object { + "horizontal": "SCALE", + "vertical": "SCALE", + }, + "effects": Array [], + "id": "1:14", + "layoutGrids": Array [], + "name": "primitives/color/primary/700", + "type": "COMPONENT", + }, + Object { + "absoluteBoundingBox": Object { + "height": 24, + "width": 24, + "x": -64, + "y": 8, + }, + "background": Array [ + Object { + "blendMode": "NORMAL", + "color": Object { + "a": 1, + "b": 1, + "g": 1, + "r": 1, }, - Object { - "_class": "curvePoint", - "cornerRadius": 0, - "curveFrom": "{0, 1}", - "curveMode": 1, - "curveTo": "{0, 1}", - "hasCurveFrom": false, - "hasCurveTo": false, - "point": "{0, 1}", + "type": "SOLID", + "visible": false, + }, + ], + "backgroundColor": Object { + "a": 0, + "b": 0, + "g": 0, + "r": 0, + }, + "blendMode": "PASS_THROUGH", + "children": Array [ + Object { + "absoluteBoundingBox": Object { + "height": 24, + "width": 24, + "x": -64, + "y": 8, }, - ], - "resizingConstraint": 63, - "resizingType": 0, - "rotation": 0, - "shouldBreakMaskChain": false, - "style": Object { - "_class": "style", - "borders": Array [ + "blendMode": "PASS_THROUGH", + "constraints": Object { + "horizontal": "SCALE", + "vertical": "SCALE", + }, + "effects": Array [], + "fills": Array [ Object { - "_class": "border", + "blendMode": "NORMAL", "color": Object { - "_class": "color", - "alpha": 1, - "blue": 0.592, - "green": 0.592, - "red": 0.592, + "a": 1, + "b": 0.8588235378265381, + "g": 0.8117647171020508, + "r": 0.5529412031173706, }, - "fillType": 0, - "isEnabled": false, - "position": 1, - "thickness": 1, + "type": "SOLID", }, ], - "do_objectID": "8BC17585-8719-4A6C-A794-D89196F148AB", - "endMarkerType": 0, - "fills": Array [ + "id": "1:17", + "name": "gray-dark", + "strokeAlign": "CENTER", + "strokeWeight": 0, + "strokes": Array [ Object { - "_class": "fill", + "blendMode": "NORMAL", "color": Object { - "_class": "color", - "alpha": 1, - "blue": 0.4862745098039215, - "green": 0.6627450980392157, - "red": 0.5058823529411764, + "a": 1, + "b": 0.5920000076293945, + "g": 0.5920000076293945, + "r": 0.5920000076293945, }, - "fillType": 0, - "isEnabled": true, - "noiseIndex": 0, - "noiseIntensity": 0, - "patternFillType": 1, - "patternTileScale": 1, + "type": "SOLID", + "visible": false, }, ], - "miterLimit": 10, - "startMarkerType": 0, - "windingRule": 1, - }, - "userInfo": Object { - "com.animaapp.stc-sketch-plugin": Object { - "kModelPropertiesKey": Object {}, - }, + "type": "RECTANGLE", }, + ], + "clipsContent": false, + "constraints": Object { + "horizontal": "SCALE", + "vertical": "SCALE", }, - ], - "layout": Object { - "_class": "layoutGrid", - "columnWidth": 1, - "do_objectID": "0543D266-242C-4AF4-B6B3-5896BF7EF1E8", - "drawHorizontal": true, - "drawHorizontalLines": false, - "drawVertical": false, - "gutterHeight": 8, - "gutterWidth": 86.18181818181819, - "guttersOutside": false, - "horizontalOffset": 0, - "isEnabled": false, - "numberOfColumns": 12, - "rowHeightMultiplication": 1, - "totalWidth": 960, - }, - "name": "primitives/color/secondary/500", - "nameIsFixed": true, - "overrideProperties": Array [], - "resizesContent": false, - "resizingConstraint": 63, - "resizingType": 0, - "rotation": 0, - "shouldBreakMaskChain": true, - "style": Object { - "_class": "style", - "do_objectID": "F28E63E1-67E1-431D-9261-7E126422034E", - "endMarkerType": 0, - "miterLimit": 10, - "startMarkerType": 0, - "windingRule": 1, + "effects": Array [], + "id": "1:16", + "layoutGrids": Array [], + "name": "primitives/color/primary/600", + "type": "COMPONENT", }, - "symbolID": "614AC7D7-2270-4336-BFB3-CD3A6745B618", - "userInfo": Object { - "com.animaapp.stc-sketch-plugin": Object { - "kModelPropertiesKey": Object {}, + Object { + "absoluteBoundingBox": Object { + "height": 24, + "width": 24, + "x": -64, + "y": 48, }, - }, - "verticalRulerData": Object { - "_class": "rulerData", - "base": 0, - "do_objectID": "7C5918CE-6EC3-4FE0-B77F-ECA80541B703", - "guides": Array [], - }, - }, - Object { - "_class": "symbolMaster", - "allowsOverrides": true, - "backgroundColor": Object { - "_class": "color", - "alpha": 1, - "blue": 1, - "do_objectID": "4E0C7A3C-32BC-452A-8069-6A8E68FF4CC6", - "green": 1, - "red": 1, - }, - "booleanOperation": 0, - "changeIdentifier": 1956, - "clippingMaskMode": 0, - "do_objectID": "46B85BC1-A746-436F-A660-7A3183C21D8E", - "exportOptions": Object { - "_class": "exportOptions", - "do_objectID": "84086054-ECD9-4BE8-8719-59086338A9FC", - "exportFormats": Array [], - "includedLayerIds": Array [], - "layerOptions": 0, - "shouldTrim": false, - }, - "frame": Object { - "_class": "rect", - "constrainProportions": false, - "do_objectID": "F2AC554E-1ED2-479F-926B-1EE84C2B6911", - "height": 24, - "width": 24, - "x": 1131, - "y": 613, - }, - "groupLayout": Object { - "_class": "MSImmutableFreeformGroupLayout", - }, - "hasBackgroundColor": false, - "hasClickThrough": true, - "hasClippingMask": false, - "horizontalRulerData": Object { - "_class": "rulerData", - "base": 0, - "do_objectID": "BDA08C6E-BC43-41DB-9A57-928CA3CBA811", - "guides": Array [], - }, - "includeBackgroundColorInExport": true, - "includeBackgroundColorInInstance": false, - "includeInCloudUpload": true, - "isFixedToViewport": false, - "isFlippedHorizontal": false, - "isFlippedVertical": false, - "isFlowHome": false, - "isLocked": false, - "isVisible": true, - "layerListExpandedType": 2, - "layers": Array [ - Object { - "_class": "rectangle", - "booleanOperation": -1, - "clippingMaskMode": 0, - "do_objectID": "517EC265-174D-476F-A1FA-8DDBEF357069", - "edited": false, - "exportOptions": Object { - "_class": "exportOptions", - "do_objectID": "0C2332DB-60A6-4291-A8BD-F53E563BB6DE", - "exportFormats": Array [], - "includedLayerIds": Array [], - "layerOptions": 0, - "shouldTrim": false, - }, - "fixedRadius": 0, - "frame": Object { - "_class": "rect", - "constrainProportions": false, - "height": 24, - "width": 24, - "x": 0, - "y": 0, - }, - "hasClippingMask": false, - "hasConvertedToNewRoundCorners": true, - "isClosed": true, - "isFixedToViewport": false, - "isFlippedHorizontal": false, - "isFlippedVertical": false, - "isLocked": false, - "isVisible": true, - "layerListExpandedType": 1, - "name": "gray-dark", - "nameIsFixed": true, - "pointRadiusBehaviour": 1, - "points": Array [ - Object { - "_class": "curvePoint", - "cornerRadius": 0, - "curveFrom": "{0, 0}", - "curveMode": 1, - "curveTo": "{0, 0}", - "hasCurveFrom": false, - "hasCurveTo": false, - "point": "{0, 0}", + "background": Array [ + Object { + "blendMode": "NORMAL", + "color": Object { + "a": 1, + "b": 1, + "g": 1, + "r": 1, }, - Object { - "_class": "curvePoint", - "cornerRadius": 0, - "curveFrom": "{1, 0}", - "curveMode": 1, - "curveTo": "{1, 0}", - "hasCurveFrom": false, - "hasCurveTo": false, - "point": "{1, 0}", + "type": "SOLID", + "visible": false, + }, + ], + "backgroundColor": Object { + "a": 0, + "b": 0, + "g": 0, + "r": 0, + }, + "blendMode": "PASS_THROUGH", + "children": Array [ + Object { + "absoluteBoundingBox": Object { + "height": 24, + "width": 24, + "x": -64, + "y": 48, }, - Object { - "_class": "curvePoint", - "cornerRadius": 0, - "curveFrom": "{1, 1}", - "curveMode": 1, - "curveTo": "{1, 1}", - "hasCurveFrom": false, - "hasCurveTo": false, - "point": "{1, 1}", + "blendMode": "PASS_THROUGH", + "constraints": Object { + "horizontal": "SCALE", + "vertical": "SCALE", }, - Object { - "_class": "curvePoint", - "cornerRadius": 0, - "curveFrom": "{0, 1}", - "curveMode": 1, - "curveTo": "{0, 1}", - "hasCurveFrom": false, - "hasCurveTo": false, - "point": "{0, 1}", + "effects": Array [], + "fills": Array [ + Object { + "blendMode": "NORMAL", + "color": Object { + "a": 1, + "b": 0.8784313797950745, + "g": 0.8392156958580017, + "r": 0.6274510025978088, + }, + "type": "SOLID", + }, + ], + "id": "1:19", + "name": "gray-dark", + "strokeAlign": "CENTER", + "strokeWeight": 0, + "strokes": Array [ + Object { + "blendMode": "NORMAL", + "color": Object { + "a": 1, + "b": 0.5920000076293945, + "g": 0.5920000076293945, + "r": 0.5920000076293945, + }, + "type": "SOLID", + "visible": false, + }, + ], + "type": "RECTANGLE", + }, + ], + "clipsContent": false, + "constraints": Object { + "horizontal": "SCALE", + "vertical": "SCALE", + }, + "effects": Array [], + "id": "1:18", + "layoutGrids": Array [], + "name": "primitives/color/primary/500", + "type": "COMPONENT", + }, + Object { + "absoluteBoundingBox": Object { + "height": 24, + "width": 24, + "x": -64, + "y": 90, + }, + "background": Array [ + Object { + "blendMode": "NORMAL", + "color": Object { + "a": 1, + "b": 1, + "g": 1, + "r": 1, }, - ], - "resizingConstraint": 63, - "resizingType": 0, - "rotation": 0, - "shouldBreakMaskChain": false, - "style": Object { - "_class": "style", - "borders": Array [ + "type": "SOLID", + "visible": false, + }, + ], + "backgroundColor": Object { + "a": 0, + "b": 0, + "g": 0, + "r": 0, + }, + "blendMode": "PASS_THROUGH", + "children": Array [ + Object { + "absoluteBoundingBox": Object { + "height": 24, + "width": 24, + "x": -64, + "y": 90, + }, + "blendMode": "PASS_THROUGH", + "constraints": Object { + "horizontal": "SCALE", + "vertical": "SCALE", + }, + "effects": Array [], + "fills": Array [ Object { - "_class": "border", + "blendMode": "NORMAL", "color": Object { - "_class": "color", - "alpha": 1, - "blue": 0.592, - "green": 0.592, - "red": 0.592, + "a": 1, + "b": 0.9019607901573181, + "g": 0.8666666746139526, + "r": 0.7019608020782471, }, - "fillType": 0, - "isEnabled": false, - "position": 1, - "thickness": 1, + "type": "SOLID", }, ], - "do_objectID": "3591F473-A31C-479C-88BC-FD75AA953FBA", - "endMarkerType": 0, - "fills": Array [ + "id": "1:21", + "name": "gray-dark", + "strokeAlign": "CENTER", + "strokeWeight": 0, + "strokes": Array [ Object { - "_class": "fill", + "blendMode": "NORMAL", "color": Object { - "_class": "color", - "alpha": 1, - "blue": 0.5647058823529412, - "green": 0.7137254901960784, - "red": 0.592156862745098, + "a": 1, + "b": 0.5920000076293945, + "g": 0.5920000076293945, + "r": 0.5920000076293945, }, - "fillType": 0, - "isEnabled": true, - "noiseIndex": 0, - "noiseIntensity": 0, - "patternFillType": 1, - "patternTileScale": 1, + "type": "SOLID", + "visible": false, }, ], - "miterLimit": 10, - "startMarkerType": 0, - "windingRule": 1, + "type": "RECTANGLE", }, - "userInfo": Object { - "com.animaapp.stc-sketch-plugin": Object { - "kModelPropertiesKey": Object {}, + ], + "clipsContent": false, + "constraints": Object { + "horizontal": "SCALE", + "vertical": "SCALE", + }, + "effects": Array [], + "id": "1:20", + "layoutGrids": Array [], + "name": "primitives/color/primary/400", + "type": "COMPONENT", + }, + Object { + "absoluteBoundingBox": Object { + "height": 24, + "width": 24, + "x": -64, + "y": 135, + }, + "background": Array [ + Object { + "blendMode": "NORMAL", + "color": Object { + "a": 1, + "b": 1, + "g": 1, + "r": 1, }, + "type": "SOLID", + "visible": false, }, + ], + "backgroundColor": Object { + "a": 0, + "b": 0, + "g": 0, + "r": 0, }, - ], - "layout": Object { - "_class": "layoutGrid", - "columnWidth": 1, - "do_objectID": "34007727-1AA4-405B-B40E-AD4A42D1ED54", - "drawHorizontal": true, - "drawHorizontalLines": false, - "drawVertical": false, - "gutterHeight": 8, - "gutterWidth": 86.18181818181819, - "guttersOutside": false, - "horizontalOffset": 0, - "isEnabled": false, - "numberOfColumns": 12, - "rowHeightMultiplication": 1, - "totalWidth": 960, - }, - "name": "primitives/color/secondary/400", - "nameIsFixed": true, - "overrideProperties": Array [], - "resizesContent": false, - "resizingConstraint": 63, - "resizingType": 0, - "rotation": 0, - "shouldBreakMaskChain": true, - "style": Object { - "_class": "style", - "do_objectID": "6EF4EEC6-179B-4B29-9217-D1D177BE3211", - "endMarkerType": 0, - "miterLimit": 10, - "startMarkerType": 0, - "windingRule": 1, - }, - "symbolID": "62639DC3-ADE1-4395-947F-A8ADB12E4A50", - "userInfo": Object { - "com.animaapp.stc-sketch-plugin": Object { - "kModelPropertiesKey": Object {}, + "blendMode": "PASS_THROUGH", + "children": Array [ + Object { + "absoluteBoundingBox": Object { + "height": 24, + "width": 24, + "x": -64, + "y": 135, + }, + "blendMode": "PASS_THROUGH", + "constraints": Object { + "horizontal": "SCALE", + "vertical": "SCALE", + }, + "effects": Array [], + "fills": Array [ + Object { + "blendMode": "NORMAL", + "color": Object { + "a": 1, + "b": 0.9411764740943909, + "g": 0.9215686321258545, + "r": 0.8313725590705872, + }, + "type": "SOLID", + }, + ], + "id": "1:23", + "name": "gray-dark", + "strokeAlign": "CENTER", + "strokeWeight": 0, + "strokes": Array [ + Object { + "blendMode": "NORMAL", + "color": Object { + "a": 1, + "b": 0.5920000076293945, + "g": 0.5920000076293945, + "r": 0.5920000076293945, + }, + "type": "SOLID", + "visible": false, + }, + ], + "type": "RECTANGLE", + }, + ], + "clipsContent": false, + "constraints": Object { + "horizontal": "SCALE", + "vertical": "SCALE", }, + "effects": Array [], + "id": "1:22", + "layoutGrids": Array [], + "name": "primitives/color/primary/300", + "type": "COMPONENT", }, - "verticalRulerData": Object { - "_class": "rulerData", - "base": 0, - "do_objectID": "24227011-8BF8-42F8-844F-829D9D621F20", - "guides": Array [], - }, - }, - Object { - "_class": "symbolMaster", - "allowsOverrides": true, - "backgroundColor": Object { - "_class": "color", - "alpha": 1, - "blue": 1, - "do_objectID": "5275F307-6F47-4B75-97D2-C9D8A23D8187", - "green": 1, - "red": 1, - }, - "booleanOperation": 0, - "changeIdentifier": 1994, - "clippingMaskMode": 0, - "do_objectID": "80E137BB-C2C2-48E5-8DD3-05FD005FDC6A", - "exportOptions": Object { - "_class": "exportOptions", - "do_objectID": "1E8599DA-D772-42C8-AE51-4BCE2DF5F483", - "exportFormats": Array [], - "includedLayerIds": Array [], - "layerOptions": 0, - "shouldTrim": false, - }, - "frame": Object { - "_class": "rect", - "constrainProportions": false, - "do_objectID": "79B3597B-8202-4315-A799-8B5164B1215E", - "height": 24, - "width": 24, - "x": 1131, - "y": 658, - }, - "groupLayout": Object { - "_class": "MSImmutableFreeformGroupLayout", - }, - "hasBackgroundColor": false, - "hasClickThrough": true, - "hasClippingMask": false, - "horizontalRulerData": Object { - "_class": "rulerData", - "base": 0, - "do_objectID": "A0C19ED7-9743-4DAA-8022-5D6CF9895079", - "guides": Array [], - }, - "includeBackgroundColorInExport": true, - "includeBackgroundColorInInstance": false, - "includeInCloudUpload": true, - "isFixedToViewport": false, - "isFlippedHorizontal": false, - "isFlippedVertical": false, - "isFlowHome": false, - "isLocked": false, - "isVisible": true, - "layerListExpandedType": 2, - "layers": Array [ - Object { - "_class": "rectangle", - "booleanOperation": -1, - "clippingMaskMode": 0, - "do_objectID": "D6E3D5CA-12AC-4DBC-BF05-D9743A1FCB11", - "edited": false, - "exportOptions": Object { - "_class": "exportOptions", - "do_objectID": "E389A6AF-C50D-4934-B672-B50135B7FC94", - "exportFormats": Array [], - "includedLayerIds": Array [], - "layerOptions": 0, - "shouldTrim": false, - }, - "fixedRadius": 0, - "frame": Object { - "_class": "rect", - "constrainProportions": false, - "height": 24, - "width": 24, - "x": 0, - "y": 0, + Object { + "absoluteBoundingBox": Object { + "height": 24, + "width": 24, + "x": -64, + "y": 180, + }, + "background": Array [ + Object { + "blendMode": "NORMAL", + "color": Object { + "a": 1, + "b": 1, + "g": 1, + "r": 1, + }, + "type": "SOLID", + "visible": false, }, - "hasClippingMask": false, - "hasConvertedToNewRoundCorners": true, - "isClosed": true, - "isFixedToViewport": false, - "isFlippedHorizontal": false, - "isFlippedVertical": false, - "isLocked": false, - "isVisible": true, - "layerListExpandedType": 1, - "name": "gray-dark", - "nameIsFixed": true, - "pointRadiusBehaviour": 1, - "points": Array [ - Object { - "_class": "curvePoint", - "cornerRadius": 0, - "curveFrom": "{0, 0}", - "curveMode": 1, - "curveTo": "{0, 0}", - "hasCurveFrom": false, - "hasCurveTo": false, - "point": "{0, 0}", + ], + "backgroundColor": Object { + "a": 0, + "b": 0, + "g": 0, + "r": 0, + }, + "blendMode": "PASS_THROUGH", + "children": Array [ + Object { + "absoluteBoundingBox": Object { + "height": 24, + "width": 24, + "x": -64, + "y": 180, }, - Object { - "_class": "curvePoint", - "cornerRadius": 0, - "curveFrom": "{1, 0}", - "curveMode": 1, - "curveTo": "{1, 0}", - "hasCurveFrom": false, - "hasCurveTo": false, - "point": "{1, 0}", + "blendMode": "PASS_THROUGH", + "constraints": Object { + "horizontal": "SCALE", + "vertical": "SCALE", }, - Object { - "_class": "curvePoint", - "cornerRadius": 0, - "curveFrom": "{1, 1}", - "curveMode": 1, - "curveTo": "{1, 1}", - "hasCurveFrom": false, - "hasCurveTo": false, - "point": "{1, 1}", + "effects": Array [], + "fills": Array [ + Object { + "blendMode": "NORMAL", + "color": Object { + "a": 1, + "b": 0.9803921580314636, + "g": 0.9529411792755127, + "r": 0.8980392217636108, + }, + "type": "SOLID", + }, + ], + "id": "1:25", + "name": "gray-dark", + "strokeAlign": "CENTER", + "strokeWeight": 0, + "strokes": Array [ + Object { + "blendMode": "NORMAL", + "color": Object { + "a": 1, + "b": 0.5920000076293945, + "g": 0.5920000076293945, + "r": 0.5920000076293945, + }, + "type": "SOLID", + "visible": false, + }, + ], + "type": "RECTANGLE", + }, + ], + "clipsContent": false, + "constraints": Object { + "horizontal": "SCALE", + "vertical": "SCALE", + }, + "effects": Array [], + "id": "1:24", + "layoutGrids": Array [], + "name": "primitives/color/primary/200", + "type": "COMPONENT", + }, + Object { + "absoluteBoundingBox": Object { + "height": 24, + "width": 24, + "x": -64, + "y": 223, + }, + "background": Array [ + Object { + "blendMode": "NORMAL", + "color": Object { + "a": 1, + "b": 1, + "g": 1, + "r": 1, }, - Object { - "_class": "curvePoint", - "cornerRadius": 0, - "curveFrom": "{0, 1}", - "curveMode": 1, - "curveTo": "{0, 1}", - "hasCurveFrom": false, - "hasCurveTo": false, - "point": "{0, 1}", + "type": "SOLID", + "visible": false, + }, + ], + "backgroundColor": Object { + "a": 0, + "b": 0, + "g": 0, + "r": 0, + }, + "blendMode": "PASS_THROUGH", + "children": Array [ + Object { + "absoluteBoundingBox": Object { + "height": 24, + "width": 24, + "x": -64, + "y": 223, }, - ], - "resizingConstraint": 63, - "resizingType": 0, - "rotation": 0, - "shouldBreakMaskChain": false, - "style": Object { - "_class": "style", - "borders": Array [ + "blendMode": "PASS_THROUGH", + "constraints": Object { + "horizontal": "SCALE", + "vertical": "SCALE", + }, + "effects": Array [], + "fills": Array [ Object { - "_class": "border", + "blendMode": "NORMAL", "color": Object { - "_class": "color", - "alpha": 1, - "blue": 0.592, - "green": 0.592, - "red": 0.592, + "a": 1, + "b": 0.9921568632125854, + "g": 0.9764705896377563, + "r": 0.9490196108818054, }, - "fillType": 0, - "isEnabled": false, - "position": 1, - "thickness": 1, + "type": "SOLID", }, ], - "do_objectID": "83B7AA76-74CA-4771-B2B9-CB33A68436E8", - "endMarkerType": 0, - "fills": Array [ + "id": "1:27", + "name": "gray-dark", + "strokeAlign": "CENTER", + "strokeWeight": 0, + "strokes": Array [ Object { - "_class": "fill", + "blendMode": "NORMAL", "color": Object { - "_class": "color", - "alpha": 1, - "blue": 0.7294117647058823, - "green": 0.8235294117647058, - "red": 0.7529411764705882, + "a": 1, + "b": 0.5920000076293945, + "g": 0.5920000076293945, + "r": 0.5920000076293945, }, - "fillType": 0, - "isEnabled": true, - "noiseIndex": 0, - "noiseIntensity": 0, - "patternFillType": 1, - "patternTileScale": 1, + "type": "SOLID", + "visible": false, }, ], - "miterLimit": 10, - "startMarkerType": 0, - "windingRule": 1, + "type": "RECTANGLE", }, - "userInfo": Object { - "com.animaapp.stc-sketch-plugin": Object { - "kModelPropertiesKey": Object {}, + ], + "clipsContent": false, + "constraints": Object { + "horizontal": "SCALE", + "vertical": "SCALE", + }, + "effects": Array [], + "id": "1:26", + "layoutGrids": Array [], + "name": "primitives/color/primary/100", + "type": "COMPONENT", + }, + Object { + "absoluteBoundingBox": Object { + "height": 24, + "width": 24, + "x": 3, + "y": -116, + }, + "background": Array [ + Object { + "blendMode": "NORMAL", + "color": Object { + "a": 1, + "b": 1, + "g": 1, + "r": 1, }, + "type": "SOLID", + "visible": false, }, + ], + "backgroundColor": Object { + "a": 0, + "b": 0, + "g": 0, + "r": 0, }, - ], - "layout": Object { - "_class": "layoutGrid", - "columnWidth": 1, - "do_objectID": "F2307171-2D1E-4A9D-BF78-A81E68F1F61A", - "drawHorizontal": true, - "drawHorizontalLines": false, - "drawVertical": false, - "gutterHeight": 8, - "gutterWidth": 86.18181818181819, - "guttersOutside": false, - "horizontalOffset": 0, - "isEnabled": false, - "numberOfColumns": 12, - "rowHeightMultiplication": 1, - "totalWidth": 960, - }, - "name": "primitives/color/secondary/300", - "nameIsFixed": true, - "overrideProperties": Array [], - "resizesContent": false, - "resizingConstraint": 63, - "resizingType": 0, - "rotation": 0, - "shouldBreakMaskChain": true, - "style": Object { - "_class": "style", - "do_objectID": "AD42143E-460B-4343-90F2-A94858A4CF54", - "endMarkerType": 0, - "miterLimit": 10, - "startMarkerType": 0, - "windingRule": 1, - }, - "symbolID": "FF6C20B5-8E2A-457F-BEC4-0F90DB95DD49", - "userInfo": Object { - "com.animaapp.stc-sketch-plugin": Object { - "kModelPropertiesKey": Object {}, + "blendMode": "PASS_THROUGH", + "children": Array [ + Object { + "absoluteBoundingBox": Object { + "height": 24, + "width": 24, + "x": 3, + "y": -116, + }, + "blendMode": "PASS_THROUGH", + "constraints": Object { + "horizontal": "SCALE", + "vertical": "SCALE", + }, + "effects": Array [], + "fills": Array [ + Object { + "blendMode": "NORMAL", + "color": Object { + "a": 1, + "b": 0.24313725531101227, + "g": 0.4901960790157318, + "r": 0.13333334028720856, + }, + "type": "SOLID", + }, + ], + "id": "1:29", + "name": "gray-dark", + "strokeAlign": "CENTER", + "strokeWeight": 0, + "strokes": Array [ + Object { + "blendMode": "NORMAL", + "color": Object { + "a": 1, + "b": 0.5920000076293945, + "g": 0.5920000076293945, + "r": 0.5920000076293945, + }, + "type": "SOLID", + "visible": false, + }, + ], + "type": "RECTANGLE", + }, + ], + "clipsContent": false, + "constraints": Object { + "horizontal": "SCALE", + "vertical": "SCALE", }, + "effects": Array [], + "id": "1:28", + "layoutGrids": Array [], + "name": "primitives/color/secondary/900", + "type": "COMPONENT", }, - "verticalRulerData": Object { - "_class": "rulerData", - "base": 0, - "do_objectID": "5D08119D-0F8D-4549-8161-8B94A5F50E85", - "guides": Array [], - }, - }, - Object { - "_class": "symbolMaster", - "allowsOverrides": true, - "backgroundColor": Object { - "_class": "color", - "alpha": 1, - "blue": 1, - "do_objectID": "B2A8B70C-D5C9-4AC5-9576-DE8553BFC5AC", - "green": 1, - "red": 1, - }, - "booleanOperation": 0, - "changeIdentifier": 2050, - "clippingMaskMode": 0, - "do_objectID": "EE3107E2-F1F3-47F9-B2C7-6ED1F7363299", - "exportOptions": Object { - "_class": "exportOptions", - "do_objectID": "231457DD-C63E-4DFE-ADE8-3800CC6080CA", - "exportFormats": Array [], - "includedLayerIds": Array [], - "layerOptions": 0, - "shouldTrim": false, - }, - "frame": Object { - "_class": "rect", - "constrainProportions": false, - "do_objectID": "5087356A-2436-4B6D-8832-125C68FD79D2", - "height": 24, - "width": 24, - "x": 1131, - "y": 703, - }, - "groupLayout": Object { - "_class": "MSImmutableFreeformGroupLayout", - }, - "hasBackgroundColor": false, - "hasClickThrough": true, - "hasClippingMask": false, - "horizontalRulerData": Object { - "_class": "rulerData", - "base": 0, - "do_objectID": "49EE950F-76D8-4D89-8205-4394CFF1C49F", - "guides": Array [], - }, - "includeBackgroundColorInExport": true, - "includeBackgroundColorInInstance": false, - "includeInCloudUpload": true, - "isFixedToViewport": false, - "isFlippedHorizontal": false, - "isFlippedVertical": false, - "isFlowHome": false, - "isLocked": false, - "isVisible": true, - "layerListExpandedType": 2, - "layers": Array [ - Object { - "_class": "rectangle", - "booleanOperation": -1, - "clippingMaskMode": 0, - "do_objectID": "3C27BB86-CE8B-421B-99DB-10F7E774AAC6", - "edited": false, - "exportOptions": Object { - "_class": "exportOptions", - "do_objectID": "226836B5-9F18-4F54-A212-F908D31F63AC", - "exportFormats": Array [], - "includedLayerIds": Array [], - "layerOptions": 0, - "shouldTrim": false, - }, - "fixedRadius": 0, - "frame": Object { - "_class": "rect", - "constrainProportions": false, - "height": 24, - "width": 24, - "x": 0, - "y": 0, + Object { + "absoluteBoundingBox": Object { + "height": 24, + "width": 24, + "x": -30, + "y": -116, + }, + "background": Array [ + Object { + "blendMode": "NORMAL", + "color": Object { + "a": 1, + "b": 1, + "g": 1, + "r": 1, + }, + "type": "SOLID", + "visible": false, }, - "hasClippingMask": false, - "hasConvertedToNewRoundCorners": true, - "isClosed": true, - "isFixedToViewport": false, - "isFlippedHorizontal": false, - "isFlippedVertical": false, - "isLocked": false, - "isVisible": true, - "layerListExpandedType": 1, - "name": "gray-dark", - "nameIsFixed": true, - "pointRadiusBehaviour": 1, - "points": Array [ - Object { - "_class": "curvePoint", - "cornerRadius": 0, - "curveFrom": "{0, 0}", - "curveMode": 1, - "curveTo": "{0, 0}", - "hasCurveFrom": false, - "hasCurveTo": false, - "point": "{0, 0}", + ], + "backgroundColor": Object { + "a": 0, + "b": 0, + "g": 0, + "r": 0, + }, + "blendMode": "PASS_THROUGH", + "children": Array [ + Object { + "absoluteBoundingBox": Object { + "height": 24, + "width": 24, + "x": -30, + "y": -116, }, - Object { - "_class": "curvePoint", - "cornerRadius": 0, - "curveFrom": "{1, 0}", - "curveMode": 1, - "curveTo": "{1, 0}", - "hasCurveFrom": false, - "hasCurveTo": false, - "point": "{1, 0}", + "blendMode": "PASS_THROUGH", + "constraints": Object { + "horizontal": "SCALE", + "vertical": "SCALE", }, - Object { - "_class": "curvePoint", - "cornerRadius": 0, - "curveFrom": "{1, 1}", - "curveMode": 1, - "curveTo": "{1, 1}", - "hasCurveFrom": false, - "hasCurveTo": false, - "point": "{1, 1}", + "effects": Array [], + "fills": Array [ + Object { + "blendMode": "NORMAL", + "color": Object { + "a": 1, + "b": 0.3675662577152252, + "g": 0.3675662577152252, + "r": 0.9606186151504517, + }, + "type": "SOLID", + }, + ], + "id": "1:31", + "name": "gray-dark", + "strokeAlign": "CENTER", + "strokeWeight": 0, + "strokes": Array [ + Object { + "blendMode": "NORMAL", + "color": Object { + "a": 1, + "b": 0.5920000076293945, + "g": 0.5920000076293945, + "r": 0.5920000076293945, + }, + "type": "SOLID", + "visible": false, + }, + ], + "type": "RECTANGLE", + }, + ], + "clipsContent": false, + "constraints": Object { + "horizontal": "SCALE", + "vertical": "SCALE", + }, + "effects": Array [], + "id": "1:30", + "layoutGrids": Array [], + "name": "primitives/color/red", + "type": "COMPONENT", + }, + Object { + "absoluteBoundingBox": Object { + "height": 24, + "width": 24, + "x": 3, + "y": -78, + }, + "background": Array [ + Object { + "blendMode": "NORMAL", + "color": Object { + "a": 1, + "b": 1, + "g": 1, + "r": 1, }, - Object { - "_class": "curvePoint", - "cornerRadius": 0, - "curveFrom": "{0, 1}", - "curveMode": 1, - "curveTo": "{0, 1}", - "hasCurveFrom": false, - "hasCurveTo": false, - "point": "{0, 1}", + "type": "SOLID", + "visible": false, + }, + ], + "backgroundColor": Object { + "a": 0, + "b": 0, + "g": 0, + "r": 0, + }, + "blendMode": "PASS_THROUGH", + "children": Array [ + Object { + "absoluteBoundingBox": Object { + "height": 24, + "width": 24, + "x": 3, + "y": -78, }, - ], - "resizingConstraint": 63, - "resizingType": 0, - "rotation": 0, - "shouldBreakMaskChain": false, - "style": Object { - "_class": "style", - "borders": Array [ + "blendMode": "PASS_THROUGH", + "constraints": Object { + "horizontal": "SCALE", + "vertical": "SCALE", + }, + "effects": Array [], + "fills": Array [ Object { - "_class": "border", + "blendMode": "NORMAL", "color": Object { - "_class": "color", - "alpha": 1, - "blue": 0.592, - "green": 0.592, - "red": 0.592, + "a": 1, + "b": 0.29019609093666077, + "g": 0.529411792755127, + "r": 0.24313725531101227, }, - "fillType": 0, - "isEnabled": false, - "position": 1, - "thickness": 1, + "type": "SOLID", }, ], - "do_objectID": "9A6DD3EE-3FB3-4CB9-9674-DDFF3014B138", - "endMarkerType": 0, - "fills": Array [ + "id": "1:33", + "name": "gray-dark", + "strokeAlign": "CENTER", + "strokeWeight": 0, + "strokes": Array [ Object { - "_class": "fill", + "blendMode": "NORMAL", "color": Object { - "_class": "color", - "alpha": 1, - "blue": 0.8156862745098039, - "green": 0.8784313725490196, - "red": 0.8313725490196079, + "a": 1, + "b": 0.5920000076293945, + "g": 0.5920000076293945, + "r": 0.5920000076293945, }, - "fillType": 0, - "isEnabled": true, - "noiseIndex": 0, - "noiseIntensity": 0, - "patternFillType": 1, - "patternTileScale": 1, + "type": "SOLID", + "visible": false, }, ], - "miterLimit": 10, - "startMarkerType": 0, - "windingRule": 1, + "type": "RECTANGLE", }, - "userInfo": Object { - "com.animaapp.stc-sketch-plugin": Object { - "kModelPropertiesKey": Object {}, + ], + "clipsContent": false, + "constraints": Object { + "horizontal": "SCALE", + "vertical": "SCALE", + }, + "effects": Array [], + "id": "1:32", + "layoutGrids": Array [], + "name": "primitives/color/secondary/800", + "type": "COMPONENT", + }, + Object { + "absoluteBoundingBox": Object { + "height": 24, + "width": 24, + "x": 3, + "y": -35, + }, + "background": Array [ + Object { + "blendMode": "NORMAL", + "color": Object { + "a": 1, + "b": 1, + "g": 1, + "r": 1, }, + "type": "SOLID", + "visible": false, }, + ], + "backgroundColor": Object { + "a": 0, + "b": 0, + "g": 0, + "r": 0, }, - ], - "layout": Object { - "_class": "layoutGrid", - "columnWidth": 1, - "do_objectID": "0A2CB072-9939-47C7-A012-3DE94B2DD0C8", - "drawHorizontal": true, - "drawHorizontalLines": false, - "drawVertical": false, - "gutterHeight": 8, - "gutterWidth": 86.18181818181819, - "guttersOutside": false, - "horizontalOffset": 0, - "isEnabled": false, - "numberOfColumns": 12, - "rowHeightMultiplication": 1, - "totalWidth": 960, - }, - "name": "primitives/color/secondary/200", - "nameIsFixed": true, - "overrideProperties": Array [], - "resizesContent": false, - "resizingConstraint": 63, - "resizingType": 0, - "rotation": 0, - "shouldBreakMaskChain": true, - "style": Object { - "_class": "style", - "do_objectID": "93DC1231-3B2F-4EC9-BEA0-AC3FE7E7321D", - "endMarkerType": 0, - "miterLimit": 10, - "startMarkerType": 0, - "windingRule": 1, - }, - "symbolID": "330A5B18-6324-43DD-A4C6-3A96BF94CCEF", - "userInfo": Object { - "com.animaapp.stc-sketch-plugin": Object { - "kModelPropertiesKey": Object {}, + "blendMode": "PASS_THROUGH", + "children": Array [ + Object { + "absoluteBoundingBox": Object { + "height": 24, + "width": 24, + "x": 3, + "y": -35, + }, + "blendMode": "PASS_THROUGH", + "constraints": Object { + "horizontal": "SCALE", + "vertical": "SCALE", + }, + "effects": Array [], + "fills": Array [ + Object { + "blendMode": "NORMAL", + "color": Object { + "a": 1, + "b": 0.3450980484485626, + "g": 0.5686274766921997, + "r": 0.3333333432674408, + }, + "type": "SOLID", + }, + ], + "id": "1:35", + "name": "gray-dark", + "strokeAlign": "CENTER", + "strokeWeight": 0, + "strokes": Array [ + Object { + "blendMode": "NORMAL", + "color": Object { + "a": 1, + "b": 0.5920000076293945, + "g": 0.5920000076293945, + "r": 0.5920000076293945, + }, + "type": "SOLID", + "visible": false, + }, + ], + "type": "RECTANGLE", + }, + ], + "clipsContent": false, + "constraints": Object { + "horizontal": "SCALE", + "vertical": "SCALE", }, + "effects": Array [], + "id": "1:34", + "layoutGrids": Array [], + "name": "primitives/color/secondary/700", + "type": "COMPONENT", }, - "verticalRulerData": Object { - "_class": "rulerData", - "base": 0, - "do_objectID": "CE5B3FC4-D8BC-4AB1-AC82-AE4E797BDEBA", - "guides": Array [], - }, - }, - Object { - "_class": "symbolMaster", - "allowsOverrides": true, - "backgroundColor": Object { - "_class": "color", - "alpha": 1, - "blue": 1, - "do_objectID": "CB4659BF-64A4-4833-9E94-1FB2FCA12868", - "green": 1, - "red": 1, - }, - "booleanOperation": 0, - "changeIdentifier": 2136, - "clippingMaskMode": 0, - "do_objectID": "44089DEB-F137-4D77-AC67-385A284A8716", - "exportOptions": Object { - "_class": "exportOptions", - "do_objectID": "7463A6CD-6A66-47EA-867E-CDBB12A33DD2", - "exportFormats": Array [], - "includedLayerIds": Array [], - "layerOptions": 0, - "shouldTrim": false, - }, - "frame": Object { - "_class": "rect", - "constrainProportions": false, - "do_objectID": "6C91177C-9EBE-406A-A014-1728D77F263C", - "height": 24, - "width": 24, - "x": 1131, - "y": 746, - }, - "groupLayout": Object { - "_class": "MSImmutableFreeformGroupLayout", - }, - "hasBackgroundColor": false, - "hasClickThrough": true, - "hasClippingMask": false, - "horizontalRulerData": Object { - "_class": "rulerData", - "base": 0, - "do_objectID": "E7111D7D-7A61-4575-8A0E-305598298AFE", - "guides": Array [], - }, - "includeBackgroundColorInExport": true, - "includeBackgroundColorInInstance": false, - "includeInCloudUpload": true, - "isFixedToViewport": false, - "isFlippedHorizontal": false, - "isFlippedVertical": false, - "isFlowHome": false, - "isLocked": false, - "isVisible": true, - "layerListExpandedType": 2, - "layers": Array [ - Object { - "_class": "rectangle", - "booleanOperation": -1, - "clippingMaskMode": 0, - "do_objectID": "E5B82D25-512F-42EF-ADFC-5A03B29D7FCC", - "edited": false, - "exportOptions": Object { - "_class": "exportOptions", - "do_objectID": "17C5FAB9-EE48-49E6-A6CE-AE3C3640980E", - "exportFormats": Array [], - "includedLayerIds": Array [], - "layerOptions": 0, - "shouldTrim": false, - }, - "fixedRadius": 0, - "frame": Object { - "_class": "rect", - "constrainProportions": false, - "height": 24, - "width": 24, - "x": 0, - "y": 0, + Object { + "absoluteBoundingBox": Object { + "height": 24, + "width": 24, + "x": 3, + "y": 8, + }, + "background": Array [ + Object { + "blendMode": "NORMAL", + "color": Object { + "a": 1, + "b": 1, + "g": 1, + "r": 1, + }, + "type": "SOLID", + "visible": false, }, - "hasClippingMask": false, - "hasConvertedToNewRoundCorners": true, - "isClosed": true, - "isFixedToViewport": false, - "isFlippedHorizontal": false, - "isFlippedVertical": false, - "isLocked": false, - "isVisible": true, - "layerListExpandedType": 1, - "name": "gray-dark", - "nameIsFixed": true, - "pointRadiusBehaviour": 1, - "points": Array [ - Object { - "_class": "curvePoint", - "cornerRadius": 0, - "curveFrom": "{0, 0}", - "curveMode": 1, - "curveTo": "{0, 0}", - "hasCurveFrom": false, - "hasCurveTo": false, - "point": "{0, 0}", + ], + "backgroundColor": Object { + "a": 0, + "b": 0, + "g": 0, + "r": 0, + }, + "blendMode": "PASS_THROUGH", + "children": Array [ + Object { + "absoluteBoundingBox": Object { + "height": 24, + "width": 24, + "x": 3, + "y": 8, }, - Object { - "_class": "curvePoint", - "cornerRadius": 0, - "curveFrom": "{1, 0}", - "curveMode": 1, - "curveTo": "{1, 0}", - "hasCurveFrom": false, - "hasCurveTo": false, - "point": "{1, 0}", + "blendMode": "PASS_THROUGH", + "constraints": Object { + "horizontal": "SCALE", + "vertical": "SCALE", + }, + "effects": Array [], + "fills": Array [ + Object { + "blendMode": "NORMAL", + "color": Object { + "a": 1, + "b": 0.4156862795352936, + "g": 0.615686297416687, + "r": 0.41960784792900085, + }, + "type": "SOLID", + }, + ], + "id": "1:37", + "name": "gray-dark", + "strokeAlign": "CENTER", + "strokeWeight": 0, + "strokes": Array [ + Object { + "blendMode": "NORMAL", + "color": Object { + "a": 1, + "b": 0.5920000076293945, + "g": 0.5920000076293945, + "r": 0.5920000076293945, + }, + "type": "SOLID", + "visible": false, + }, + ], + "type": "RECTANGLE", + }, + ], + "clipsContent": false, + "constraints": Object { + "horizontal": "SCALE", + "vertical": "SCALE", + }, + "effects": Array [], + "id": "1:36", + "layoutGrids": Array [], + "name": "primitives/color/secondary/600", + "type": "COMPONENT", + }, + Object { + "absoluteBoundingBox": Object { + "height": 24, + "width": 24, + "x": 3, + "y": 48, + }, + "background": Array [ + Object { + "blendMode": "NORMAL", + "color": Object { + "a": 1, + "b": 1, + "g": 1, + "r": 1, }, - Object { - "_class": "curvePoint", - "cornerRadius": 0, - "curveFrom": "{1, 1}", - "curveMode": 1, - "curveTo": "{1, 1}", - "hasCurveFrom": false, - "hasCurveTo": false, - "point": "{1, 1}", + "type": "SOLID", + "visible": false, + }, + ], + "backgroundColor": Object { + "a": 0, + "b": 0, + "g": 0, + "r": 0, + }, + "blendMode": "PASS_THROUGH", + "children": Array [ + Object { + "absoluteBoundingBox": Object { + "height": 24, + "width": 24, + "x": 3, + "y": 48, }, - Object { - "_class": "curvePoint", - "cornerRadius": 0, - "curveFrom": "{0, 1}", - "curveMode": 1, - "curveTo": "{0, 1}", - "hasCurveFrom": false, - "hasCurveTo": false, - "point": "{0, 1}", + "blendMode": "PASS_THROUGH", + "constraints": Object { + "horizontal": "SCALE", + "vertical": "SCALE", }, - ], - "resizingConstraint": 63, - "resizingType": 0, - "rotation": 0, - "shouldBreakMaskChain": false, - "style": Object { - "_class": "style", - "borders": Array [ + "effects": Array [], + "fills": Array [ Object { - "_class": "border", + "blendMode": "NORMAL", "color": Object { - "_class": "color", - "alpha": 1, - "blue": 0.592, - "green": 0.592, - "red": 0.592, + "a": 1, + "b": 0.48627451062202454, + "g": 0.6627451181411743, + "r": 0.5058823823928833, }, - "fillType": 0, - "isEnabled": false, - "position": 1, - "thickness": 1, + "type": "SOLID", }, ], - "do_objectID": "9EAE6C6C-B36D-4C3A-9FAE-1606FA83F56E", - "endMarkerType": 0, - "fills": Array [ + "id": "1:39", + "name": "gray-dark", + "strokeAlign": "CENTER", + "strokeWeight": 0, + "strokes": Array [ Object { - "_class": "fill", + "blendMode": "NORMAL", "color": Object { - "_class": "color", - "alpha": 1, - "blue": 0.9058823529411765, - "green": 0.9372549019607843, - "red": 0.9137254901960784, + "a": 1, + "b": 0.5920000076293945, + "g": 0.5920000076293945, + "r": 0.5920000076293945, }, - "fillType": 0, - "isEnabled": true, - "noiseIndex": 0, - "noiseIntensity": 0, - "patternFillType": 1, - "patternTileScale": 1, + "type": "SOLID", + "visible": false, }, ], - "miterLimit": 10, - "startMarkerType": 0, - "windingRule": 1, + "type": "RECTANGLE", }, - "userInfo": Object { - "com.animaapp.stc-sketch-plugin": Object { - "kModelPropertiesKey": Object {}, + ], + "clipsContent": false, + "constraints": Object { + "horizontal": "SCALE", + "vertical": "SCALE", + }, + "effects": Array [], + "id": "1:38", + "layoutGrids": Array [], + "name": "primitives/color/secondary/500", + "type": "COMPONENT", + }, + Object { + "absoluteBoundingBox": Object { + "height": 24, + "width": 24, + "x": 3, + "y": 90, + }, + "background": Array [ + Object { + "blendMode": "NORMAL", + "color": Object { + "a": 1, + "b": 1, + "g": 1, + "r": 1, }, + "type": "SOLID", + "visible": false, }, + ], + "backgroundColor": Object { + "a": 0, + "b": 0, + "g": 0, + "r": 0, }, - ], - "layout": Object { - "_class": "layoutGrid", - "columnWidth": 1, - "do_objectID": "C810C421-88A9-4089-9082-9E0F290D085D", - "drawHorizontal": true, - "drawHorizontalLines": false, - "drawVertical": false, - "gutterHeight": 8, - "gutterWidth": 86.18181818181819, - "guttersOutside": false, - "horizontalOffset": 0, - "isEnabled": false, - "numberOfColumns": 12, - "rowHeightMultiplication": 1, - "totalWidth": 960, - }, - "name": "primitives/color/secondary/100", - "nameIsFixed": true, - "overrideProperties": Array [], - "resizesContent": false, - "resizingConstraint": 63, - "resizingType": 0, - "rotation": 0, - "shouldBreakMaskChain": true, - "style": Object { - "_class": "style", - "do_objectID": "8F1DADF7-BEE2-4E1B-8672-D388842FEBAC", - "endMarkerType": 0, - "miterLimit": 10, - "startMarkerType": 0, - "windingRule": 1, - }, - "symbolID": "2B825069-6958-4BD3-942C-422F429A4FD4", - "userInfo": Object { - "com.animaapp.stc-sketch-plugin": Object { - "kModelPropertiesKey": Object {}, + "blendMode": "PASS_THROUGH", + "children": Array [ + Object { + "absoluteBoundingBox": Object { + "height": 24, + "width": 24, + "x": 3, + "y": 90, + }, + "blendMode": "PASS_THROUGH", + "constraints": Object { + "horizontal": "SCALE", + "vertical": "SCALE", + }, + "effects": Array [], + "fills": Array [ + Object { + "blendMode": "NORMAL", + "color": Object { + "a": 1, + "b": 0.5647059082984924, + "g": 0.7137255072593689, + "r": 0.5921568870544434, + }, + "type": "SOLID", + }, + ], + "id": "1:41", + "name": "gray-dark", + "strokeAlign": "CENTER", + "strokeWeight": 0, + "strokes": Array [ + Object { + "blendMode": "NORMAL", + "color": Object { + "a": 1, + "b": 0.5920000076293945, + "g": 0.5920000076293945, + "r": 0.5920000076293945, + }, + "type": "SOLID", + "visible": false, + }, + ], + "type": "RECTANGLE", + }, + ], + "clipsContent": false, + "constraints": Object { + "horizontal": "SCALE", + "vertical": "SCALE", }, + "effects": Array [], + "id": "1:40", + "layoutGrids": Array [], + "name": "primitives/color/secondary/400", + "type": "COMPONENT", }, - "verticalRulerData": Object { - "_class": "rulerData", - "base": 0, - "do_objectID": "9DE62D73-AD6A-4271-9CD0-2C1D64ABD94E", - "guides": Array [], - }, - }, - Object { - "_class": "artboard", - "backgroundColor": Object { - "_class": "color", - "alpha": 1, - "blue": 1, - "green": 1, - "red": 1, - }, - "booleanOperation": -1, - "clippingMaskMode": 0, - "do_objectID": "0DAFE776-EE80-4B21-B0A1-1184FFC8C9FE", - "exportOptions": Object { - "_class": "exportOptions", - "exportFormats": Array [], - "includedLayerIds": Array [], - "layerOptions": 0, - "shouldTrim": false, - }, - "frame": Object { - "_class": "rect", - "constrainProportions": false, - "height": 62, - "width": 131, - "x": 1180, - "y": 407, - }, - "groupLayout": Object { - "_class": "MSImmutableFreeformGroupLayout", - }, - "hasBackgroundColor": false, - "hasClickThrough": true, - "hasClippingMask": false, - "horizontalRulerData": Object { - "_class": "rulerData", - "base": 0, - "guides": Array [], - }, - "includeBackgroundColorInExport": true, - "includeInCloudUpload": true, - "isFixedToViewport": false, - "isFlippedHorizontal": false, - "isFlippedVertical": false, - "isFlowHome": false, - "isLocked": false, - "isVisible": true, - "layerListExpandedType": 0, - "layers": Array [ - Object { - "_class": "rectangle", - "booleanOperation": -1, - "clippingMaskMode": 0, - "do_objectID": "25944FEF-F127-42B0-A02A-F457D16B7B47", - "edited": false, - "exportOptions": Object { - "_class": "exportOptions", - "exportFormats": Array [], - "includedLayerIds": Array [], - "layerOptions": 0, - "shouldTrim": false, + Object { + "absoluteBoundingBox": Object { + "height": 24, + "width": 24, + "x": 3, + "y": 135, + }, + "background": Array [ + Object { + "blendMode": "NORMAL", + "color": Object { + "a": 1, + "b": 1, + "g": 1, + "r": 1, + }, + "type": "SOLID", + "visible": false, }, - "fixedRadius": 0, - "frame": Object { - "_class": "rect", - "constrainProportions": false, - "height": 62, - "width": 131, - "x": 0, - "y": 0, + ], + "backgroundColor": Object { + "a": 0, + "b": 0, + "g": 0, + "r": 0, + }, + "blendMode": "PASS_THROUGH", + "children": Array [ + Object { + "absoluteBoundingBox": Object { + "height": 24, + "width": 24, + "x": 3, + "y": 135, + }, + "blendMode": "PASS_THROUGH", + "constraints": Object { + "horizontal": "SCALE", + "vertical": "SCALE", + }, + "effects": Array [], + "fills": Array [ + Object { + "blendMode": "NORMAL", + "color": Object { + "a": 1, + "b": 0.729411780834198, + "g": 0.8235294222831726, + "r": 0.7529411911964417, + }, + "type": "SOLID", + }, + ], + "id": "1:43", + "name": "gray-dark", + "strokeAlign": "CENTER", + "strokeWeight": 0, + "strokes": Array [ + Object { + "blendMode": "NORMAL", + "color": Object { + "a": 1, + "b": 0.5920000076293945, + "g": 0.5920000076293945, + "r": 0.5920000076293945, + }, + "type": "SOLID", + "visible": false, + }, + ], + "type": "RECTANGLE", }, - "hasClippingMask": false, - "hasConvertedToNewRoundCorners": true, - "isClosed": true, - "isFixedToViewport": false, - "isFlippedHorizontal": false, - "isFlippedVertical": false, - "isLocked": false, - "isVisible": true, - "layerListExpandedType": 0, - "name": "Rectangle", - "nameIsFixed": false, - "pointRadiusBehaviour": 1, - "points": Array [ - Object { - "_class": "curvePoint", - "cornerRadius": 0, - "curveFrom": "{0, 0}", - "curveMode": 1, - "curveTo": "{0, 0}", - "hasCurveFrom": false, - "hasCurveTo": false, - "point": "{0, 0}", + ], + "clipsContent": false, + "constraints": Object { + "horizontal": "SCALE", + "vertical": "SCALE", + }, + "effects": Array [], + "id": "1:42", + "layoutGrids": Array [], + "name": "primitives/color/secondary/300", + "type": "COMPONENT", + }, + Object { + "absoluteBoundingBox": Object { + "height": 24, + "width": 24, + "x": 3, + "y": 180, + }, + "background": Array [ + Object { + "blendMode": "NORMAL", + "color": Object { + "a": 1, + "b": 1, + "g": 1, + "r": 1, + }, + "type": "SOLID", + "visible": false, + }, + ], + "backgroundColor": Object { + "a": 0, + "b": 0, + "g": 0, + "r": 0, + }, + "blendMode": "PASS_THROUGH", + "children": Array [ + Object { + "absoluteBoundingBox": Object { + "height": 24, + "width": 24, + "x": 3, + "y": 180, }, - Object { - "_class": "curvePoint", - "cornerRadius": 0, - "curveFrom": "{1, 0}", - "curveMode": 1, - "curveTo": "{1, 0}", - "hasCurveFrom": false, - "hasCurveTo": false, - "point": "{1, 0}", + "blendMode": "PASS_THROUGH", + "constraints": Object { + "horizontal": "SCALE", + "vertical": "SCALE", }, - Object { - "_class": "curvePoint", - "cornerRadius": 0, - "curveFrom": "{1, 1}", - "curveMode": 1, - "curveTo": "{1, 1}", - "hasCurveFrom": false, - "hasCurveTo": false, - "point": "{1, 1}", + "effects": Array [], + "fills": Array [ + Object { + "blendMode": "NORMAL", + "color": Object { + "a": 1, + "b": 0.8156862854957581, + "g": 0.8784313797950745, + "r": 0.8313725590705872, + }, + "type": "SOLID", + }, + ], + "id": "1:45", + "name": "gray-dark", + "strokeAlign": "CENTER", + "strokeWeight": 0, + "strokes": Array [ + Object { + "blendMode": "NORMAL", + "color": Object { + "a": 1, + "b": 0.5920000076293945, + "g": 0.5920000076293945, + "r": 0.5920000076293945, + }, + "type": "SOLID", + "visible": false, + }, + ], + "type": "RECTANGLE", + }, + ], + "clipsContent": false, + "constraints": Object { + "horizontal": "SCALE", + "vertical": "SCALE", + }, + "effects": Array [], + "id": "1:44", + "layoutGrids": Array [], + "name": "primitives/color/secondary/200", + "type": "COMPONENT", + }, + Object { + "absoluteBoundingBox": Object { + "height": 24, + "width": 24, + "x": 3, + "y": 223, + }, + "background": Array [ + Object { + "blendMode": "NORMAL", + "color": Object { + "a": 1, + "b": 1, + "g": 1, + "r": 1, }, - Object { - "_class": "curvePoint", - "cornerRadius": 0, - "curveFrom": "{0, 1}", - "curveMode": 1, - "curveTo": "{0, 1}", - "hasCurveFrom": false, - "hasCurveTo": false, - "point": "{0, 1}", + "type": "SOLID", + "visible": false, + }, + ], + "backgroundColor": Object { + "a": 0, + "b": 0, + "g": 0, + "r": 0, + }, + "blendMode": "PASS_THROUGH", + "children": Array [ + Object { + "absoluteBoundingBox": Object { + "height": 24, + "width": 24, + "x": 3, + "y": 223, }, - ], - "resizingConstraint": 63, - "resizingType": 0, - "rotation": 0, - "shouldBreakMaskChain": false, - "style": Object { - "_class": "style", - "borders": Array [ + "blendMode": "PASS_THROUGH", + "constraints": Object { + "horizontal": "SCALE", + "vertical": "SCALE", + }, + "effects": Array [], + "fills": Array [ Object { - "_class": "border", + "blendMode": "NORMAL", "color": Object { - "_class": "color", - "alpha": 1, - "blue": 0.592, - "green": 0.592, - "red": 0.592, + "a": 1, + "b": 0.9058823585510254, + "g": 0.9372549057006836, + "r": 0.9137254953384399, }, - "fillType": 0, - "isEnabled": false, - "position": 1, - "thickness": 1, + "type": "SOLID", }, ], - "endMarkerType": 0, + "id": "1:47", + "name": "gray-dark", + "strokeAlign": "CENTER", + "strokeWeight": 0, + "strokes": Array [ + Object { + "blendMode": "NORMAL", + "color": Object { + "a": 1, + "b": 0.5920000076293945, + "g": 0.5920000076293945, + "r": 0.5920000076293945, + }, + "type": "SOLID", + "visible": false, + }, + ], + "type": "RECTANGLE", + }, + ], + "clipsContent": false, + "constraints": Object { + "horizontal": "SCALE", + "vertical": "SCALE", + }, + "effects": Array [], + "id": "1:46", + "layoutGrids": Array [], + "name": "primitives/color/secondary/100", + "type": "COMPONENT", + }, + Object { + "absoluteBoundingBox": Object { + "height": 62, + "width": 131, + "x": 52, + "y": -116, + }, + "background": Array [ + Object { + "blendMode": "NORMAL", + "color": Object { + "a": 1, + "b": 1, + "g": 1, + "r": 1, + }, + "type": "SOLID", + }, + ], + "backgroundColor": Object { + "a": 1, + "b": 1, + "g": 1, + "r": 1, + }, + "blendMode": "PASS_THROUGH", + "children": Array [ + Object { + "absoluteBoundingBox": Object { + "height": 62, + "width": 131, + "x": 52, + "y": -116, + }, + "blendMode": "PASS_THROUGH", + "constraints": Object { + "horizontal": "SCALE", + "vertical": "SCALE", + }, + "effects": Array [], "fills": Array [ Object { - "_class": "fill", + "blendMode": "NORMAL", + "gradientHandlePositions": Array [ + Object { + "x": 0.5038167845431096, + "y": 1.0000000396974489, + }, + Object { + "x": 0.5038167491922538, + "y": 3.9697454434772794e-8, + }, + Object { + "x": 0.9999999762012087, + "y": 0.9999999613903336, + }, + ], + "gradientStops": Array [ + Object { + "color": Object { + "a": 1, + "b": 0.5647059082984924, + "g": 0.7137255072593689, + "r": 0.5921568870544434, + }, + "position": 0, + }, + Object { + "color": Object { + "a": 1, + "b": 0.3450980484485626, + "g": 0.5686274766921997, + "r": 0.3333333432674408, + }, + "position": 0.5038507580757141, + }, + Object { + "color": Object { + "a": 1, + "b": 0.24313725531101227, + "g": 0.4901960790157318, + "r": 0.13333334028720856, + }, + "position": 1, + }, + ], + "type": "GRADIENT_LINEAR", + }, + ], + "id": "1:49", + "name": "Rectangle", + "strokeAlign": "CENTER", + "strokeWeight": 0, + "strokes": Array [ + Object { + "blendMode": "NORMAL", "color": Object { - "_class": "color", - "alpha": 1, - "blue": 0.847, - "green": 0.847, - "red": 0.847, + "a": 1, + "b": 0.5920000076293945, + "g": 0.5920000076293945, + "r": 0.5920000076293945, }, - "fillType": 1, - "gradient": Object { - "_class": "gradient", - "elipseLength": 1, - "from": "{0.5, 1}", - "gradientType": 0, - "stops": Array [ - Object { - "_class": "gradientStop", - "color": Object { - "_class": "color", - "alpha": 1, - "blue": 0.5647058823529412, - "green": 0.7137254901960784, - "red": 0.592156862745098, - }, - "position": 0, + "type": "SOLID", + "visible": false, + }, + ], + "type": "RECTANGLE", + }, + ], + "clipsContent": true, + "constraints": Object { + "horizontal": "SCALE", + "vertical": "SCALE", + }, + "effects": Array [], + "id": "1:48", + "layoutGrids": Array [], + "name": "primitives/gradient/linear", + "type": "FRAME", + }, + Object { + "absoluteBoundingBox": Object { + "height": 62, + "width": 131, + "x": 52, + "y": -35, + }, + "background": Array [ + Object { + "blendMode": "NORMAL", + "color": Object { + "a": 1, + "b": 1, + "g": 1, + "r": 1, + }, + "type": "SOLID", + }, + ], + "backgroundColor": Object { + "a": 1, + "b": 1, + "g": 1, + "r": 1, + }, + "blendMode": "PASS_THROUGH", + "children": Array [ + Object { + "absoluteBoundingBox": Object { + "height": 62, + "width": 131, + "x": 52, + "y": -35, + }, + "blendMode": "PASS_THROUGH", + "constraints": Object { + "horizontal": "SCALE", + "vertical": "SCALE", + }, + "effects": Array [], + "fills": Array [ + Object { + "blendMode": "NORMAL", + "gradientHandlePositions": Array [ + Object { + "x": 0.4999999999999999, + "y": 1.0000000000000002, + }, + Object { + "x": 0.4999999999999999, + "y": -0.2726315302406337, + }, + Object { + "x": 1.7726315302406337, + "y": 1.0000000000000002, + }, + ], + "gradientStops": Array [ + Object { + "color": Object { + "a": 1, + "b": 0.5647059082984924, + "g": 0.7137255072593689, + "r": 0.5921568870544434, }, - Object { - "_class": "gradientStop", - "color": Object { - "_class": "color", - "alpha": 1, - "blue": 0.3450980392156862, - "green": 0.5686274509803921, - "red": 0.3333333333333334, - }, - "position": 0.5038507579143953, + "position": 0, + }, + Object { + "color": Object { + "a": 1, + "b": 0.24313725531101227, + "g": 0.4901960790157318, + "r": 0.13333334028720856, }, - Object { - "_class": "gradientStop", - "color": Object { - "_class": "color", - "alpha": 1, - "blue": 0.2431372549019607, - "green": 0.4901960784313725, - "red": 0.1333333333333333, - }, - "position": 1, + "position": 1, + }, + ], + "type": "GRADIENT_RADIAL", + }, + ], + "id": "1:51", + "name": "Rectangle", + "strokeAlign": "CENTER", + "strokeWeight": 0, + "strokes": Array [ + Object { + "blendMode": "NORMAL", + "color": Object { + "a": 1, + "b": 0.5920000076293945, + "g": 0.5920000076293945, + "r": 0.5920000076293945, + }, + "type": "SOLID", + "visible": false, + }, + ], + "type": "RECTANGLE", + }, + ], + "clipsContent": true, + "constraints": Object { + "horizontal": "SCALE", + "vertical": "SCALE", + }, + "effects": Array [], + "id": "1:50", + "layoutGrids": Array [], + "name": "primitives/gradient/radial", + "type": "FRAME", + }, + Object { + "absoluteBoundingBox": Object { + "height": 62, + "width": 131, + "x": 52, + "y": 46, + }, + "background": Array [ + Object { + "blendMode": "NORMAL", + "color": Object { + "a": 1, + "b": 1, + "g": 1, + "r": 1, + }, + "type": "SOLID", + }, + ], + "backgroundColor": Object { + "a": 1, + "b": 1, + "g": 1, + "r": 1, + }, + "blendMode": "PASS_THROUGH", + "children": Array [ + Object { + "absoluteBoundingBox": Object { + "height": 62, + "width": 131, + "x": 52, + "y": 46, + }, + "blendMode": "PASS_THROUGH", + "constraints": Object { + "horizontal": "SCALE", + "vertical": "SCALE", + }, + "effects": Array [], + "fills": Array [ + Object { + "blendMode": "NORMAL", + "gradientHandlePositions": Array [ + Object { + "x": 0.5, + "y": 0.5, + }, + Object { + "x": 1, + "y": 0.5, + }, + Object { + "x": 0.5, + "y": 1, + }, + ], + "gradientStops": Array [ + Object { + "color": Object { + "a": 1, + "b": 0.5647059082984924, + "g": 0.7137255072593689, + "r": 0.5921568870544434, }, - ], - "to": "{0.49999999999999989, 3.0616169978683836e-17}", + "position": 0.4336458444595337, + }, + Object { + "color": Object { + "a": 1, + "b": 0.24313725531101227, + "g": 0.4901960790157318, + "r": 0.13333334028720856, + }, + "position": 1, + }, + ], + "type": "GRADIENT_ANGULAR", + }, + ], + "id": "1:53", + "name": "Rectangle", + "strokeAlign": "CENTER", + "strokeWeight": 0, + "strokes": Array [ + Object { + "blendMode": "NORMAL", + "color": Object { + "a": 1, + "b": 0.5920000076293945, + "g": 0.5920000076293945, + "r": 0.5920000076293945, + }, + "type": "SOLID", + "visible": false, + }, + ], + "type": "RECTANGLE", + }, + ], + "clipsContent": true, + "constraints": Object { + "horizontal": "SCALE", + "vertical": "SCALE", + }, + "effects": Array [], + "id": "1:52", + "layoutGrids": Array [], + "name": "primitives/gradient/angular", + "type": "FRAME", + }, + Object { + "absoluteBoundingBox": Object { + "height": 44, + "width": 102, + "x": 200, + "y": -116, + }, + "background": Array [ + Object { + "blendMode": "NORMAL", + "color": Object { + "a": 1, + "b": 1, + "g": 1, + "r": 1, + }, + "type": "SOLID", + }, + ], + "backgroundColor": Object { + "a": 1, + "b": 1, + "g": 1, + "r": 1, + }, + "blendMode": "PASS_THROUGH", + "children": Array [ + Object { + "absoluteBoundingBox": Object { + "height": 25, + "width": 80, + "x": 211, + "y": -107, + }, + "blendMode": "PASS_THROUGH", + "constraints": Object { + "horizontal": "SCALE", + "vertical": "SCALE", + }, + "effects": Array [ + Object { + "blendMode": "NORMAL", + "color": Object { + "a": 0.5, + "b": 0, + "g": 0, + "r": 0, }, - "isEnabled": true, - "noiseIndex": 0, - "noiseIntensity": 0, - "patternFillType": 1, - "patternTileScale": 1, + "offset": Object { + "x": 0, + "y": 2, + }, + "radius": 4, + "type": "DROP_SHADOW", + "visible": true, }, ], - "miterLimit": 10, - "startMarkerType": 0, - "windingRule": 1, + "fills": Array [ + Object { + "blendMode": "NORMAL", + "color": Object { + "a": 1, + "b": 0.847000002861023, + "g": 0.847000002861023, + "r": 0.847000002861023, + }, + "type": "SOLID", + }, + ], + "id": "1:55", + "name": "Rectangle", + "strokeAlign": "CENTER", + "strokeWeight": 0, + "strokes": Array [ + Object { + "blendMode": "NORMAL", + "color": Object { + "a": 1, + "b": 0.5920000076293945, + "g": 0.5920000076293945, + "r": 0.5920000076293945, + }, + "type": "SOLID", + "visible": false, + }, + ], + "type": "RECTANGLE", }, + ], + "clipsContent": true, + "constraints": Object { + "horizontal": "SCALE", + "vertical": "SCALE", }, - ], - "name": "primitives/gradient/linear", - "nameIsFixed": true, - "resizesContent": false, - "resizingConstraint": 63, - "resizingType": 0, - "rotation": 0, - "shouldBreakMaskChain": true, - "style": Object { - "_class": "style", - "endMarkerType": 0, - "miterLimit": 10, - "startMarkerType": 0, - "windingRule": 1, - }, - "verticalRulerData": Object { - "_class": "rulerData", - "base": 0, - "guides": Array [], - }, - }, - Object { - "_class": "artboard", - "backgroundColor": Object { - "_class": "color", - "alpha": 1, - "blue": 1, - "do_objectID": "E546E174-486B-4F9D-A3C7-B2DDE8C3C49B", - "green": 1, - "red": 1, - }, - "booleanOperation": -1, - "clippingMaskMode": 0, - "do_objectID": "F9C9C2C5-925B-41CC-B221-A681D3B0467B", - "exportOptions": Object { - "_class": "exportOptions", - "do_objectID": "E3E1E0B6-26FE-4390-98B5-D7C5F2B63287", - "exportFormats": Array [], - "includedLayerIds": Array [], - "layerOptions": 0, - "shouldTrim": false, - }, - "frame": Object { - "_class": "rect", - "constrainProportions": false, - "do_objectID": "BF1839CB-2E18-4BEB-AD4C-B20B0114788F", - "height": 62, - "width": 131, - "x": 1180, - "y": 488, - }, - "groupLayout": Object { - "_class": "MSImmutableFreeformGroupLayout", - }, - "hasBackgroundColor": false, - "hasClickThrough": false, - "hasClippingMask": false, - "horizontalRulerData": Object { - "_class": "rulerData", - "base": 0, - "do_objectID": "70025BC0-DC04-49CF-A575-147B99AB9E20", - "guides": Array [], + "effects": Array [], + "id": "1:54", + "layoutGrids": Array [], + "name": "primitives/drop-shadow/simple", + "type": "FRAME", }, - "includeBackgroundColorInExport": true, - "includeInCloudUpload": true, - "isFixedToViewport": false, - "isFlippedHorizontal": false, - "isFlippedVertical": false, - "isFlowHome": false, - "isLocked": false, - "isVisible": true, - "layerListExpandedType": 0, - "layers": Array [ - Object { - "_class": "rectangle", - "booleanOperation": -1, - "clippingMaskMode": 0, - "do_objectID": "FDE90C50-C91D-41B2-9B9A-5A4246ED0EE6", - "edited": false, - "exportOptions": Object { - "_class": "exportOptions", - "do_objectID": "24A44529-F887-4E2B-AD62-8CF8DE378A6E", - "exportFormats": Array [], - "includedLayerIds": Array [], - "layerOptions": 0, - "shouldTrim": false, - }, - "fixedRadius": 0, - "frame": Object { - "_class": "rect", - "constrainProportions": false, - "do_objectID": "7487F607-C720-42B0-BDA8-EF8EF8266E87", - "height": 62, - "width": 131, - "x": 0, - "y": 0, - }, - "hasClippingMask": false, - "hasConvertedToNewRoundCorners": true, - "isClosed": true, - "isFixedToViewport": false, - "isFlippedHorizontal": false, - "isFlippedVertical": false, - "isLocked": false, - "isVisible": true, - "layerListExpandedType": 0, - "name": "Rectangle", - "nameIsFixed": false, - "pointRadiusBehaviour": 1, - "points": Array [ - Object { - "_class": "curvePoint", - "cornerRadius": 0, - "curveFrom": "{0, 0}", - "curveMode": 1, - "curveTo": "{0, 0}", - "hasCurveFrom": false, - "hasCurveTo": false, - "point": "{0, 0}", - }, - Object { - "_class": "curvePoint", - "cornerRadius": 0, - "curveFrom": "{1, 0}", - "curveMode": 1, - "curveTo": "{1, 0}", - "hasCurveFrom": false, - "hasCurveTo": false, - "point": "{1, 0}", + Object { + "absoluteBoundingBox": Object { + "height": 44, + "width": 102, + "x": 325, + "y": -116, + }, + "background": Array [ + Object { + "blendMode": "NORMAL", + "color": Object { + "a": 1, + "b": 1, + "g": 1, + "r": 1, }, - Object { - "_class": "curvePoint", - "cornerRadius": 0, - "curveFrom": "{1, 1}", - "curveMode": 1, - "curveTo": "{1, 1}", - "hasCurveFrom": false, - "hasCurveTo": false, - "point": "{1, 1}", + "type": "SOLID", + }, + ], + "backgroundColor": Object { + "a": 1, + "b": 1, + "g": 1, + "r": 1, + }, + "blendMode": "PASS_THROUGH", + "children": Array [ + Object { + "absoluteBoundingBox": Object { + "height": 25, + "width": 80, + "x": 336, + "y": -107, }, - Object { - "_class": "curvePoint", - "cornerRadius": 0, - "curveFrom": "{0, 1}", - "curveMode": 1, - "curveTo": "{0, 1}", - "hasCurveFrom": false, - "hasCurveTo": false, - "point": "{0, 1}", + "blendMode": "PASS_THROUGH", + "constraints": Object { + "horizontal": "SCALE", + "vertical": "SCALE", }, - ], - "resizingConstraint": 63, - "resizingType": 0, - "rotation": 0, - "shouldBreakMaskChain": false, - "style": Object { - "_class": "style", - "borders": Array [ + "cornerRadius": 3, + "effects": Array [], + "fills": Array [ Object { - "_class": "border", + "blendMode": "NORMAL", "color": Object { - "_class": "color", - "alpha": 1, - "blue": 0.592, - "green": 0.592, - "red": 0.592, + "a": 1, + "b": 0.847000002861023, + "g": 0.847000002861023, + "r": 0.847000002861023, }, - "fillType": 0, - "isEnabled": false, - "position": 1, - "thickness": 1, + "type": "SOLID", }, ], - "do_objectID": "9FEC3341-CD55-4C7E-A95D-7905CE9E0589", - "endMarkerType": 0, - "fills": Array [ + "id": "1:57", + "name": "Rectangle", + "strokeAlign": "INSIDE", + "strokeWeight": 1, + "strokes": Array [ Object { - "_class": "fill", + "blendMode": "NORMAL", "color": Object { - "_class": "color", - "alpha": 1, - "blue": 0.847, - "green": 0.847, - "red": 0.847, + "a": 1, + "b": 0.5868647694587708, + "g": 0.5868647694587708, + "r": 1, }, - "fillType": 1, - "gradient": Object { - "_class": "gradient", - "elipseLength": 1, - "from": "{0.5, 1}", - "gradientType": 1, - "stops": Array [ - Object { - "_class": "gradientStop", - "color": Object { - "_class": "color", - "alpha": 1, - "blue": 0.5647058823529412, - "green": 0.7137254901960784, - "red": 0.592156862745098, - }, - "position": 0, - }, - Object { - "_class": "gradientStop", - "color": Object { - "_class": "color", - "alpha": 1, - "blue": 0.2431372549019607, - "green": 0.4901960784313725, - "red": 0.1333333333333333, - }, - "position": 1, - }, - ], - "to": "{0.5, -0.27263153394819584}", + "type": "SOLID", + }, + ], + "type": "RECTANGLE", + }, + ], + "clipsContent": true, + "constraints": Object { + "horizontal": "SCALE", + "vertical": "SCALE", + }, + "effects": Array [], + "id": "1:56", + "layoutGrids": Array [], + "name": "primitives/border/inside", + "type": "FRAME", + }, + Object { + "absoluteBoundingBox": Object { + "height": 44, + "width": 102, + "x": 450, + "y": -63, + }, + "background": Array [ + Object { + "blendMode": "NORMAL", + "color": Object { + "a": 1, + "b": 1, + "g": 1, + "r": 1, + }, + "type": "SOLID", + }, + ], + "backgroundColor": Object { + "a": 1, + "b": 1, + "g": 1, + "r": 1, + }, + "blendMode": "PASS_THROUGH", + "children": Array [ + Object { + "absoluteBoundingBox": Object { + "height": 25, + "width": 80, + "x": 461, + "y": -54, + }, + "blendMode": "PASS_THROUGH", + "constraints": Object { + "horizontal": "SCALE", + "vertical": "SCALE", + }, + "cornerRadius": 3, + "effects": Array [ + Object { + "radius": 28, + "type": "BACKGROUND_BLUR", + "visible": true, + }, + ], + "fills": Array [ + Object { + "blendMode": "NORMAL", + "color": Object { + "a": 1, + "b": 0.847000002861023, + "g": 0.847000002861023, + "r": 0.847000002861023, }, - "isEnabled": true, - "noiseIndex": 0, - "noiseIntensity": 0, - "patternFillType": 1, - "patternTileScale": 1, + "type": "SOLID", }, ], - "miterLimit": 10, - "startMarkerType": 0, - "windingRule": 1, + "id": "78:3", + "name": "Rectangle", + "strokeAlign": "INSIDE", + "strokeWeight": 1, + "strokes": Array [ + Object { + "blendMode": "NORMAL", + "color": Object { + "a": 1, + "b": 0.5868647694587708, + "g": 0.5868647694587708, + "r": 1, + }, + "type": "SOLID", + }, + ], + "type": "RECTANGLE", }, + ], + "clipsContent": true, + "constraints": Object { + "horizontal": "SCALE", + "vertical": "SCALE", }, - ], - "name": "primitives/gradient/radial", - "nameIsFixed": true, - "resizesContent": false, - "resizingConstraint": 63, - "resizingType": 0, - "rotation": 0, - "shouldBreakMaskChain": true, - "style": Object { - "_class": "style", - "do_objectID": "B53C39F9-A608-4AC9-B37F-79F196241DAD", - "endMarkerType": 0, - "miterLimit": 10, - "startMarkerType": 0, - "windingRule": 1, - }, - "verticalRulerData": Object { - "_class": "rulerData", - "base": 0, - "do_objectID": "869D6FB4-42EC-4DFF-80E5-B6D1085302B7", - "guides": Array [], - }, - }, - Object { - "_class": "artboard", - "backgroundColor": Object { - "_class": "color", - "alpha": 1, - "blue": 1, - "do_objectID": "BC0199B1-60D3-44F3-9C78-E3B0B9BD718D", - "green": 1, - "red": 1, - }, - "booleanOperation": -1, - "clippingMaskMode": 0, - "do_objectID": "83CB7245-64A8-4D1D-A91D-7BED3E8E536F", - "exportOptions": Object { - "_class": "exportOptions", - "do_objectID": "CF6BAB56-FC97-48FD-A269-0064F83C76A5", - "exportFormats": Array [], - "includedLayerIds": Array [], - "layerOptions": 0, - "shouldTrim": false, - }, - "frame": Object { - "_class": "rect", - "constrainProportions": false, - "do_objectID": "C44A5538-6606-46C3-9362-C675E3A7B92B", - "height": 62, - "width": 131, - "x": 1180, - "y": 569, - }, - "groupLayout": Object { - "_class": "MSImmutableFreeformGroupLayout", - }, - "hasBackgroundColor": false, - "hasClickThrough": false, - "hasClippingMask": false, - "horizontalRulerData": Object { - "_class": "rulerData", - "base": 0, - "do_objectID": "06DD1E0B-4B8C-4F3B-B525-A124F8A37006", - "guides": Array [], + "effects": Array [], + "id": "78:2", + "layoutGrids": Array [], + "name": "primitives/blur/background", + "type": "FRAME", }, - "includeBackgroundColorInExport": true, - "includeInCloudUpload": true, - "isFixedToViewport": false, - "isFlippedHorizontal": false, - "isFlippedVertical": false, - "isFlowHome": false, - "isLocked": false, - "isVisible": true, - "layerListExpandedType": 0, - "layers": Array [ - Object { - "_class": "rectangle", - "booleanOperation": -1, - "clippingMaskMode": 0, - "do_objectID": "45A2BCD3-E9A7-48E8-9A25-7862BCE83CC5", - "edited": false, - "exportOptions": Object { - "_class": "exportOptions", - "do_objectID": "918164E3-544D-4F05-AE16-CA911DED02EB", - "exportFormats": Array [], - "includedLayerIds": Array [], - "layerOptions": 0, - "shouldTrim": false, - }, - "fixedRadius": 0, - "frame": Object { - "_class": "rect", - "constrainProportions": false, - "do_objectID": "C943BA4E-5D13-4E5B-BAB0-36895B9FD0EB", - "height": 62, - "width": 131, - "x": 0, - "y": 0, - }, - "hasClippingMask": false, - "hasConvertedToNewRoundCorners": true, - "isClosed": true, - "isFixedToViewport": false, - "isFlippedHorizontal": false, - "isFlippedVertical": false, - "isLocked": false, - "isVisible": true, - "layerListExpandedType": 0, - "name": "Rectangle", - "nameIsFixed": false, - "pointRadiusBehaviour": 1, - "points": Array [ - Object { - "_class": "curvePoint", - "cornerRadius": 0, - "curveFrom": "{0, 0}", - "curveMode": 1, - "curveTo": "{0, 0}", - "hasCurveFrom": false, - "hasCurveTo": false, - "point": "{0, 0}", - }, - Object { - "_class": "curvePoint", - "cornerRadius": 0, - "curveFrom": "{1, 0}", - "curveMode": 1, - "curveTo": "{1, 0}", - "hasCurveFrom": false, - "hasCurveTo": false, - "point": "{1, 0}", + Object { + "absoluteBoundingBox": Object { + "height": 44, + "width": 102, + "x": 450, + "y": -116, + }, + "background": Array [ + Object { + "blendMode": "NORMAL", + "color": Object { + "a": 1, + "b": 1, + "g": 1, + "r": 1, }, - Object { - "_class": "curvePoint", - "cornerRadius": 0, - "curveFrom": "{1, 1}", - "curveMode": 1, - "curveTo": "{1, 1}", - "hasCurveFrom": false, - "hasCurveTo": false, - "point": "{1, 1}", + "type": "SOLID", + }, + ], + "backgroundColor": Object { + "a": 1, + "b": 1, + "g": 1, + "r": 1, + }, + "blendMode": "PASS_THROUGH", + "children": Array [ + Object { + "absoluteBoundingBox": Object { + "height": 25, + "width": 80, + "x": 461, + "y": -107, }, - Object { - "_class": "curvePoint", - "cornerRadius": 0, - "curveFrom": "{0, 1}", - "curveMode": 1, - "curveTo": "{0, 1}", - "hasCurveFrom": false, - "hasCurveTo": false, - "point": "{0, 1}", + "blendMode": "PASS_THROUGH", + "constraints": Object { + "horizontal": "SCALE", + "vertical": "SCALE", }, - ], - "resizingConstraint": 63, - "resizingType": 0, - "rotation": 0, - "shouldBreakMaskChain": false, - "style": Object { - "_class": "style", - "borders": Array [ + "cornerRadius": 3, + "effects": Array [ Object { - "_class": "border", + "radius": 2, + "type": "LAYER_BLUR", + "visible": true, + }, + ], + "fills": Array [ + Object { + "blendMode": "NORMAL", "color": Object { - "_class": "color", - "alpha": 1, - "blue": 0.592, - "green": 0.592, - "red": 0.592, + "a": 1, + "b": 0.847000002861023, + "g": 0.847000002861023, + "r": 0.847000002861023, }, - "fillType": 0, - "isEnabled": false, - "position": 1, - "thickness": 1, + "type": "SOLID", }, ], - "do_objectID": "D0339510-D7AB-4587-90C9-0820A0C372EB", - "endMarkerType": 0, + "id": "78:1", + "name": "Rectangle", + "strokeAlign": "INSIDE", + "strokeWeight": 1, + "strokes": Array [ + Object { + "blendMode": "NORMAL", + "color": Object { + "a": 1, + "b": 0.5868647694587708, + "g": 0.5868647694587708, + "r": 1, + }, + "type": "SOLID", + }, + ], + "type": "RECTANGLE", + }, + ], + "clipsContent": true, + "constraints": Object { + "horizontal": "SCALE", + "vertical": "SCALE", + }, + "effects": Array [], + "id": "78:0", + "layoutGrids": Array [], + "name": "primitives/blur/gaussian", + "type": "FRAME", + }, + Object { + "absoluteBoundingBox": Object { + "height": 44, + "width": 102, + "x": 325, + "y": -8, + }, + "background": Array [ + Object { + "blendMode": "NORMAL", + "color": Object { + "a": 1, + "b": 1, + "g": 1, + "r": 1, + }, + "type": "SOLID", + }, + ], + "backgroundColor": Object { + "a": 1, + "b": 1, + "g": 1, + "r": 1, + }, + "blendMode": "PASS_THROUGH", + "children": Array [ + Object { + "absoluteBoundingBox": Object { + "height": 25, + "width": 80, + "x": 336, + "y": 1, + }, + "blendMode": "PASS_THROUGH", + "constraints": Object { + "horizontal": "SCALE", + "vertical": "SCALE", + }, + "cornerRadius": 12.5, + "effects": Array [], "fills": Array [ Object { - "_class": "fill", + "blendMode": "NORMAL", "color": Object { - "_class": "color", - "alpha": 1, - "blue": 0.847, - "green": 0.847, - "red": 0.847, + "a": 1, + "b": 0.847000002861023, + "g": 0.847000002861023, + "r": 0.847000002861023, }, - "fillType": 1, - "gradient": Object { - "_class": "gradient", - "elipseLength": 1, - "from": "{0.5, 1}", - "gradientType": 2, - "stops": Array [ - Object { - "_class": "gradientStop", - "color": Object { - "_class": "color", - "alpha": 1, - "blue": 0.5647058823529412, - "green": 0.7137254901960784, - "red": 0.592156862745098, - }, - "position": 0.4336458341191861, - }, - Object { - "_class": "gradientStop", - "color": Object { - "_class": "color", - "alpha": 1, - "blue": 0.2431372549019607, - "green": 0.4901960784313725, - "red": 0.1333333333333333, - }, - "position": 1, - }, - ], - "to": "{0.5, -0.27263153394819584}", + "type": "SOLID", + }, + ], + "id": "1:59", + "name": "Rectangle", + "strokeAlign": "OUTSIDE", + "strokeWeight": 1, + "strokes": Array [ + Object { + "blendMode": "NORMAL", + "color": Object { + "a": 1, + "b": 0.5868647694587708, + "g": 0.5868647694587708, + "r": 1, }, - "isEnabled": true, - "noiseIndex": 0, - "noiseIntensity": 0, - "patternFillType": 1, - "patternTileScale": 1, + "type": "SOLID", }, ], - "miterLimit": 10, - "startMarkerType": 0, - "windingRule": 1, + "type": "RECTANGLE", }, + ], + "clipsContent": true, + "constraints": Object { + "horizontal": "SCALE", + "vertical": "SCALE", }, - ], - "name": "primitives/gradient/angular", - "nameIsFixed": true, - "resizesContent": false, - "resizingConstraint": 63, - "resizingType": 0, - "rotation": 0, - "shouldBreakMaskChain": true, - "style": Object { - "_class": "style", - "do_objectID": "804A7260-A853-4AA9-9FB9-89D6BF51A644", - "endMarkerType": 0, - "miterLimit": 10, - "startMarkerType": 0, - "windingRule": 1, - }, - "verticalRulerData": Object { - "_class": "rulerData", - "base": 0, - "do_objectID": "60ABF9ED-D4B7-4FC8-9F4A-897503ABA544", - "guides": Array [], - }, - }, - Object { - "_class": "artboard", - "backgroundColor": Object { - "_class": "color", - "alpha": 1, - "blue": 1, - "green": 1, - "red": 1, - }, - "booleanOperation": -1, - "clippingMaskMode": 0, - "do_objectID": "C88996D5-D133-4F93-B701-1BD926488842", - "exportOptions": Object { - "_class": "exportOptions", - "exportFormats": Array [], - "includedLayerIds": Array [], - "layerOptions": 0, - "shouldTrim": false, - }, - "frame": Object { - "_class": "rect", - "constrainProportions": false, - "height": 44, - "width": 102, - "x": 1328, - "y": 407, - }, - "groupLayout": Object { - "_class": "MSImmutableFreeformGroupLayout", - }, - "hasBackgroundColor": false, - "hasClickThrough": false, - "hasClippingMask": false, - "horizontalRulerData": Object { - "_class": "rulerData", - "base": 0, - "guides": Array [], + "effects": Array [], + "id": "1:58", + "layoutGrids": Array [], + "name": "primitives/border/outside", + "type": "FRAME", }, - "includeBackgroundColorInExport": true, - "includeInCloudUpload": true, - "isFixedToViewport": false, - "isFlippedHorizontal": false, - "isFlippedVertical": false, - "isFlowHome": false, - "isLocked": false, - "isVisible": true, - "layerListExpandedType": 0, - "layers": Array [ - Object { - "_class": "rectangle", - "booleanOperation": -1, - "clippingMaskMode": 0, - "do_objectID": "670FB00E-A217-4D3E-88F2-4CC6A2514AD4", - "edited": false, - "exportOptions": Object { - "_class": "exportOptions", - "exportFormats": Array [], - "includedLayerIds": Array [], - "layerOptions": 0, - "shouldTrim": false, - }, - "fixedRadius": 0, - "frame": Object { - "_class": "rect", - "constrainProportions": false, - "height": 25, - "width": 80, - "x": 11, - "y": 9, + Object { + "absoluteBoundingBox": Object { + "height": 44, + "width": 102, + "x": 325, + "y": 45, + }, + "background": Array [ + Object { + "blendMode": "NORMAL", + "color": Object { + "a": 1, + "b": 1, + "g": 1, + "r": 1, + }, + "type": "SOLID", }, - "hasClippingMask": false, - "hasConvertedToNewRoundCorners": true, - "isClosed": true, - "isFixedToViewport": false, - "isFlippedHorizontal": false, - "isFlippedVertical": false, - "isLocked": false, - "isVisible": true, - "layerListExpandedType": 0, - "name": "Rectangle", - "nameIsFixed": false, - "pointRadiusBehaviour": 1, - "points": Array [ - Object { - "_class": "curvePoint", - "cornerRadius": 0, - "curveFrom": "{0, 0}", - "curveMode": 1, - "curveTo": "{0, 0}", - "hasCurveFrom": false, - "hasCurveTo": false, - "point": "{0, 0}", + ], + "backgroundColor": Object { + "a": 1, + "b": 1, + "g": 1, + "r": 1, + }, + "blendMode": "PASS_THROUGH", + "children": Array [ + Object { + "absoluteBoundingBox": Object { + "height": 25, + "width": 80, + "x": 336, + "y": 54, }, - Object { - "_class": "curvePoint", - "cornerRadius": 0, - "curveFrom": "{1, 0}", - "curveMode": 1, - "curveTo": "{1, 0}", - "hasCurveFrom": false, - "hasCurveTo": false, - "point": "{1, 0}", + "blendMode": "PASS_THROUGH", + "constraints": Object { + "horizontal": "SCALE", + "vertical": "SCALE", }, - Object { - "_class": "curvePoint", - "cornerRadius": 0, - "curveFrom": "{1, 1}", - "curveMode": 1, - "curveTo": "{1, 1}", - "hasCurveFrom": false, - "hasCurveTo": false, - "point": "{1, 1}", + "effects": Array [], + "fills": Array [ + Object { + "blendMode": "NORMAL", + "color": Object { + "a": 1, + "b": 0.847000002861023, + "g": 0.847000002861023, + "r": 0.847000002861023, + }, + "type": "SOLID", + }, + ], + "id": "1:61", + "name": "Rectangle", + "rectangleCornerRadii": Array [ + 8, + 12.5, + 12.5, + 12.5, + ], + "strokeAlign": "OUTSIDE", + "strokeWeight": 1, + "strokes": Array [ + Object { + "blendMode": "NORMAL", + "gradientHandlePositions": Array [ + Object { + "x": 1, + "y": 1, + }, + Object { + "x": 1, + "y": 0, + }, + Object { + "x": 1.5, + "y": 0.9999999999999999, + }, + ], + "gradientStops": Array [ + Object { + "color": Object { + "a": 1, + "b": 0.5647059082984924, + "g": 0.7137255072593689, + "r": 0.5921568870544434, + }, + "position": 0, + }, + Object { + "color": Object { + "a": 1, + "b": 0.3450980484485626, + "g": 0.5686274766921997, + "r": 0.3333333432674408, + }, + "position": 0.5038507580757141, + }, + Object { + "color": Object { + "a": 1, + "b": 0.24313725531101227, + "g": 0.4901960790157318, + "r": 0.13333334028720856, + }, + "position": 1, + }, + ], + "type": "GRADIENT_LINEAR", + }, + ], + "type": "RECTANGLE", + }, + ], + "clipsContent": true, + "constraints": Object { + "horizontal": "SCALE", + "vertical": "SCALE", + }, + "effects": Array [], + "id": "1:60", + "layoutGrids": Array [], + "name": "primitives/border/gradient-with-corners", + "type": "FRAME", + }, + Object { + "absoluteBoundingBox": Object { + "height": 44, + "width": 102, + "x": 325, + "y": -63, + }, + "background": Array [ + Object { + "blendMode": "NORMAL", + "color": Object { + "a": 1, + "b": 1, + "g": 1, + "r": 1, }, - Object { - "_class": "curvePoint", - "cornerRadius": 0, - "curveFrom": "{0, 1}", - "curveMode": 1, - "curveTo": "{0, 1}", - "hasCurveFrom": false, - "hasCurveTo": false, - "point": "{0, 1}", + "type": "SOLID", + }, + ], + "backgroundColor": Object { + "a": 1, + "b": 1, + "g": 1, + "r": 1, + }, + "blendMode": "PASS_THROUGH", + "children": Array [ + Object { + "absoluteBoundingBox": Object { + "height": 25, + "width": 80, + "x": 336, + "y": -54, }, - ], - "resizingConstraint": 63, - "resizingType": 0, - "rotation": 0, - "shouldBreakMaskChain": false, - "style": Object { - "_class": "style", - "borders": Array [ + "blendMode": "PASS_THROUGH", + "constraints": Object { + "horizontal": "SCALE", + "vertical": "SCALE", + }, + "effects": Array [], + "fills": Array [ Object { - "_class": "border", + "blendMode": "NORMAL", "color": Object { - "_class": "color", - "alpha": 1, - "blue": 0.592, - "green": 0.592, - "red": 0.592, + "a": 1, + "b": 0.847000002861023, + "g": 0.847000002861023, + "r": 0.847000002861023, }, - "fillType": 0, - "isEnabled": false, - "position": 1, - "thickness": 1, + "type": "SOLID", }, ], - "endMarkerType": 0, - "fills": Array [ + "id": "1:63", + "name": "Rectangle", + "strokeAlign": "CENTER", + "strokeWeight": 1, + "strokes": Array [ Object { - "_class": "fill", + "blendMode": "NORMAL", "color": Object { - "_class": "color", - "alpha": 1, - "blue": 0.847, - "green": 0.847, - "red": 0.847, + "a": 1, + "b": 0.5868647694587708, + "g": 0.5868647694587708, + "r": 1, }, - "fillType": 0, - "isEnabled": true, - "noiseIndex": 0, - "noiseIntensity": 0, - "patternFillType": 1, - "patternTileScale": 1, + "type": "SOLID", + }, + ], + "type": "RECTANGLE", + }, + ], + "clipsContent": true, + "constraints": Object { + "horizontal": "SCALE", + "vertical": "SCALE", + }, + "effects": Array [], + "id": "1:62", + "layoutGrids": Array [], + "name": "primitives/border/center", + "type": "FRAME", + }, + Object { + "absoluteBoundingBox": Object { + "height": 44, + "width": 102, + "x": 200, + "y": -66, + }, + "background": Array [ + Object { + "blendMode": "NORMAL", + "color": Object { + "a": 1, + "b": 1, + "g": 1, + "r": 1, + }, + "type": "SOLID", + }, + ], + "backgroundColor": Object { + "a": 1, + "b": 1, + "g": 1, + "r": 1, + }, + "blendMode": "PASS_THROUGH", + "children": Array [ + Object { + "absoluteBoundingBox": Object { + "height": 25, + "width": 80, + "x": 211, + "y": -57, + }, + "blendMode": "PASS_THROUGH", + "constraints": Object { + "horizontal": "SCALE", + "vertical": "SCALE", + }, + "effects": Array [ + Object { + "blendMode": "NORMAL", + "color": Object { + "a": 0.5, + "b": 0, + "g": 0, + "r": 0, + }, + "offset": Object { + "x": 0, + "y": 1, + }, + "radius": 3, + "type": "INNER_SHADOW", + "visible": true, }, ], - "miterLimit": 10, - "shadows": Array [ + "fills": Array [ Object { - "_class": "shadow", - "blurRadius": 4, + "blendMode": "NORMAL", "color": Object { - "_class": "color", - "alpha": 0.5, - "blue": 0, - "green": 0, - "red": 0, + "a": 1, + "b": 0.847000002861023, + "g": 0.847000002861023, + "r": 0.847000002861023, }, - "contextSettings": Object { - "_class": "graphicsContextSettings", - "blendMode": 0, - "opacity": 1, + "type": "SOLID", + }, + ], + "id": "1:65", + "name": "Rectangle", + "strokeAlign": "CENTER", + "strokeWeight": 0, + "strokes": Array [ + Object { + "blendMode": "NORMAL", + "color": Object { + "a": 1, + "b": 0.5920000076293945, + "g": 0.5920000076293945, + "r": 0.5920000076293945, }, - "isEnabled": true, - "offsetX": 0, - "offsetY": 2, - "spread": 0, + "type": "SOLID", + "visible": false, }, ], - "startMarkerType": 0, - "windingRule": 1, + "type": "RECTANGLE", }, + ], + "clipsContent": true, + "constraints": Object { + "horizontal": "SCALE", + "vertical": "SCALE", }, - ], - "name": "primitives/drop-shadow/simple", - "nameIsFixed": true, - "resizesContent": false, - "resizingConstraint": 63, - "resizingType": 0, - "rotation": 0, - "shouldBreakMaskChain": true, - "style": Object { - "_class": "style", - "endMarkerType": 0, - "miterLimit": 10, - "startMarkerType": 0, - "windingRule": 1, - }, - "verticalRulerData": Object { - "_class": "rulerData", - "base": 0, - "guides": Array [], - }, - }, - Object { - "_class": "artboard", - "backgroundColor": Object { - "_class": "color", - "alpha": 1, - "blue": 1, - "do_objectID": "78C82A3E-B795-4CC7-BEF0-D73AEAA16E84", - "green": 1, - "red": 1, - }, - "booleanOperation": -1, - "clippingMaskMode": 0, - "do_objectID": "78EED8DF-E23A-40C7-B916-FB8D70BDDDD1", - "exportOptions": Object { - "_class": "exportOptions", - "do_objectID": "7E81A180-3479-4A40-98CC-2D9063CED95C", - "exportFormats": Array [], - "includedLayerIds": Array [], - "layerOptions": 0, - "shouldTrim": false, - }, - "frame": Object { - "_class": "rect", - "constrainProportions": false, - "do_objectID": "1D86753E-D7EF-4390-9BCF-0E849416D56A", - "height": 44, - "width": 102, - "x": 1453, - "y": 407, - }, - "groupLayout": Object { - "_class": "MSImmutableFreeformGroupLayout", - }, - "hasBackgroundColor": false, - "hasClickThrough": true, - "hasClippingMask": false, - "horizontalRulerData": Object { - "_class": "rulerData", - "base": 0, - "do_objectID": "B9F65356-2BA0-4A3E-8880-CF67735EBA14", - "guides": Array [], + "effects": Array [], + "id": "1:64", + "layoutGrids": Array [], + "name": "primitives/inner-shadow/simple", + "type": "FRAME", }, - "includeBackgroundColorInExport": true, - "includeInCloudUpload": true, - "isFixedToViewport": false, - "isFlippedHorizontal": false, - "isFlippedVertical": false, - "isFlowHome": false, - "isLocked": false, - "isVisible": true, - "layerListExpandedType": 0, - "layers": Array [ - Object { - "_class": "rectangle", - "booleanOperation": -1, - "clippingMaskMode": 0, - "do_objectID": "2243D0A2-FC45-481B-AE97-D870899002D9", - "edited": false, - "exportOptions": Object { - "_class": "exportOptions", - "do_objectID": "BF39C3F9-1983-4788-AA26-CEAF9C3BF800", - "exportFormats": Array [], - "includedLayerIds": Array [], - "layerOptions": 0, - "shouldTrim": false, - }, - "fixedRadius": 3, - "frame": Object { - "_class": "rect", - "constrainProportions": false, - "do_objectID": "BA9C9CBF-9684-47CC-8D9D-6A2EEDDB342E", - "height": 25, - "width": 80, - "x": 11, - "y": 9, + Object { + "absoluteBoundingBox": Object { + "height": 37, + "width": 217, + "x": -35, + "y": -247, + }, + "background": Array [ + Object { + "blendMode": "NORMAL", + "color": Object { + "a": 1, + "b": 1, + "g": 1, + "r": 1, + }, + "type": "SOLID", }, - "hasClippingMask": false, - "hasConvertedToNewRoundCorners": true, - "isClosed": true, - "isFixedToViewport": false, - "isFlippedHorizontal": false, - "isFlippedVertical": false, - "isLocked": false, - "isVisible": true, - "layerListExpandedType": 0, - "name": "Rectangle", - "nameIsFixed": false, - "pointRadiusBehaviour": 1, - "points": Array [ - Object { - "_class": "curvePoint", - "cornerRadius": 3, - "curveFrom": "{0, 0}", - "curveMode": 1, - "curveTo": "{0, 0}", - "hasCurveFrom": false, - "hasCurveTo": false, - "point": "{0, 0}", + ], + "backgroundColor": Object { + "a": 1, + "b": 1, + "g": 1, + "r": 1, + }, + "blendMode": "PASS_THROUGH", + "children": Array [ + Object { + "absoluteBoundingBox": Object { + "height": 26, + "width": 189, + "x": -22, + "y": -243, }, - Object { - "_class": "curvePoint", - "cornerRadius": 3, - "curveFrom": "{1, 0}", - "curveMode": 1, - "curveTo": "{1, 0}", - "hasCurveFrom": false, - "hasCurveTo": false, - "point": "{1, 0}", + "blendMode": "PASS_THROUGH", + "characterStyleOverrides": Array [], + "characters": "my-hubble-project", + "constraints": Object { + "horizontal": "SCALE", + "vertical": "CENTER", }, - Object { - "_class": "curvePoint", - "cornerRadius": 3, - "curveFrom": "{1, 1}", - "curveMode": 1, - "curveTo": "{1, 1}", - "hasCurveFrom": false, - "hasCurveTo": false, - "point": "{1, 1}", + "effects": Array [], + "fills": Array [ + Object { + "blendMode": "NORMAL", + "color": Object { + "a": 1, + "b": 0, + "g": 0, + "r": 0, + }, + "type": "SOLID", + }, + ], + "id": "1:67", + "name": "my-hubble-project", + "strokeAlign": "CENTER", + "strokeWeight": 0, + "strokes": Array [], + "style": Object { + "fontFamily": "Fira Sans", + "fontPostScriptName": "FiraSans-Regular", + "fontSize": 22, + "fontWeight": 400, + "letterSpacing": 0, + "lineHeightPercent": 100, + "lineHeightPx": 25.78125, + "lineHeightUnit": "INTRINSIC_%", + "textAlignHorizontal": "CENTER", + "textAlignVertical": "TOP", }, - Object { - "_class": "curvePoint", - "cornerRadius": 3, - "curveFrom": "{0, 1}", - "curveMode": 1, - "curveTo": "{0, 1}", - "hasCurveFrom": false, - "hasCurveTo": false, - "point": "{0, 1}", + "styleOverrideTable": Object {}, + "type": "TEXT", + }, + ], + "clipsContent": true, + "constraints": Object { + "horizontal": "SCALE", + "vertical": "SCALE", + }, + "effects": Array [], + "id": "1:66", + "layoutGrids": Array [], + "name": "config/projectid", + "type": "FRAME", + }, + Object { + "absoluteBoundingBox": Object { + "height": 133, + "width": 132, + "x": -300, + "y": -116, + }, + "background": Array [ + Object { + "blendMode": "NORMAL", + "color": Object { + "a": 1, + "b": 1, + "g": 1, + "r": 1, }, - ], - "resizingConstraint": 63, - "resizingType": 0, - "rotation": 0, - "shouldBreakMaskChain": false, - "style": Object { - "_class": "style", - "borders": Array [ + "type": "SOLID", + }, + ], + "backgroundColor": Object { + "a": 1, + "b": 1, + "g": 1, + "r": 1, + }, + "blendMode": "PASS_THROUGH", + "children": Array [ + Object { + "absoluteBoundingBox": Object { + "height": 79.34135437011719, + "width": 79.17799377441406, + "x": -293, + "y": -68.15727233886719, + }, + "background": Array [], + "backgroundColor": Object { + "a": 0, + "b": 0, + "g": 0, + "r": 0, + }, + "blendMode": "PASS_THROUGH", + "children": Array [ + Object { + "absoluteBoundingBox": Object { + "height": 79.34135437011719, + "width": 79.17799377441406, + "x": -293, + "y": -68.15727233886719, + }, + "background": Array [], + "backgroundColor": Object { + "a": 0, + "b": 0, + "g": 0, + "r": 0, + }, + "blendMode": "PASS_THROUGH", + "children": Array [ + Object { + "absoluteBoundingBox": Object { + "height": 79.34135437011719, + "width": 79.17798614501953, + "x": -293, + "y": -68.15728759765625, + }, + "blendMode": "PASS_THROUGH", + "constraints": Object { + "horizontal": "SCALE", + "vertical": "SCALE", + }, + "effects": Array [], + "fills": Array [ + Object { + "blendMode": "NORMAL", + "color": Object { + "a": 1, + "b": 1, + "g": 1, + "r": 1, + }, + "type": "SOLID", + }, + ], + "id": "3:5", + "name": "Rectangle", + "rectangleCornerRadii": Array [ + 78.38883972167969, + 78.38883972167969, + 78.38883972167969, + 78.38883972167969, + ], + "strokeAlign": "INSIDE", + "strokeWeight": 1, + "strokes": Array [], + "type": "RECTANGLE", + }, + Object { + "absoluteBoundingBox": Object { + "height": 45.7841796875, + "width": 46.03673553466797, + "x": -269.21923828125, + "y": -35.57765197753906, + }, + "blendMode": "PASS_THROUGH", + "constraints": Object { + "horizontal": "SCALE", + "vertical": "SCALE", + }, + "effects": Array [], + "fills": Array [ + Object { + "blendMode": "NORMAL", + "color": Object { + "a": 1, + "b": 0.6113536953926086, + "g": 0.1895463466644287, + "r": 0.23511552810668945, + }, + "opacity": 0.10000000149011612, + "type": "SOLID", + }, + ], + "id": "3:6", + "name": "Rectangle", + "strokeAlign": "INSIDE", + "strokeWeight": 1, + "strokes": Array [], + "type": "VECTOR", + }, + Object { + "absoluteBoundingBox": Object { + "height": 49.40730285644531, + "width": 49.17837905883789, + "x": -272.70068359375, + "y": -58.48307800292969, + }, + "blendMode": "PASS_THROUGH", + "constraints": Object { + "horizontal": "SCALE", + "vertical": "SCALE", + }, + "effects": Array [], + "fills": Array [ + Object { + "blendMode": "NORMAL", + "color": Object { + "a": 1, + "b": 0.3137255012989044, + "g": 0.09019608050584793, + "r": 0.12941177189350128, + }, + "type": "SOLID", + }, + ], + "id": "3:7", + "name": "Ellipse 2", + "preserveRatio": true, + "strokeAlign": "INSIDE", + "strokeWeight": 1, + "strokes": Array [], + "type": "ELLIPSE", + }, + ], + "clipsContent": false, + "constraints": Object { + "horizontal": "SCALE", + "vertical": "SCALE", + }, + "effects": Array [], + "id": "3:4", + "name": "back", + "preserveRatio": true, + "type": "GROUP", + }, + Object { + "absoluteBoundingBox": Object { + "height": 57.59684371948242, + "width": 57.21219253540039, + "x": -277.5087890625, + "y": -61.59696960449219, + }, + "blendMode": "PASS_THROUGH", + "constraints": Object { + "horizontal": "SCALE", + "vertical": "SCALE", + }, + "effects": Array [], + "fills": Array [ + Object { + "blendMode": "NORMAL", + "color": Object { + "a": 1, + "b": 1, + "g": 1, + "r": 1, + }, + "type": "SOLID", + }, + ], + "id": "3:8", + "name": "Rectangle", + "rectangleCornerRadii": Array [ + 70, + 0, + 0, + 70, + ], + "strokeAlign": "INSIDE", + "strokeWeight": 1, + "strokes": Array [], + "type": "RECTANGLE", + }, Object { - "_class": "border", - "color": Object { - "_class": "color", - "alpha": 1, - "blue": 0.5868647411616161, - "green": 0.5868647411616161, - "red": 1, + "absoluteBoundingBox": Object { + "height": 35.155235290527344, + "width": 35.28314208984375, + "x": -255.53762817382812, + "y": -40.240570068359375, }, - "fillType": 0, - "isEnabled": true, - "position": 1, - "thickness": 1, + "blendMode": "PASS_THROUGH", + "constraints": Object { + "horizontal": "SCALE", + "vertical": "SCALE", + }, + "effects": Array [], + "fills": Array [ + Object { + "blendMode": "NORMAL", + "color": Object { + "a": 1, + "b": 0.6113536953926086, + "g": 0.1895463466644287, + "r": 0.23511552810668945, + }, + "opacity": 0.10000000149011612, + "type": "SOLID", + }, + ], + "id": "3:9", + "name": "Rectangle", + "strokeAlign": "INSIDE", + "strokeWeight": 1, + "strokes": Array [], + "type": "VECTOR", }, - ], - "do_objectID": "563A5CA8-061B-4AA4-8A7F-BE0C824053D5", - "endMarkerType": 0, - "fills": Array [ Object { - "_class": "fill", - "color": Object { - "_class": "color", - "alpha": 1, - "blue": 0.847, - "green": 0.847, - "red": 0.847, + "absoluteBoundingBox": Object { + "height": 66.79539489746094, + "width": 66.44422149658203, + "x": -281.9270324707031, + "y": -66.46075439453125, }, - "fillType": 0, - "isEnabled": true, - "noiseIndex": 0, - "noiseIntensity": 0, - "patternFillType": 1, - "patternTileScale": 1, + "background": Array [], + "backgroundColor": Object { + "a": 0, + "b": 0, + "g": 0, + "r": 0, + }, + "blendMode": "PASS_THROUGH", + "children": Array [ + Object { + "absoluteBoundingBox": Object { + "height": 63.97807693481445, + "width": 63.69471740722656, + "x": -280.5522766113281, + "y": -65.0521011352539, + }, + "blendMode": "PASS_THROUGH", + "constraints": Object { + "horizontal": "SCALE", + "vertical": "SCALE", + }, + "effects": Array [], + "fills": Array [ + Object { + "blendMode": "NORMAL", + "color": Object { + "a": 1, + "b": 1, + "g": 1, + "r": 1, + }, + "type": "SOLID", + }, + ], + "id": "3:11", + "isMask": true, + "name": "Rectangle", + "rectangleCornerRadii": Array [ + 70, + 0, + 0, + 70, + ], + "strokeAlign": "INSIDE", + "strokeWeight": 1, + "strokes": Array [], + "type": "RECTANGLE", + }, + Object { + "absoluteBoundingBox": Object { + "height": 54.837440490722656, + "width": 54.583370208740234, + "x": -265.0904541015625, + "y": -71.59849548339844, + }, + "blendMode": "PASS_THROUGH", + "constraints": Object { + "horizontal": "SCALE", + "vertical": "SCALE", + }, + "effects": Array [], + "fills": Array [], + "id": "3:12", + "name": "Ellipse 2", + "strokeAlign": "INSIDE", + "strokeWeight": 1, + "strokes": Array [ + Object { + "blendMode": "NORMAL", + "color": Object { + "a": 1, + "b": 0.5139999985694885, + "g": 0.15299999713897705, + "r": 0.19200000166893005, + }, + "opacity": 0.10000000149011612, + "type": "SOLID", + }, + ], + "type": "ELLIPSE", + }, + Object { + "absoluteBoundingBox": Object { + "height": 54.83745193481445, + "width": 54.58336639404297, + "x": -260.4221496582031, + "y": -75.88243865966797, + }, + "blendMode": "PASS_THROUGH", + "constraints": Object { + "horizontal": "SCALE", + "vertical": "SCALE", + }, + "effects": Array [], + "fills": Array [], + "id": "3:13", + "name": "Ellipse 2.1", + "strokeAlign": "INSIDE", + "strokeWeight": 1, + "strokes": Array [ + Object { + "blendMode": "NORMAL", + "color": Object { + "a": 1, + "b": 0.5139999985694885, + "g": 0.15299999713897705, + "r": 0.19200000166893005, + }, + "opacity": 0.10000000149011612, + "type": "SOLID", + }, + ], + "type": "ELLIPSE", + }, + ], + "clipsContent": false, + "constraints": Object { + "horizontal": "SCALE", + "vertical": "SCALE", + }, + "effects": Array [], + "id": "3:10", + "name": "Group", + "type": "GROUP", }, ], - "miterLimit": 10, - "startMarkerType": 0, - "windingRule": 1, - }, - }, - ], - "name": "primitives/border/inside", - "nameIsFixed": true, - "resizesContent": false, - "resizingConstraint": 63, - "resizingType": 0, - "rotation": 0, - "shouldBreakMaskChain": true, - "style": Object { - "_class": "style", - "do_objectID": "64099790-0EA8-4F25-A3E5-20BB07E11AE5", - "endMarkerType": 0, - "miterLimit": 10, - "startMarkerType": 0, - "windingRule": 1, - }, - "verticalRulerData": Object { - "_class": "rulerData", - "base": 0, - "do_objectID": "9FC20463-C034-4BF1-ADC5-AA42F172AAA3", - "guides": Array [], - }, - }, - Object { - "_class": "artboard", - "backgroundColor": Object { - "_class": "color", - "alpha": 1, - "blue": 1, - "do_objectID": "0A316CBD-B3AD-406D-B887-7A44EBC40F91", - "green": 1, - "red": 1, - }, - "booleanOperation": -1, - "clippingMaskMode": 0, - "do_objectID": "E17C144B-6CC5-42A1-93BC-40CFC5BF78AD", - "exportOptions": Object { - "_class": "exportOptions", - "do_objectID": "FA315F21-0860-453B-AF84-E458DECD4F06", - "exportFormats": Array [], - "includedLayerIds": Array [], - "layerOptions": 0, - "shouldTrim": false, - }, - "frame": Object { - "_class": "rect", - "constrainProportions": false, - "do_objectID": "20EE71B0-A0FE-4E11-AAC9-FB7FE2FA62D4", - "height": 44, - "width": 102, - "x": 1453, - "y": 515, - }, - "groupLayout": Object { - "_class": "MSImmutableFreeformGroupLayout", - }, - "hasBackgroundColor": false, - "hasClickThrough": false, - "hasClippingMask": false, - "horizontalRulerData": Object { - "_class": "rulerData", - "base": 0, - "do_objectID": "AFD1E873-35FB-4581-9D82-D507C877B2A7", - "guides": Array [], - }, - "includeBackgroundColorInExport": true, - "includeInCloudUpload": true, - "isFixedToViewport": false, - "isFlippedHorizontal": false, - "isFlippedVertical": false, - "isFlowHome": false, - "isLocked": false, - "isVisible": true, - "layerListExpandedType": 0, - "layers": Array [ - Object { - "_class": "rectangle", - "booleanOperation": -1, - "clippingMaskMode": 0, - "do_objectID": "63A471F5-D77A-44A7-8541-A7ABDE2E2189", - "edited": false, - "exportOptions": Object { - "_class": "exportOptions", - "do_objectID": "8D0FC993-95F4-4B2C-99B5-65A1C901E190", - "exportFormats": Array [], - "includedLayerIds": Array [], - "layerOptions": 0, - "shouldTrim": false, - }, - "fixedRadius": 12.5, - "frame": Object { - "_class": "rect", - "constrainProportions": false, - "do_objectID": "B4C2D7CB-EA17-47B7-936E-792373065DCF", - "height": 25, - "width": 80, - "x": 11, - "y": 9, - }, - "hasClippingMask": false, - "hasConvertedToNewRoundCorners": true, - "isClosed": true, - "isFixedToViewport": false, - "isFlippedHorizontal": false, - "isFlippedVertical": false, - "isLocked": false, - "isVisible": true, - "layerListExpandedType": 0, - "name": "Rectangle", - "nameIsFixed": false, - "pointRadiusBehaviour": 1, - "points": Array [ - Object { - "_class": "curvePoint", - "cornerRadius": 12.5, - "curveFrom": "{0, 0}", - "curveMode": 1, - "curveTo": "{0, 0}", - "hasCurveFrom": false, - "hasCurveTo": false, - "point": "{0, 0}", - }, - Object { - "_class": "curvePoint", - "cornerRadius": 12.5, - "curveFrom": "{1, 0}", - "curveMode": 1, - "curveTo": "{1, 0}", - "hasCurveFrom": false, - "hasCurveTo": false, - "point": "{1, 0}", + "clipsContent": false, + "constraints": Object { + "horizontal": "SCALE", + "vertical": "SCALE", }, - Object { - "_class": "curvePoint", - "cornerRadius": 12.5, - "curveFrom": "{1, 1}", - "curveMode": 1, - "curveTo": "{1, 1}", - "hasCurveFrom": false, - "hasCurveTo": false, - "point": "{1, 1}", + "effects": Array [], + "id": "3:3", + "name": "body", + "type": "GROUP", + }, + Object { + "absoluteBoundingBox": Object { + "height": 47.33427429199219, + "width": 63.62241744995117, + "x": -291.615478515625, + "y": -111, }, - Object { - "_class": "curvePoint", - "cornerRadius": 12.5, - "curveFrom": "{0, 1}", - "curveMode": 1, - "curveTo": "{0, 1}", - "hasCurveFrom": false, - "hasCurveTo": false, - "point": "{0, 1}", + "background": Array [], + "backgroundColor": Object { + "a": 0, + "b": 0, + "g": 0, + "r": 0, }, - ], - "resizingConstraint": 63, - "resizingType": 0, - "rotation": 0, - "shouldBreakMaskChain": false, - "style": Object { - "_class": "style", - "borders": Array [ + "blendMode": "PASS_THROUGH", + "children": Array [ Object { - "_class": "border", - "color": Object { - "_class": "color", - "alpha": 1, - "blue": 0.5868647411616161, - "green": 0.5868647411616161, - "red": 1, + "absoluteBoundingBox": Object { + "height": 47.33427429199219, + "width": 62.93457794189453, + "x": -291.6154479980469, + "y": -111, }, - "fillType": 0, - "isEnabled": true, - "position": 2, - "thickness": 1, + "blendMode": "PASS_THROUGH", + "constraints": Object { + "horizontal": "SCALE", + "vertical": "SCALE", + }, + "effects": Array [], + "fills": Array [ + Object { + "blendMode": "NORMAL", + "color": Object { + "a": 1, + "b": 0.23144105076789856, + "g": 0.058618247509002686, + "r": 0.08893800526857376, + }, + "type": "SOLID", + }, + ], + "id": "3:15", + "name": "Vector 2.2", + "strokeAlign": "CENTER", + "strokeWeight": 1, + "strokes": Array [], + "type": "VECTOR", + }, + Object { + "absoluteBoundingBox": Object { + "height": 45.261234283447266, + "width": 62.93459701538086, + "x": -290.92767333984375, + "y": -111, + }, + "blendMode": "PASS_THROUGH", + "constraints": Object { + "horizontal": "SCALE", + "vertical": "SCALE", + }, + "effects": Array [], + "fills": Array [ + Object { + "blendMode": "NORMAL", + "color": Object { + "a": 1, + "b": 0.6375545859336853, + "g": 0.33965790271759033, + "r": 0.34561583399772644, + }, + "type": "SOLID", + }, + ], + "id": "3:16", + "name": "Vector 2.1", + "strokeAlign": "CENTER", + "strokeWeight": 1, + "strokes": Array [], + "type": "VECTOR", }, - ], - "do_objectID": "39C6E122-7F1C-433E-973D-B35B070376C1", - "endMarkerType": 0, - "fills": Array [ Object { - "_class": "fill", - "color": Object { - "_class": "color", - "alpha": 1, - "blue": 0.847, - "green": 0.847, - "red": 0.847, + "absoluteBoundingBox": Object { + "height": 28.6770076751709, + "width": 41.61247253417969, + "x": -279.9227294921875, + "y": -101.67134094238281, }, - "fillType": 0, - "isEnabled": true, - "noiseIndex": 0, - "noiseIntensity": 0, - "patternFillType": 1, - "patternTileScale": 1, + "background": Array [], + "backgroundColor": Object { + "a": 0, + "b": 0, + "g": 0, + "r": 0, + }, + "blendMode": "PASS_THROUGH", + "children": Array [ + Object { + "absoluteBoundingBox": Object { + "height": 0, + "width": 20.634292602539062, + "x": -279.9227294921875, + "y": -101.67134094238281, + }, + "blendMode": "PASS_THROUGH", + "constraints": Object { + "horizontal": "SCALE", + "vertical": "SCALE", + }, + "effects": Array [], + "fills": Array [], + "id": "3:18", + "name": "Line", + "strokeAlign": "CENTER", + "strokeWeight": 1, + "strokes": Array [ + Object { + "blendMode": "NORMAL", + "color": Object { + "a": 1, + "b": 0.3843137323856354, + "g": 0.1568627506494522, + "r": 0.18431372940540314, + }, + "type": "SOLID", + }, + ], + "type": "LINE", + }, + Object { + "absoluteBoundingBox": Object { + "height": 0, + "width": 20.63427734375, + "x": -277.1715087890625, + "y": -98.21624755859375, + }, + "blendMode": "PASS_THROUGH", + "constraints": Object { + "horizontal": "SCALE", + "vertical": "SCALE", + }, + "effects": Array [], + "fills": Array [], + "id": "3:19", + "name": "Line", + "strokeAlign": "CENTER", + "strokeWeight": 1, + "strokes": Array [ + Object { + "blendMode": "NORMAL", + "color": Object { + "a": 1, + "b": 0.3843137323856354, + "g": 0.1568627506494522, + "r": 0.18431372940540314, + }, + "type": "SOLID", + }, + ], + "type": "LINE", + }, + Object { + "absoluteBoundingBox": Object { + "height": 0, + "width": 20.634292602539062, + "x": -274.76416015625, + "y": -94.76116943359375, + }, + "blendMode": "PASS_THROUGH", + "constraints": Object { + "horizontal": "SCALE", + "vertical": "SCALE", + }, + "effects": Array [], + "fills": Array [], + "id": "3:20", + "name": "Line", + "strokeAlign": "CENTER", + "strokeWeight": 1, + "strokes": Array [ + Object { + "blendMode": "NORMAL", + "color": Object { + "a": 1, + "b": 0.3843137323856354, + "g": 0.1568627506494522, + "r": 0.18431372940540314, + }, + "type": "SOLID", + }, + ], + "type": "LINE", + }, + Object { + "absoluteBoundingBox": Object { + "height": 0, + "width": 20.634292602539062, + "x": -272.012939453125, + "y": -90.96065521240234, + }, + "blendMode": "PASS_THROUGH", + "constraints": Object { + "horizontal": "SCALE", + "vertical": "SCALE", + }, + "effects": Array [], + "fills": Array [], + "id": "3:21", + "name": "Line", + "strokeAlign": "CENTER", + "strokeWeight": 1, + "strokes": Array [ + Object { + "blendMode": "NORMAL", + "color": Object { + "a": 1, + "b": 0.3843137323856354, + "g": 0.1568627506494522, + "r": 0.18431372940540314, + }, + "type": "SOLID", + }, + ], + "type": "LINE", + }, + Object { + "absoluteBoundingBox": Object { + "height": 0, + "width": 20.634292602539062, + "x": -269.6055908203125, + "y": -87.50556945800781, + }, + "blendMode": "PASS_THROUGH", + "constraints": Object { + "horizontal": "SCALE", + "vertical": "SCALE", + }, + "effects": Array [], + "fills": Array [], + "id": "3:22", + "name": "Line", + "strokeAlign": "CENTER", + "strokeWeight": 1, + "strokes": Array [ + Object { + "blendMode": "NORMAL", + "color": Object { + "a": 1, + "b": 0.3843137323856354, + "g": 0.1568627506494522, + "r": 0.18431372940540314, + }, + "type": "SOLID", + }, + ], + "type": "LINE", + }, + Object { + "absoluteBoundingBox": Object { + "height": 0, + "width": 20.63428497314453, + "x": -266.8543395996094, + "y": -84.05048370361328, + }, + "blendMode": "PASS_THROUGH", + "constraints": Object { + "horizontal": "SCALE", + "vertical": "SCALE", + }, + "effects": Array [], + "fills": Array [], + "id": "3:23", + "name": "Line", + "strokeAlign": "CENTER", + "strokeWeight": 1, + "strokes": Array [ + Object { + "blendMode": "NORMAL", + "color": Object { + "a": 1, + "b": 0.3843137323856354, + "g": 0.1568627506494522, + "r": 0.18431372940540314, + }, + "type": "SOLID", + }, + ], + "type": "LINE", + }, + Object { + "absoluteBoundingBox": Object { + "height": 0, + "width": 20.634300231933594, + "x": -264.4470520019531, + "y": -80.595458984375, + }, + "blendMode": "PASS_THROUGH", + "constraints": Object { + "horizontal": "SCALE", + "vertical": "SCALE", + }, + "effects": Array [], + "fills": Array [], + "id": "3:24", + "name": "Line", + "strokeAlign": "CENTER", + "strokeWeight": 1, + "strokes": Array [ + Object { + "blendMode": "NORMAL", + "color": Object { + "a": 1, + "b": 0.3843137323856354, + "g": 0.1568627506494522, + "r": 0.18431372940540314, + }, + "type": "SOLID", + }, + ], + "type": "LINE", + }, + Object { + "absoluteBoundingBox": Object { + "height": 0, + "width": 20.634300231933594, + "x": -261.69580078125, + "y": -76.79488372802734, + }, + "blendMode": "PASS_THROUGH", + "constraints": Object { + "horizontal": "SCALE", + "vertical": "SCALE", + }, + "effects": Array [], + "fills": Array [], + "id": "3:25", + "name": "Line", + "strokeAlign": "CENTER", + "strokeWeight": 1, + "strokes": Array [ + Object { + "blendMode": "NORMAL", + "color": Object { + "a": 1, + "b": 0.3843137323856354, + "g": 0.1568627506494522, + "r": 0.18431372940540314, + }, + "type": "SOLID", + }, + ], + "type": "LINE", + }, + Object { + "absoluteBoundingBox": Object { + "height": 0, + "width": 20.63428497314453, + "x": -258.9445495605469, + "y": -72.99431610107422, + }, + "blendMode": "PASS_THROUGH", + "constraints": Object { + "horizontal": "SCALE", + "vertical": "SCALE", + }, + "effects": Array [], + "fills": Array [], + "id": "3:26", + "name": "Line", + "strokeAlign": "CENTER", + "strokeWeight": 1, + "strokes": Array [ + Object { + "blendMode": "NORMAL", + "color": Object { + "a": 1, + "b": 0.3843137323856354, + "g": 0.1568627506494522, + "r": 0.18431372940540314, + }, + "type": "SOLID", + }, + ], + "type": "LINE", + }, + ], + "clipsContent": false, + "constraints": Object { + "horizontal": "SCALE", + "vertical": "SCALE", + }, + "effects": Array [], + "id": "3:17", + "name": "lines", + "opacity": 0.4000000059604645, + "type": "GROUP", }, ], - "miterLimit": 10, - "startMarkerType": 0, - "windingRule": 1, - }, - }, - ], - "name": "primitives/border/outside", - "nameIsFixed": true, - "resizesContent": false, - "resizingConstraint": 63, - "resizingType": 0, - "rotation": 0, - "shouldBreakMaskChain": true, - "style": Object { - "_class": "style", - "do_objectID": "E5D05675-ACAA-4125-97C1-3F4D76E0CC84", - "endMarkerType": 0, - "miterLimit": 10, - "startMarkerType": 0, - "windingRule": 1, - }, - "verticalRulerData": Object { - "_class": "rulerData", - "base": 0, - "do_objectID": "DE0831E4-BA14-4BC2-A739-1458E198FA50", - "guides": Array [], - }, - }, - Object { - "_class": "artboard", - "backgroundColor": Object { - "_class": "color", - "alpha": 1, - "blue": 1, - "do_objectID": "CD8E5EA8-48E5-49B9-9782-D6BDD27DB07F", - "green": 1, - "red": 1, - }, - "booleanOperation": -1, - "clippingMaskMode": 0, - "do_objectID": "6AE4CFC3-4143-4B35-9361-84A6619528A9", - "exportOptions": Object { - "_class": "exportOptions", - "do_objectID": "E8075A1D-963F-42CE-AF1F-B3E2AD8B7DAA", - "exportFormats": Array [], - "includedLayerIds": Array [], - "layerOptions": 0, - "shouldTrim": false, - }, - "frame": Object { - "_class": "rect", - "constrainProportions": false, - "do_objectID": "6D8FE2FD-7883-4DC3-9256-FCB1052A182E", - "height": 44, - "width": 102, - "x": 1453, - "y": 568, - }, - "groupLayout": Object { - "_class": "MSImmutableFreeformGroupLayout", - }, - "hasBackgroundColor": false, - "hasClickThrough": false, - "hasClippingMask": false, - "horizontalRulerData": Object { - "_class": "rulerData", - "base": 0, - "do_objectID": "6A46C894-98DF-48C4-A6AA-BC14478C7C63", - "guides": Array [], - }, - "includeBackgroundColorInExport": true, - "includeInCloudUpload": true, - "isFixedToViewport": false, - "isFlippedHorizontal": false, - "isFlippedVertical": false, - "isFlowHome": false, - "isLocked": false, - "isVisible": true, - "layerListExpandedType": 0, - "layers": Array [ - Object { - "_class": "rectangle", - "booleanOperation": -1, - "clippingMaskMode": 0, - "do_objectID": "5D7549DB-8ACD-4EF5-A293-78332C3794D4", - "edited": false, - "exportOptions": Object { - "_class": "exportOptions", - "do_objectID": "E68611C1-DAF5-4290-AD31-20823B3980F5", - "exportFormats": Array [], - "includedLayerIds": Array [], - "layerOptions": 0, - "shouldTrim": false, - }, - "fixedRadius": 12.5, - "frame": Object { - "_class": "rect", - "constrainProportions": false, - "do_objectID": "97DA891D-DC08-44BA-871B-9B2805A07E34", - "height": 25, - "width": 80, - "x": 11, - "y": 9, - }, - "hasClippingMask": false, - "hasConvertedToNewRoundCorners": true, - "isClosed": true, - "isFixedToViewport": false, - "isFlippedHorizontal": false, - "isFlippedVertical": false, - "isLocked": false, - "isVisible": true, - "layerListExpandedType": 0, - "name": "Rectangle", - "nameIsFixed": false, - "pointRadiusBehaviour": 1, - "points": Array [ - Object { - "_class": "curvePoint", - "cornerRadius": 8, - "curveFrom": "{0, 0}", - "curveMode": 1, - "curveTo": "{0, 0}", - "hasCurveFrom": false, - "hasCurveTo": false, - "point": "{0, 0}", - }, - Object { - "_class": "curvePoint", - "cornerRadius": 12.5, - "curveFrom": "{1, 0}", - "curveMode": 1, - "curveTo": "{1, 0}", - "hasCurveFrom": false, - "hasCurveTo": false, - "point": "{1, 0}", + "clipsContent": false, + "constraints": Object { + "horizontal": "SCALE", + "vertical": "SCALE", }, - Object { - "_class": "curvePoint", - "cornerRadius": 12.5, - "curveFrom": "{1, 1}", - "curveMode": 1, - "curveTo": "{1, 1}", - "hasCurveFrom": false, - "hasCurveTo": false, - "point": "{1, 1}", + "effects": Array [], + "id": "3:14", + "name": "solar-panel", + "type": "GROUP", + }, + Object { + "absoluteBoundingBox": Object { + "height": 49.297767639160156, + "width": 49.069496154785156, + "x": -254.95001220703125, + "y": -76.31228637695312, }, - Object { - "_class": "curvePoint", - "cornerRadius": 12.5, - "curveFrom": "{0, 1}", - "curveMode": 1, - "curveTo": "{0, 1}", - "hasCurveFrom": false, - "hasCurveTo": false, - "point": "{0, 1}", + "background": Array [], + "backgroundColor": Object { + "a": 0, + "b": 0, + "g": 0, + "r": 0, }, - ], - "resizingConstraint": 63, - "resizingType": 0, - "rotation": 0, - "shouldBreakMaskChain": false, - "style": Object { - "_class": "style", - "borders": Array [ + "blendMode": "PASS_THROUGH", + "children": Array [ Object { - "_class": "border", - "color": Object { - "_class": "color", - "alpha": 1, - "blue": 0.5868647411616161, - "green": 0.5868647411616161, - "red": 1, + "absoluteBoundingBox": Object { + "height": 49.297767639160156, + "width": 49.06936264038086, + "x": -254.9500274658203, + "y": -76.31228637695312, }, - "fillType": 1, - "gradient": Object { - "_class": "gradient", - "elipseLength": 1, - "from": "{0.5, 1}", - "gradientType": 0, - "stops": Array [ - Object { - "_class": "gradientStop", - "color": Object { - "_class": "color", - "alpha": 1, - "blue": 0.5647058823529412, - "green": 0.7137254901960784, - "red": 0.592156862745098, - }, - "position": 0, + "blendMode": "PASS_THROUGH", + "constraints": Object { + "horizontal": "SCALE", + "vertical": "SCALE", + }, + "effects": Array [ + Object { + "blendMode": "NORMAL", + "color": Object { + "a": 0.30000001192092896, + "b": 0.5139999985694885, + "g": 0.15299999713897705, + "r": 0.19200000166893005, }, - Object { - "_class": "gradientStop", - "color": Object { - "_class": "color", - "alpha": 1, - "blue": 0.3450980392156862, - "green": 0.5686274509803921, - "red": 0.3333333333333334, + "offset": Object { + "x": 0, + "y": 0, + }, + "radius": 20, + "type": "DROP_SHADOW", + "visible": true, + }, + ], + "fills": Array [ + Object { + "blendMode": "NORMAL", + "color": Object { + "a": 1, + "b": 1, + "g": 1, + "r": 1, + }, + "type": "SOLID", + }, + ], + "id": "3:28", + "name": "Fill 7", + "strokeAlign": "CENTER", + "strokeWeight": 0, + "strokes": Array [], + "type": "VECTOR", + }, + Object { + "absoluteBoundingBox": Object { + "height": 36.32111740112305, + "width": 34.776832580566406, + "x": -240.6573486328125, + "y": -63.33567428588867, + }, + "blendMode": "PASS_THROUGH", + "booleanOperation": "SUBTRACT", + "children": Array [ + Object { + "absoluteBoundingBox": Object { + "height": 49.297760009765625, + "width": 49.0693359375, + "x": -254.94985961914062, + "y": -76.31230926513672, + }, + "blendMode": "PASS_THROUGH", + "constraints": Object { + "horizontal": "SCALE", + "vertical": "SCALE", + }, + "effects": Array [], + "fills": Array [ + Object { + "blendMode": "NORMAL", + "color": Object { + "a": 1, + "b": 0.6113536953926086, + "g": 0.1895463466644287, + "r": 0.23511552810668945, + }, + "opacity": 0.10000000149011612, + "type": "SOLID", }, - "position": 0.5038507579143953, + ], + "id": "3:30", + "name": "Fill 7.1", + "strokeAlign": "INSIDE", + "strokeWeight": 1, + "strokes": Array [], + "type": "VECTOR", + }, + Object { + "absoluteBoundingBox": Object { + "height": 97.05867004394531, + "width": 96.60650634765625, + "x": -291.2716064453125, + "y": -112.03655242919922, }, - Object { - "_class": "gradientStop", - "color": Object { - "_class": "color", - "alpha": 1, - "blue": 0.2431372549019607, - "green": 0.4901960784313725, - "red": 0.1333333333333333, + "blendMode": "PASS_THROUGH", + "constraints": Object { + "horizontal": "SCALE", + "vertical": "SCALE", + }, + "effects": Array [], + "fills": Array [ + Object { + "blendMode": "NORMAL", + "color": Object { + "a": 1, + "b": 0.6113536953926086, + "g": 0.1895463466644287, + "r": 0.23511552810668945, + }, + "opacity": 0.10000000149011612, + "type": "SOLID", }, - "position": 1, + ], + "id": "3:31", + "name": "Fill 7.2", + "strokeAlign": "INSIDE", + "strokeWeight": 1, + "strokes": Array [], + "type": "VECTOR", + }, + ], + "constraints": Object { + "horizontal": "SCALE", + "vertical": "SCALE", + }, + "effects": Array [], + "fills": Array [ + Object { + "blendMode": "NORMAL", + "color": Object { + "a": 1, + "b": 0.9607843160629272, + "g": 0.9176470637321472, + "r": 0.9215686321258545, }, - ], - "to": "{0.49999999999999989, 3.0616169978683836e-17}", + "type": "SOLID", + }, + ], + "id": "3:29", + "name": "Subtract", + "strokeAlign": "CENTER", + "strokeWeight": 0, + "strokes": Array [], + "type": "BOOLEAN_OPERATION", + }, + Object { + "absoluteBoundingBox": Object { + "height": 30.758403778076172, + "width": 30.615924835205078, + "x": -237.48114013671875, + "y": -75.36817932128906, }, - "isEnabled": true, - "position": 2, - "thickness": 1, + "blendMode": "PASS_THROUGH", + "constraints": Object { + "horizontal": "SCALE", + "vertical": "SCALE", + }, + "effects": Array [], + "fills": Array [ + Object { + "blendMode": "NORMAL", + "color": Object { + "a": 1, + "b": 0.3137255012989044, + "g": 0.09019608050584793, + "r": 0.12941177189350128, + }, + "type": "SOLID", + }, + ], + "id": "3:32", + "name": "Fill 11", + "strokeAlign": "CENTER", + "strokeWeight": 0, + "strokes": Array [], + "type": "VECTOR", }, - ], - "do_objectID": "1414490A-A027-4F35-BF2D-EB21672D3174", - "endMarkerType": 0, - "fills": Array [ Object { - "_class": "fill", - "color": Object { - "_class": "color", - "alpha": 1, - "blue": 0.847, - "green": 0.847, - "red": 0.847, + "absoluteBoundingBox": Object { + "height": 16.01123809814453, + "width": 15.937061309814453, + "x": -230.9219207763672, + "y": -67.21067810058594, }, - "fillType": 0, - "isEnabled": true, - "noiseIndex": 0, - "noiseIntensity": 0, - "patternFillType": 1, - "patternTileScale": 1, + "blendMode": "PASS_THROUGH", + "constraints": Object { + "horizontal": "SCALE", + "vertical": "SCALE", + }, + "effects": Array [], + "fills": Array [ + Object { + "blendMode": "NORMAL", + "color": Object { + "a": 1, + "b": 0.49399998784065247, + "g": 0, + "r": 0.9020000100135803, + }, + "type": "SOLID", + }, + ], + "id": "3:33", + "name": "Fill 12", + "strokeAlign": "CENTER", + "strokeWeight": 0, + "strokes": Array [], + "type": "VECTOR", }, - ], - "miterLimit": 10, - "startMarkerType": 0, - "windingRule": 1, - }, - }, - ], - "name": "primitives/border/gradient-with-corners", - "nameIsFixed": true, - "resizesContent": false, - "resizingConstraint": 63, - "resizingType": 0, - "rotation": 0, - "shouldBreakMaskChain": true, - "style": Object { - "_class": "style", - "do_objectID": "2E9102E8-856F-487F-8949-062F0DB432C8", - "endMarkerType": 0, - "miterLimit": 10, - "startMarkerType": 0, - "windingRule": 1, - }, - "verticalRulerData": Object { - "_class": "rulerData", - "base": 0, - "do_objectID": "4343539D-F59C-4B47-8F52-39234580610C", - "guides": Array [], - }, - }, - Object { - "_class": "artboard", - "backgroundColor": Object { - "_class": "color", - "alpha": 1, - "blue": 1, - "green": 1, - "red": 1, - }, - "booleanOperation": -1, - "clippingMaskMode": 0, - "do_objectID": "F32C4D04-3727-4622-98D0-1F5ABB8AFA89", - "exportOptions": Object { - "_class": "exportOptions", - "exportFormats": Array [], - "includedLayerIds": Array [], - "layerOptions": 0, - "shouldTrim": false, - }, - "frame": Object { - "_class": "rect", - "constrainProportions": false, - "height": 44, - "width": 102, - "x": 1453, - "y": 460, - }, - "groupLayout": Object { - "_class": "MSImmutableFreeformGroupLayout", - }, - "hasBackgroundColor": false, - "hasClickThrough": true, - "hasClippingMask": false, - "horizontalRulerData": Object { - "_class": "rulerData", - "base": 0, - "guides": Array [], - }, - "includeBackgroundColorInExport": true, - "includeInCloudUpload": true, - "isFixedToViewport": false, - "isFlippedHorizontal": false, - "isFlippedVertical": false, - "isFlowHome": false, - "isLocked": false, - "isVisible": true, - "layerListExpandedType": 0, - "layers": Array [ - Object { - "_class": "rectangle", - "booleanOperation": -1, - "clippingMaskMode": 0, - "do_objectID": "C5CBF4F5-CB32-40E1-BBA0-7B41385D7344", - "edited": false, - "exportOptions": Object { - "_class": "exportOptions", - "exportFormats": Array [], - "includedLayerIds": Array [], - "layerOptions": 0, - "shouldTrim": false, - }, - "fixedRadius": 0, - "frame": Object { - "_class": "rect", - "constrainProportions": false, - "height": 25, - "width": 80, - "x": 11, - "y": 9, - }, - "hasClippingMask": false, - "hasConvertedToNewRoundCorners": true, - "isClosed": true, - "isFixedToViewport": false, - "isFlippedHorizontal": false, - "isFlippedVertical": false, - "isLocked": false, - "isVisible": true, - "layerListExpandedType": 0, - "name": "Rectangle", - "nameIsFixed": false, - "pointRadiusBehaviour": 1, - "points": Array [ - Object { - "_class": "curvePoint", - "cornerRadius": 0, - "curveFrom": "{0, 0}", - "curveMode": 1, - "curveTo": "{0, 0}", - "hasCurveFrom": false, - "hasCurveTo": false, - "point": "{0, 0}", - }, - Object { - "_class": "curvePoint", - "cornerRadius": 0, - "curveFrom": "{1, 0}", - "curveMode": 1, - "curveTo": "{1, 0}", - "hasCurveFrom": false, - "hasCurveTo": false, - "point": "{1, 0}", + Object { + "absoluteBoundingBox": Object { + "height": 7.584270477294922, + "width": 7.549129486083984, + "x": -227.98617553710938, + "y": -62.15465545654297, + }, + "blendMode": "PASS_THROUGH", + "constraints": Object { + "horizontal": "SCALE", + "vertical": "SCALE", + }, + "effects": Array [], + "fills": Array [ + Object { + "blendMode": "NORMAL", + "color": Object { + "a": 1, + "b": 1, + "g": 1, + "r": 1, + }, + "type": "SOLID", + }, + ], + "id": "3:34", + "name": "Fill 13", + "strokeAlign": "CENTER", + "strokeWeight": 0, + "strokes": Array [], + "type": "VECTOR", + }, + ], + "clipsContent": false, + "constraints": Object { + "horizontal": "SCALE", + "vertical": "SCALE", }, - Object { - "_class": "curvePoint", - "cornerRadius": 0, - "curveFrom": "{1, 1}", - "curveMode": 1, - "curveTo": "{1, 1}", - "hasCurveFrom": false, - "hasCurveTo": false, - "point": "{1, 1}", + "effects": Array [], + "id": "3:27", + "name": "head", + "type": "GROUP", + }, + Object { + "absoluteBoundingBox": Object { + "height": 47.33428192138672, + "width": 63.966304779052734, + "x": -237.96630859375, + "y": -35.334251403808594, }, - Object { - "_class": "curvePoint", - "cornerRadius": 0, - "curveFrom": "{0, 1}", - "curveMode": 1, - "curveTo": "{0, 1}", - "hasCurveFrom": false, - "hasCurveTo": false, - "point": "{0, 1}", + "background": Array [], + "backgroundColor": Object { + "a": 0, + "b": 0, + "g": 0, + "r": 0, }, - ], - "resizingConstraint": 63, - "resizingType": 0, - "rotation": 0, - "shouldBreakMaskChain": false, - "style": Object { - "_class": "style", - "borders": Array [ + "blendMode": "PASS_THROUGH", + "children": Array [ Object { - "_class": "border", - "color": Object { - "_class": "color", - "alpha": 1, - "blue": 0.5868647411616161, - "green": 0.5868647411616161, - "red": 1, + "absoluteBoundingBox": Object { + "height": 47.33428192138672, + "width": 63.966312408447266, + "x": -237.96632385253906, + "y": -35.334251403808594, }, - "fillType": 0, - "isEnabled": true, - "position": 0, - "thickness": 1, + "blendMode": "PASS_THROUGH", + "constraints": Object { + "horizontal": "SCALE", + "vertical": "SCALE", + }, + "effects": Array [], + "fills": Array [ + Object { + "blendMode": "NORMAL", + "color": Object { + "a": 1, + "b": 0.3137255012989044, + "g": 0.09019608050584793, + "r": 0.12941177189350128, + }, + "type": "SOLID", + }, + ], + "id": "3:36", + "name": "Vector 2.1", + "strokeAlign": "CENTER", + "strokeWeight": 1, + "strokes": Array [], + "type": "VECTOR", }, - ], - "endMarkerType": 0, - "fills": Array [ Object { - "_class": "fill", - "color": Object { - "_class": "color", - "alpha": 1, - "blue": 0.847, - "green": 0.847, - "red": 0.847, + "absoluteBoundingBox": Object { + "height": 45.261207580566406, + "width": 62.934593200683594, + "x": -236.93460083007812, + "y": -35.334251403808594, }, - "fillType": 0, - "isEnabled": true, - "noiseIndex": 0, - "noiseIntensity": 0, - "patternFillType": 1, - "patternTileScale": 1, + "blendMode": "PASS_THROUGH", + "constraints": Object { + "horizontal": "SCALE", + "vertical": "SCALE", + }, + "effects": Array [], + "fills": Array [ + Object { + "blendMode": "NORMAL", + "color": Object { + "a": 1, + "b": 0.6375545859336853, + "g": 0.33965790271759033, + "r": 0.34561583399772644, + }, + "type": "SOLID", + }, + ], + "id": "3:37", + "name": "Vector 2", + "strokeAlign": "CENTER", + "strokeWeight": 1, + "strokes": Array [], + "type": "VECTOR", }, - ], - "miterLimit": 10, - "startMarkerType": 0, - "windingRule": 1, - }, - }, - ], - "name": "primitives/border/center", - "nameIsFixed": true, - "resizesContent": false, - "resizingConstraint": 63, - "resizingType": 0, - "rotation": 0, - "shouldBreakMaskChain": true, - "style": Object { - "_class": "style", - "endMarkerType": 0, - "miterLimit": 10, - "startMarkerType": 0, - "windingRule": 1, - }, - "verticalRulerData": Object { - "_class": "rulerData", - "base": 0, - "guides": Array [], - }, - }, - Object { - "_class": "artboard", - "backgroundColor": Object { - "_class": "color", - "alpha": 1, - "blue": 1, - "do_objectID": "0F6CC1D8-4843-4571-BB29-4FB7F9641251", - "green": 1, - "red": 1, - }, - "booleanOperation": -1, - "clippingMaskMode": 0, - "do_objectID": "3CA8B6DB-E34A-4F1C-B420-798F9BF702D1", - "exportOptions": Object { - "_class": "exportOptions", - "do_objectID": "E3E871C4-6E83-4DCC-9C34-66A86AD6EC06", - "exportFormats": Array [], - "includedLayerIds": Array [], - "layerOptions": 0, - "shouldTrim": false, - }, - "frame": Object { - "_class": "rect", - "constrainProportions": false, - "do_objectID": "807DB016-0231-40B4-BEE9-3EDC8D679236", - "height": 44, - "width": 102, - "x": 1328, - "y": 457, - }, - "groupLayout": Object { - "_class": "MSImmutableFreeformGroupLayout", - }, - "hasBackgroundColor": false, - "hasClickThrough": false, - "hasClippingMask": false, - "horizontalRulerData": Object { - "_class": "rulerData", - "base": 0, - "do_objectID": "87FD0ACF-4E64-4D87-B552-F0005F9C0E12", - "guides": Array [], - }, - "includeBackgroundColorInExport": true, - "includeInCloudUpload": true, - "isFixedToViewport": false, - "isFlippedHorizontal": false, - "isFlippedVertical": false, - "isFlowHome": false, - "isLocked": false, - "isVisible": true, - "layerListExpandedType": 0, - "layers": Array [ - Object { - "_class": "rectangle", - "booleanOperation": -1, - "clippingMaskMode": 0, - "do_objectID": "990C8531-1C2C-40CC-A9B6-4988D4DC21D4", - "edited": false, - "exportOptions": Object { - "_class": "exportOptions", - "do_objectID": "FB30D3CA-908E-43B6-98C6-C7C53AADB1C1", - "exportFormats": Array [], - "includedLayerIds": Array [], - "layerOptions": 0, - "shouldTrim": false, + Object { + "absoluteBoundingBox": Object { + "height": 28.676986694335938, + "width": 41.612491607666016, + "x": -227.30528259277344, + "y": -28.078659057617188, + }, + "background": Array [], + "backgroundColor": Object { + "a": 0, + "b": 0, + "g": 0, + "r": 0, + }, + "blendMode": "PASS_THROUGH", + "children": Array [ + Object { + "absoluteBoundingBox": Object { + "height": 0, + "width": 20.63430404663086, + "x": -227.30528259277344, + "y": -28.078659057617188, + }, + "blendMode": "PASS_THROUGH", + "constraints": Object { + "horizontal": "SCALE", + "vertical": "SCALE", + }, + "effects": Array [], + "fills": Array [], + "id": "3:39", + "name": "Line", + "strokeAlign": "CENTER", + "strokeWeight": 1, + "strokes": Array [ + Object { + "blendMode": "NORMAL", + "color": Object { + "a": 1, + "b": 0.3843137323856354, + "g": 0.1568627506494522, + "r": 0.18431372940540314, + }, + "type": "SOLID", + }, + ], + "type": "LINE", + }, + Object { + "absoluteBoundingBox": Object { + "height": 0, + "width": 20.634286880493164, + "x": -224.55404663085938, + "y": -24.62360382080078, + }, + "blendMode": "PASS_THROUGH", + "constraints": Object { + "horizontal": "SCALE", + "vertical": "SCALE", + }, + "effects": Array [], + "fills": Array [], + "id": "3:40", + "name": "Line", + "strokeAlign": "CENTER", + "strokeWeight": 1, + "strokes": Array [ + Object { + "blendMode": "NORMAL", + "color": Object { + "a": 1, + "b": 0.3843137323856354, + "g": 0.1568627506494522, + "r": 0.18431372940540314, + }, + "type": "SOLID", + }, + ], + "type": "LINE", + }, + Object { + "absoluteBoundingBox": Object { + "height": 0, + "width": 20.634296417236328, + "x": -222.14671325683594, + "y": -21.16852569580078, + }, + "blendMode": "PASS_THROUGH", + "constraints": Object { + "horizontal": "SCALE", + "vertical": "SCALE", + }, + "effects": Array [], + "fills": Array [], + "id": "3:41", + "name": "Line", + "strokeAlign": "CENTER", + "strokeWeight": 1, + "strokes": Array [ + Object { + "blendMode": "NORMAL", + "color": Object { + "a": 1, + "b": 0.3843137323856354, + "g": 0.1568627506494522, + "r": 0.18431372940540314, + }, + "type": "SOLID", + }, + ], + "type": "LINE", + }, + Object { + "absoluteBoundingBox": Object { + "height": 0, + "width": 20.634296417236328, + "x": -219.3954620361328, + "y": -17.367950439453125, + }, + "blendMode": "PASS_THROUGH", + "constraints": Object { + "horizontal": "SCALE", + "vertical": "SCALE", + }, + "effects": Array [], + "fills": Array [], + "id": "3:42", + "name": "Line", + "strokeAlign": "CENTER", + "strokeWeight": 1, + "strokes": Array [ + Object { + "blendMode": "NORMAL", + "color": Object { + "a": 1, + "b": 0.3843137323856354, + "g": 0.1568627506494522, + "r": 0.18431372940540314, + }, + "type": "SOLID", + }, + ], + "type": "LINE", + }, + Object { + "absoluteBoundingBox": Object { + "height": 0, + "width": 20.634294509887695, + "x": -216.9881591796875, + "y": -13.912910461425781, + }, + "blendMode": "PASS_THROUGH", + "constraints": Object { + "horizontal": "SCALE", + "vertical": "SCALE", + }, + "effects": Array [], + "fills": Array [], + "id": "3:43", + "name": "Line", + "strokeAlign": "CENTER", + "strokeWeight": 1, + "strokes": Array [ + Object { + "blendMode": "NORMAL", + "color": Object { + "a": 1, + "b": 0.3843137323856354, + "g": 0.1568627506494522, + "r": 0.18431372940540314, + }, + "type": "SOLID", + }, + ], + "type": "LINE", + }, + Object { + "absoluteBoundingBox": Object { + "height": 0, + "width": 20.63429069519043, + "x": -214.23690795898438, + "y": -10.457817077636719, + }, + "blendMode": "PASS_THROUGH", + "constraints": Object { + "horizontal": "SCALE", + "vertical": "SCALE", + }, + "effects": Array [], + "fills": Array [], + "id": "3:44", + "name": "Line", + "strokeAlign": "CENTER", + "strokeWeight": 1, + "strokes": Array [ + Object { + "blendMode": "NORMAL", + "color": Object { + "a": 1, + "b": 0.3843137323856354, + "g": 0.1568627506494522, + "r": 0.18431372940540314, + }, + "type": "SOLID", + }, + ], + "type": "LINE", + }, + Object { + "absoluteBoundingBox": Object { + "height": 0, + "width": 20.634296417236328, + "x": -211.82955932617188, + "y": -7.0028076171875, + }, + "blendMode": "PASS_THROUGH", + "constraints": Object { + "horizontal": "SCALE", + "vertical": "SCALE", + }, + "effects": Array [], + "fills": Array [], + "id": "3:45", + "name": "Line", + "strokeAlign": "CENTER", + "strokeWeight": 1, + "strokes": Array [ + Object { + "blendMode": "NORMAL", + "color": Object { + "a": 1, + "b": 0.3843137323856354, + "g": 0.1568627506494522, + "r": 0.18431372940540314, + }, + "type": "SOLID", + }, + ], + "type": "LINE", + }, + Object { + "absoluteBoundingBox": Object { + "height": 0, + "width": 20.634296417236328, + "x": -209.07833862304688, + "y": -3.202239990234375, + }, + "blendMode": "PASS_THROUGH", + "constraints": Object { + "horizontal": "SCALE", + "vertical": "SCALE", + }, + "effects": Array [], + "fills": Array [], + "id": "3:46", + "name": "Line", + "strokeAlign": "CENTER", + "strokeWeight": 1, + "strokes": Array [ + Object { + "blendMode": "NORMAL", + "color": Object { + "a": 1, + "b": 0.3843137323856354, + "g": 0.1568627506494522, + "r": 0.18431372940540314, + }, + "type": "SOLID", + }, + ], + "type": "LINE", + }, + Object { + "absoluteBoundingBox": Object { + "height": 0, + "width": 20.634292602539062, + "x": -206.32708740234375, + "y": 0.5983352661132812, + }, + "blendMode": "PASS_THROUGH", + "constraints": Object { + "horizontal": "SCALE", + "vertical": "SCALE", + }, + "effects": Array [], + "fills": Array [], + "id": "3:47", + "name": "Line", + "strokeAlign": "CENTER", + "strokeWeight": 1, + "strokes": Array [ + Object { + "blendMode": "NORMAL", + "color": Object { + "a": 1, + "b": 0.3843137323856354, + "g": 0.1568627506494522, + "r": 0.18431372940540314, + }, + "type": "SOLID", + }, + ], + "type": "LINE", + }, + ], + "clipsContent": false, + "constraints": Object { + "horizontal": "SCALE", + "vertical": "SCALE", + }, + "effects": Array [], + "id": "3:38", + "name": "lines", + "opacity": 0.30000001192092896, + "type": "GROUP", + }, + ], + "clipsContent": false, + "constraints": Object { + "horizontal": "SCALE", + "vertical": "SCALE", + }, + "effects": Array [], + "id": "3:35", + "name": "solar-panel", + "type": "GROUP", }, - "fixedRadius": 0, - "frame": Object { - "_class": "rect", - "constrainProportions": false, - "do_objectID": "8444A7CD-CA8D-4B78-A0C0-8B14B1E53A16", - "height": 25, - "width": 80, - "x": 11, - "y": 9, + ], + "clipsContent": true, + "constraints": Object { + "horizontal": "LEFT", + "vertical": "TOP", + }, + "effects": Array [], + "exportSettings": Array [ + Object { + "constraint": Object { + "type": "SCALE", + "value": 1, + }, + "format": "SVG", + "suffix": "", }, - "hasClippingMask": false, - "hasConvertedToNewRoundCorners": true, - "isClosed": true, - "isFixedToViewport": false, - "isFlippedHorizontal": false, - "isFlippedVertical": false, - "isLocked": false, - "isVisible": true, - "layerListExpandedType": 0, - "name": "Rectangle", - "nameIsFixed": false, - "pointRadiusBehaviour": 1, - "points": Array [ - Object { - "_class": "curvePoint", - "cornerRadius": 0, - "curveFrom": "{0, 0}", - "curveMode": 1, - "curveTo": "{0, 0}", - "hasCurveFrom": false, - "hasCurveTo": false, - "point": "{0, 0}", + Object { + "constraint": Object { + "type": "SCALE", + "value": 2, }, - Object { - "_class": "curvePoint", - "cornerRadius": 0, - "curveFrom": "{1, 0}", - "curveMode": 1, - "curveTo": "{1, 0}", - "hasCurveFrom": false, - "hasCurveTo": false, - "point": "{1, 0}", + "format": "PNG", + "suffix": "@2x", + }, + Object { + "constraint": Object { + "type": "SCALE", + "value": 3, }, - Object { - "_class": "curvePoint", - "cornerRadius": 0, - "curveFrom": "{1, 1}", - "curveMode": 1, - "curveTo": "{1, 1}", - "hasCurveFrom": false, - "hasCurveTo": false, - "point": "{1, 1}", + "format": "PNG", + "suffix": "@3x", + }, + Object { + "constraint": Object { + "type": "SCALE", + "value": 1, }, - Object { - "_class": "curvePoint", - "cornerRadius": 0, - "curveFrom": "{0, 1}", - "curveMode": 1, - "curveTo": "{0, 1}", - "hasCurveFrom": false, - "hasCurveTo": false, - "point": "{0, 1}", + "format": "PNG", + "suffix": "", + }, + ], + "id": "3:89", + "name": "illustrations/hubble/telescope", + "type": "COMPONENT", + }, + Object { + "absoluteBoundingBox": Object { + "height": 46, + "width": 46, + "x": -136, + "y": -116, + }, + "background": Array [ + Object { + "blendMode": "NORMAL", + "color": Object { + "a": 1, + "b": 1, + "g": 1, + "r": 1, }, - ], - "resizingConstraint": 63, - "resizingType": 0, - "rotation": 0, - "shouldBreakMaskChain": false, - "style": Object { - "_class": "style", - "borders": Array [ + "type": "SOLID", + }, + ], + "backgroundColor": Object { + "a": 1, + "b": 1, + "g": 1, + "r": 1, + }, + "blendMode": "PASS_THROUGH", + "children": Array [ + Object { + "absoluteBoundingBox": Object { + "height": 46.000003814697266, + "width": 46, + "x": -136, + "y": -116, + }, + "background": Array [], + "backgroundColor": Object { + "a": 0, + "b": 0, + "g": 0, + "r": 0, + }, + "blendMode": "PASS_THROUGH", + "children": Array [ Object { - "_class": "border", - "color": Object { - "_class": "color", - "alpha": 1, - "blue": 0.592, - "green": 0.592, - "red": 0.592, + "absoluteBoundingBox": Object { + "height": 45.72807693481445, + "width": 45.84517288208008, + "x": -135.8758087158203, + "y": -115.83122253417969, }, - "fillType": 0, - "isEnabled": false, - "position": 1, - "thickness": 1, + "blendMode": "PASS_THROUGH", + "constraints": Object { + "horizontal": "SCALE", + "vertical": "SCALE", + }, + "effects": Array [], + "fills": Array [ + Object { + "blendMode": "NORMAL", + "color": Object { + "a": 1, + "b": 0.9490196108818054, + "g": 0.9019607901573181, + "r": 0.7607843279838562, + }, + "type": "SOLID", + }, + ], + "id": "3:175", + "name": "Fill 1", + "strokeAlign": "CENTER", + "strokeWeight": 0, + "strokes": Array [], + "type": "VECTOR", }, - ], - "do_objectID": "AF76E8AA-7164-4EA2-8E38-41BFFE2A8D7A", - "endMarkerType": 0, - "fills": Array [ Object { - "_class": "fill", - "color": Object { - "_class": "color", - "alpha": 1, - "blue": 0.847, - "green": 0.847, - "red": 0.847, + "absoluteBoundingBox": Object { + "height": 46.000003814697266, + "width": 46, + "x": -136, + "y": -116, }, - "fillType": 0, - "isEnabled": true, - "noiseIndex": 0, - "noiseIntensity": 0, - "patternFillType": 1, - "patternTileScale": 1, + "background": Array [], + "backgroundColor": Object { + "a": 0, + "b": 0, + "g": 0, + "r": 0, + }, + "blendMode": "PASS_THROUGH", + "children": Array [ + Object { + "absoluteBoundingBox": Object { + "height": 46, + "width": 46, + "x": -136, + "y": -116, + }, + "background": Array [ + Object { + "blendMode": "NORMAL", + "color": Object { + "a": 1, + "b": 1, + "g": 1, + "r": 1, + }, + "type": "SOLID", + "visible": false, + }, + ], + "backgroundColor": Object { + "a": 0, + "b": 0, + "g": 0, + "r": 0, + }, + "blendMode": "PASS_THROUGH", + "children": Array [ + Object { + "absoluteBoundingBox": Object { + "height": 45.86387252807617, + "width": 43.41679763793945, + "x": -135.90074157714844, + "y": -115.88544464111328, + }, + "blendMode": "PASS_THROUGH", + "constraints": Object { + "horizontal": "SCALE", + "vertical": "SCALE", + }, + "effects": Array [ + Object { + "blendMode": "NORMAL", + "color": Object { + "a": 0.8199999928474426, + "b": 0, + "g": 0, + "r": 0, + }, + "offset": Object { + "x": 0, + "y": 4, + }, + "radius": 20, + "type": "DROP_SHADOW", + "visible": true, + }, + ], + "fills": Array [ + Object { + "blendMode": "NORMAL", + "color": Object { + "a": 1, + "b": 0.9490196108818054, + "g": 0.9019607901573181, + "r": 0.7607843279838562, + }, + "type": "SOLID", + }, + ], + "id": "3:95", + "name": "Fill 1", + "strokeAlign": "CENTER", + "strokeWeight": 0, + "strokes": Array [], + "type": "VECTOR", + }, + Object { + "absoluteBoundingBox": Object { + "height": 45.96179962158203, + "width": 43.509281158447266, + "x": -136.00001525878906, + "y": -116, + }, + "background": Array [ + Object { + "blendMode": "NORMAL", + "color": Object { + "a": 1, + "b": 1, + "g": 1, + "r": 1, + }, + "type": "SOLID", + "visible": false, + }, + ], + "backgroundColor": Object { + "a": 0, + "b": 0, + "g": 0, + "r": 0, + }, + "blendMode": "PASS_THROUGH", + "children": Array [ + Object { + "absoluteBoundingBox": Object { + "height": 45.96179962158203, + "width": 43.509281158447266, + "x": -136.00001525878906, + "y": -116, + }, + "background": Array [ + Object { + "blendMode": "NORMAL", + "color": Object { + "a": 1, + "b": 1, + "g": 1, + "r": 1, + }, + "type": "SOLID", + "visible": false, + }, + ], + "backgroundColor": Object { + "a": 0, + "b": 0, + "g": 0, + "r": 0, + }, + "blendMode": "PASS_THROUGH", + "children": Array [ + Object { + "absoluteBoundingBox": Object { + "height": 45.96179962158203, + "width": 43.509281158447266, + "x": -136.00001525878906, + "y": -116, + }, + "blendMode": "PASS_THROUGH", + "constraints": Object { + "horizontal": "SCALE", + "vertical": "SCALE", + }, + "effects": Array [], + "fills": Array [ + Object { + "blendMode": "NORMAL", + "color": Object { + "a": 1, + "b": 0, + "g": 0, + "r": 0, + }, + "type": "SOLID", + }, + ], + "id": "3:98", + "isMask": true, + "isMaskOutline": true, + "name": "Mask", + "strokeAlign": "CENTER", + "strokeWeight": 0, + "strokes": Array [], + "type": "VECTOR", + "visible": false, + }, + ], + "clipsContent": false, + "constraints": Object { + "horizontal": "SCALE", + "vertical": "SCALE", + }, + "effects": Array [], + "id": "3:97", + "name": "Fill 3", + "type": "GROUP", + }, + ], + "clipsContent": false, + "constraints": Object { + "horizontal": "SCALE", + "vertical": "SCALE", + }, + "effects": Array [], + "id": "3:96", + "name": "Group 6", + "type": "GROUP", + }, + Object { + "absoluteBoundingBox": Object { + "height": 42.22161102294922, + "width": 29.45456314086914, + "x": -128.5628662109375, + "y": -112.22164916992188, + }, + "background": Array [ + Object { + "blendMode": "NORMAL", + "color": Object { + "a": 1, + "b": 1, + "g": 1, + "r": 1, + }, + "type": "SOLID", + "visible": false, + }, + ], + "backgroundColor": Object { + "a": 0, + "b": 0, + "g": 0, + "r": 0, + }, + "blendMode": "PASS_THROUGH", + "children": Array [ + Object { + "absoluteBoundingBox": Object { + "height": 22.99660873413086, + "width": 21.719532012939453, + "x": -121.14231872558594, + "y": -99.03156280517578, + }, + "blendMode": "PASS_THROUGH", + "constraints": Object { + "horizontal": "SCALE", + "vertical": "SCALE", + }, + "effects": Array [], + "fills": Array [ + Object { + "blendMode": "NORMAL", + "color": Object { + "a": 1, + "b": 1, + "g": 1, + "r": 1, + }, + "type": "SOLID", + }, + ], + "id": "3:100", + "name": "Fill 7", + "strokeAlign": "CENTER", + "strokeWeight": 0, + "strokes": Array [], + "type": "VECTOR", + "visible": false, + }, + Object { + "absoluteBoundingBox": Object { + "height": 17.519073486328125, + "width": 21.719528198242188, + "x": -120.82783508300781, + "y": -87.51907348632812, + }, + "blendMode": "PASS_THROUGH", + "constraints": Object { + "horizontal": "SCALE", + "vertical": "SCALE", + }, + "effects": Array [], + "fills": Array [ + Object { + "blendMode": "NORMAL", + "color": Object { + "a": 1, + "b": 1, + "g": 1, + "r": 1, + }, + "type": "SOLID", + }, + ], + "id": "3:101", + "name": "Fill 9", + "strokeAlign": "CENTER", + "strokeWeight": 0, + "strokes": Array [], + "type": "VECTOR", + "visible": false, + }, + Object { + "absoluteBoundingBox": Object { + "height": 12.752063751220703, + "width": 12.043890953063965, + "x": -120.30374145507812, + "y": -98.1348876953125, + }, + "blendMode": "PASS_THROUGH", + "constraints": Object { + "horizontal": "SCALE", + "vertical": "SCALE", + }, + "effects": Array [], + "fills": Array [ + Object { + "blendMode": "NORMAL", + "color": Object { + "a": 1, + "b": 0.5139999985694885, + "g": 0.15299999713897705, + "r": 0.19200000166893005, + }, + "type": "SOLID", + }, + ], + "id": "3:102", + "name": "Fill 11", + "strokeAlign": "CENTER", + "strokeWeight": 0, + "strokes": Array [], + "type": "VECTOR", + "visible": false, + }, + Object { + "absoluteBoundingBox": Object { + "height": 6.715791702270508, + "width": 6.34282112121582, + "x": -116.8326416015625, + "y": -94.4596939086914, + }, + "blendMode": "PASS_THROUGH", + "constraints": Object { + "horizontal": "SCALE", + "vertical": "SCALE", + }, + "effects": Array [], + "fills": Array [ + Object { + "blendMode": "NORMAL", + "color": Object { + "a": 1, + "b": 0.49399998784065247, + "g": 0, + "r": 0.9020000100135803, + }, + "type": "SOLID", + }, + ], + "id": "3:103", + "name": "Fill 12", + "strokeAlign": "CENTER", + "strokeWeight": 0, + "strokes": Array [], + "type": "VECTOR", + "visible": false, + }, + Object { + "absoluteBoundingBox": Object { + "height": 3.1026840209960938, + "width": 2.9303855895996094, + "x": -114.50587463378906, + "y": -91.99605560302734, + }, + "blendMode": "PASS_THROUGH", + "constraints": Object { + "horizontal": "SCALE", + "vertical": "SCALE", + }, + "effects": Array [], + "fills": Array [ + Object { + "blendMode": "NORMAL", + "color": Object { + "a": 1, + "b": 1, + "g": 1, + "r": 1, + }, + "type": "SOLID", + }, + ], + "id": "3:104", + "name": "Fill 13", + "strokeAlign": "CENTER", + "strokeWeight": 0, + "strokes": Array [], + "type": "VECTOR", + "visible": false, + }, + Object { + "absoluteBoundingBox": Object { + "height": 8.678535461425781, + "width": 21.719524383544922, + "x": -121.14239501953125, + "y": -87.53324127197266, + }, + "blendMode": "PASS_THROUGH", + "constraints": Object { + "horizontal": "SCALE", + "vertical": "SCALE", + }, + "effects": Array [], + "fills": Array [], + "id": "3:105", + "name": "Stroke 14", + "strokeAlign": "CENTER", + "strokeCap": "ROUND", + "strokeWeight": 11, + "strokes": Array [], + "type": "VECTOR", + "visible": false, + }, + Object { + "absoluteBoundingBox": Object { + "height": 6.570462226867676, + "width": 6.20557975769043, + "x": -125.70818328857422, + "y": -105.91427612304688, + }, + "blendMode": "PASS_THROUGH", + "constraints": Object { + "horizontal": "SCALE", + "vertical": "SCALE", + }, + "effects": Array [], + "fills": Array [], + "id": "3:106", + "name": "Stroke 15", + "strokeAlign": "CENTER", + "strokeWeight": 2, + "strokes": Array [ + Object { + "blendMode": "NORMAL", + "color": Object { + "a": 1, + "b": 1, + "g": 1, + "r": 1, + }, + "type": "SOLID", + }, + ], + "type": "VECTOR", + "visible": false, + }, + Object { + "absoluteBoundingBox": Object { + "height": 8.982741355895996, + "width": 8.48389720916748, + "x": -126.84736633300781, + "y": -107.12043762207031, + }, + "blendMode": "PASS_THROUGH", + "constraints": Object { + "horizontal": "SCALE", + "vertical": "SCALE", + }, + "effects": Array [], + "fills": Array [ + Object { + "blendMode": "NORMAL", + "color": Object { + "a": 1, + "b": 1, + "g": 1, + "r": 1, + }, + "type": "SOLID", + }, + ], + "id": "3:107", + "name": "Fill 16", + "strokeAlign": "CENTER", + "strokeWeight": 0, + "strokes": Array [], + "type": "VECTOR", + "visible": false, + }, + Object { + "absoluteBoundingBox": Object { + "height": 2.9567089080810547, + "width": 2.7925148010253906, + "x": -114.445556640625, + "y": -112.22164916992188, + }, + "blendMode": "PASS_THROUGH", + "constraints": Object { + "horizontal": "SCALE", + "vertical": "SCALE", + }, + "effects": Array [], + "fills": Array [ + Object { + "blendMode": "NORMAL", + "color": Object { + "a": 1, + "b": 0.49399998784065247, + "g": 0, + "r": 0.9020000100135803, + }, + "type": "SOLID", + }, + ], + "id": "3:108", + "name": "Fill 17", + "strokeAlign": "CENTER", + "strokeWeight": 0, + "strokes": Array [], + "type": "VECTOR", + "visible": false, + }, + Object { + "absoluteBoundingBox": Object { + "height": 1.3140926361083984, + "width": 1.2411174774169922, + "x": -120.37110137939453, + "y": -109.42919921875, + }, + "blendMode": "PASS_THROUGH", + "constraints": Object { + "horizontal": "SCALE", + "vertical": "SCALE", + }, + "effects": Array [], + "fills": Array [ + Object { + "blendMode": "NORMAL", + "color": Object { + "a": 1, + "b": 1, + "g": 1, + "r": 1, + }, + "type": "SOLID", + }, + ], + "id": "3:109", + "name": "Fill 18", + "strokeAlign": "CENTER", + "strokeWeight": 0, + "strokes": Array [], + "type": "VECTOR", + "visible": false, + }, + Object { + "absoluteBoundingBox": Object { + "height": 1.3140926361083984, + "width": 1.2411165237426758, + "x": -126.01847839355469, + "y": -96.41996765136719, + }, + "blendMode": "PASS_THROUGH", + "constraints": Object { + "horizontal": "SCALE", + "vertical": "SCALE", + }, + "effects": Array [], + "fills": Array [ + Object { + "blendMode": "NORMAL", + "color": Object { + "a": 1, + "b": 1, + "g": 1, + "r": 1, + }, + "type": "SOLID", + }, + ], + "id": "3:110", + "name": "Fill 19", + "strokeAlign": "CENTER", + "strokeWeight": 0, + "strokes": Array [], + "type": "VECTOR", + "visible": false, + }, + Object { + "absoluteBoundingBox": Object { + "height": 1.314091682434082, + "width": 1.241119384765625, + "x": -102.56597900390625, + "y": -107.95084381103516, + }, + "blendMode": "PASS_THROUGH", + "constraints": Object { + "horizontal": "SCALE", + "vertical": "SCALE", + }, + "effects": Array [], + "fills": Array [ + Object { + "blendMode": "NORMAL", + "color": Object { + "a": 1, + "b": 1, + "g": 1, + "r": 1, + }, + "type": "SOLID", + }, + ], + "id": "3:111", + "name": "Fill 20", + "strokeAlign": "CENTER", + "strokeWeight": 0, + "strokes": Array [], + "type": "VECTOR", + "visible": false, + }, + Object { + "absoluteBoundingBox": Object { + "height": 0.6570463180541992, + "width": 0.6206588745117188, + "x": -108.29822540283203, + "y": -104.43594360351562, + }, + "blendMode": "PASS_THROUGH", + "constraints": Object { + "horizontal": "SCALE", + "vertical": "SCALE", + }, + "effects": Array [], + "fills": Array [ + Object { + "blendMode": "NORMAL", + "color": Object { + "a": 1, + "b": 0.49399998784065247, + "g": 0, + "r": 0.9020000100135803, + }, + "type": "SOLID", + }, + ], + "id": "3:112", + "name": "Fill 22", + "strokeAlign": "CENTER", + "strokeWeight": 0, + "strokes": Array [], + "type": "VECTOR", + "visible": false, + }, + Object { + "absoluteBoundingBox": Object { + "height": 0.6570467948913574, + "width": 0.6205596923828125, + "x": -108.9187240600586, + "y": -108.11509704589844, + }, + "blendMode": "PASS_THROUGH", + "constraints": Object { + "horizontal": "SCALE", + "vertical": "SCALE", + }, + "effects": Array [], + "fills": Array [ + Object { + "blendMode": "NORMAL", + "color": Object { + "a": 1, + "b": 1, + "g": 1, + "r": 1, + }, + "type": "SOLID", + }, + ], + "id": "3:113", + "name": "Fill 23", + "strokeAlign": "CENTER", + "strokeWeight": 0, + "strokes": Array [], + "type": "VECTOR", + "visible": false, + }, + Object { + "absoluteBoundingBox": Object { + "height": 0.6570463180541992, + "width": 0.6206550598144531, + "x": -113.66996765136719, + "y": -105.09297180175781, + }, + "blendMode": "PASS_THROUGH", + "constraints": Object { + "horizontal": "SCALE", + "vertical": "SCALE", + }, + "effects": Array [], + "fills": Array [ + Object { + "blendMode": "NORMAL", + "color": Object { + "a": 1, + "b": 1, + "g": 1, + "r": 1, + }, + "type": "SOLID", + }, + ], + "id": "3:114", + "name": "Fill 24", + "strokeAlign": "CENTER", + "strokeWeight": 0, + "strokes": Array [], + "type": "VECTOR", + "visible": false, + }, + Object { + "absoluteBoundingBox": Object { + "height": 0.6570472717285156, + "width": 0.6206560134887695, + "x": -124.31201934814453, + "y": -93.00335693359375, + }, + "blendMode": "PASS_THROUGH", + "constraints": Object { + "horizontal": "SCALE", + "vertical": "SCALE", + }, + "effects": Array [], + "fills": Array [ + Object { + "blendMode": "NORMAL", + "color": Object { + "a": 1, + "b": 1, + "g": 1, + "r": 1, + }, + "type": "SOLID", + }, + ], + "id": "3:115", + "name": "Fill 25", + "strokeAlign": "CENTER", + "strokeWeight": 0, + "strokes": Array [], + "type": "VECTOR", + "visible": false, + }, + Object { + "absoluteBoundingBox": Object { + "height": 0.6570463180541992, + "width": 0.6206555366516113, + "x": -128.56285095214844, + "y": -103.77887725830078, + }, + "blendMode": "PASS_THROUGH", + "constraints": Object { + "horizontal": "SCALE", + "vertical": "SCALE", + }, + "effects": Array [], + "fills": Array [ + Object { + "blendMode": "NORMAL", + "color": Object { + "a": 1, + "b": 1, + "g": 1, + "r": 1, + }, + "type": "SOLID", + }, + ], + "id": "3:116", + "name": "Fill 26", + "strokeAlign": "CENTER", + "strokeWeight": 0, + "strokes": Array [], + "type": "VECTOR", + "visible": false, + }, + Object { + "absoluteBoundingBox": Object { + "height": 0.657048225402832, + "width": 0.6206626892089844, + "x": -101.25830078125, + "y": -103.28417205810547, + }, + "blendMode": "PASS_THROUGH", + "constraints": Object { + "horizontal": "SCALE", + "vertical": "SCALE", + }, + "effects": Array [], + "fills": Array [ + Object { + "blendMode": "NORMAL", + "color": Object { + "a": 1, + "b": 1, + "g": 1, + "r": 1, + }, + "type": "SOLID", + }, + ], + "id": "3:117", + "name": "Fill 28", + "strokeAlign": "CENTER", + "strokeWeight": 0, + "strokes": Array [], + "type": "VECTOR", + "visible": false, + }, + ], + "clipsContent": false, + "constraints": Object { + "horizontal": "SCALE", + "vertical": "SCALE", + }, + "effects": Array [], + "id": "3:99", + "name": "Group 29", + "type": "GROUP", + }, + ], + "clipsContent": false, + "constraints": Object { + "horizontal": "SCALE", + "vertical": "SCALE", + }, + "effects": Array [], + "id": "3:94", + "isMask": true, + "layoutGrids": Array [], + "name": "Hubble Logo (regular)", + "type": "FRAME", + "visible": false, + }, + Object { + "absoluteBoundingBox": Object { + "height": 40.084503173828125, + "width": 33.61863327026367, + "x": -129.01258850097656, + "y": -110.08448791503906, + }, + "background": Array [ + Object { + "blendMode": "NORMAL", + "color": Object { + "a": 1, + "b": 1, + "g": 1, + "r": 1, + }, + "type": "SOLID", + "visible": false, + }, + ], + "backgroundColor": Object { + "a": 0, + "b": 0, + "g": 0, + "r": 0, + }, + "blendMode": "PASS_THROUGH", + "children": Array [ + Object { + "absoluteBoundingBox": Object { + "height": 32.86977005004883, + "width": 32.784584045410156, + "x": -128.65310668945312, + "y": -110.08448791503906, + }, + "blendMode": "PASS_THROUGH", + "constraints": Object { + "horizontal": "SCALE", + "vertical": "SCALE", + }, + "effects": Array [], + "fills": Array [ + Object { + "blendMode": "NORMAL", + "color": Object { + "a": 1, + "b": 1, + "g": 1, + "r": 1, + }, + "type": "SOLID", + }, + ], + "id": "3:176", + "name": "Fill 7", + "strokeAlign": "CENTER", + "strokeWeight": 0, + "strokes": Array [], + "type": "VECTOR", + }, + Object { + "absoluteBoundingBox": Object { + "height": 23.62942123413086, + "width": 32.784584045410156, + "x": -128.17852783203125, + "y": -93.62940979003906, + }, + "blendMode": "PASS_THROUGH", + "constraints": Object { + "horizontal": "SCALE", + "vertical": "SCALE", + }, + "effects": Array [], + "fills": Array [ + Object { + "blendMode": "NORMAL", + "color": Object { + "a": 1, + "b": 1, + "g": 1, + "r": 1, + }, + "type": "SOLID", + }, + ], + "id": "3:177", + "name": "Fill 9", + "strokeAlign": "CENTER", + "strokeWeight": 0, + "strokes": Array [], + "type": "VECTOR", + }, + Object { + "absoluteBoundingBox": Object { + "height": 18.226919174194336, + "width": 18.179677963256836, + "x": -127.3874740600586, + "y": -108.8027572631836, + }, + "blendMode": "PASS_THROUGH", + "constraints": Object { + "horizontal": "SCALE", + "vertical": "SCALE", + }, + "effects": Array [], + "fills": Array [ + Object { + "blendMode": "NORMAL", + "color": Object { + "a": 1, + "b": 0.5139999985694885, + "g": 0.15299999713897705, + "r": 0.19200000166893005, + }, + "type": "SOLID", + }, + ], + "id": "3:178", + "name": "Fill 11", + "strokeAlign": "CENTER", + "strokeWeight": 0, + "strokes": Array [], + "type": "VECTOR", + }, + Object { + "absoluteBoundingBox": Object { + "height": 9.599093437194824, + "width": 9.574187278747559, + "x": -122.1479721069336, + "y": -103.54975891113281, + }, + "blendMode": "PASS_THROUGH", + "constraints": Object { + "horizontal": "SCALE", + "vertical": "SCALE", + }, + "effects": Array [], + "fills": Array [ + Object { + "blendMode": "NORMAL", + "color": Object { + "a": 1, + "b": 0.49399998784065247, + "g": 0, + "r": 0.9020000100135803, + }, + "type": "SOLID", + }, + ], + "id": "3:179", + "name": "Fill 12", + "strokeAlign": "CENTER", + "strokeWeight": 0, + "strokes": Array [], + "type": "VECTOR", + }, + Object { + "absoluteBoundingBox": Object { + "height": 4.434761047363281, + "width": 4.423274993896484, + "x": -118.63583374023438, + "y": -100.02850341796875, + }, + "blendMode": "PASS_THROUGH", + "constraints": Object { + "horizontal": "SCALE", + "vertical": "SCALE", + }, + "effects": Array [], + "fills": Array [ + Object { + "blendMode": "NORMAL", + "color": Object { + "a": 1, + "b": 1, + "g": 1, + "r": 1, + }, + "type": "SOLID", + }, + ], + "id": "3:180", + "name": "Fill 13", + "strokeAlign": "CENTER", + "strokeWeight": 0, + "strokes": Array [], + "type": "VECTOR", + }, + Object { + "absoluteBoundingBox": Object { + "height": 13.123435974121094, + "width": 33.5035285949707, + "x": -129.01258850097656, + "y": -94.00906372070312, + }, + "blendMode": "PASS_THROUGH", + "constraints": Object { + "horizontal": "SCALE", + "vertical": "SCALE", + }, + "effects": Array [], + "fills": Array [ + Object { + "blendMode": "NORMAL", + "color": Object { + "a": 1, + "b": 0.9490196108818054, + "g": 0.9019607901573181, + "r": 0.7607843279838562, + }, + "type": "SOLID", + }, + ], + "id": "3:181", + "name": "Stroke 14 (Stroke)", + "strokeAlign": "CENTER", + "strokeCap": "ROUND", + "strokeWeight": 8, + "strokes": Array [], + "type": "VECTOR", + }, + ], + "clipsContent": false, + "constraints": Object { + "horizontal": "SCALE", + "vertical": "SCALE", + }, + "effects": Array [], + "id": "3:118", + "name": "Group 29", + "type": "GROUP", + }, + ], + "clipsContent": false, + "constraints": Object { + "horizontal": "SCALE", + "vertical": "SCALE", + }, + "effects": Array [], + "id": "3:93", + "name": "Mask Group", + "type": "GROUP", }, ], - "innerShadows": Array [ + "clipsContent": false, + "constraints": Object { + "horizontal": "SCALE", + "vertical": "SCALE", + }, + "effects": Array [], + "exportSettings": Array [ Object { - "_class": "innerShadow", - "blurRadius": 3, - "color": Object { - "_class": "color", - "alpha": 0.5, - "blue": 0, - "green": 0, - "red": 0, - }, - "contextSettings": Object { - "_class": "graphicsContextSettings", - "blendMode": 0, - "opacity": 1, + "constraint": Object { + "type": "SCALE", + "value": 1, }, - "isEnabled": true, - "offsetX": 0, - "offsetY": 1, - "spread": 0, + "format": "SVG", + "suffix": "", }, ], - "miterLimit": 10, - "startMarkerType": 0, - "windingRule": 1, + "id": "3:91", + "name": "icon", + "type": "GROUP", + }, + ], + "clipsContent": true, + "constraints": Object { + "horizontal": "LEFT", + "vertical": "TOP", + }, + "effects": Array [], + "exportSettings": Array [ + Object { + "constraint": Object { + "type": "SCALE", + "value": 1, + }, + "format": "SVG", + "suffix": "", + }, + Object { + "constraint": Object { + "type": "SCALE", + "value": 2, + }, + "format": "PNG", + "suffix": "@2x", + }, + Object { + "constraint": Object { + "type": "SCALE", + "value": 3, + }, + "format": "PNG", + "suffix": "@3x", + }, + Object { + "constraint": Object { + "type": "SCALE", + "value": 1, + }, + "format": "PNG", + "suffix": "", }, + ], + "id": "3:207", + "name": "icons/hubble/plain", + "type": "COMPONENT", + }, + ], + "id": "0:1", + "name": "primitives", + "prototypeStartNodeID": null, + "type": "CANVAS", + }, + ], + "id": "0:0", + "name": "Document", + "type": "DOCUMENT", + }, + "lastModified": "2019-08-01T11:26:57.968542Z", + "name": "Hubble Figma Sample", + "schemaVersion": 0, + "styles": Object {}, + "thumbnailUrl": "https://s3-alpha-sig.figma.com/thumbnails/4f30cf1c-16d2-49bd-b66b-d44f1ab41059?Expires=1565568000&Signature=djcdoXbZFjHr9SnEl7ynKGKATgiUj3Zp2jTYliAIF6vLo02xtiVYCk7cWhuQTj1-owQ~cUzQltZsY259V1J3hsFUGTumr3cKez5Xj04zPZ2XSpBTJfe3unxZ1h~HV1yaetpTpRcwK891hBI6HAyZBViAUcWb7kys2za9zpYR32D6UvQEZy-FeOUz3iKotpw84Y1bLiBXdZRsAbL8kSDW5M822jhZ2Lx10lY9ZK8duZFxuL61Q0viYJ8kfWxUUmCUMEvaLWY6KYTwHrdTBka8vadT1N~mPKiYZoUMiJsJCtRofM-wwFZjZKvmJ6WJRfVA31LCNyfzMhvfHorhUGbcQQ__&Key-Pair-Id=APKAINTVSUGEWH5XD5UA", + "version": "156404211", +} +`; + +exports[`Verify that the mocks are unchanged for Figma -> Style Dictionary 1`] = ` +Object { + "asset": Object { + "font": Object { + "firaSansBold": Object { + "name": Object { + "value": "FiraSans-Bold", + }, + }, + "firaSansBook": Object { + "name": Object { + "value": "FiraSans-Book", + }, + }, + "firaSansRegular": Object { + "name": Object { + "value": "FiraSans-Regular", + }, + }, + "helveticaBold": Object { + "name": Object { + "value": "Helvetica-Bold", + }, + }, + }, + }, + "blur": Object { + "background": Object { + "motionAngle": 0, + "radius": 28, + "saturation": 1, + }, + "gaussian": Object { + "motionAngle": 0, + "radius": 2, + "saturation": 1, + }, + }, + "color": Object { + "base": Object { + "primary100": Object { + "comment": "aliceBlue", + "value": "#F2F9FD", + }, + "primary200": Object { + "comment": "solitude", + "value": "#E5F3FA", + }, + "primary300": Object { + "comment": "pattensBlue", + "value": "#D4EBF0", + }, + "primary400": Object { + "comment": "powderBlue", + "value": "#B3DDE6", + }, + "primary500": Object { + "comment": "powderBlue", + "value": "#A0D6E0", + }, + "primary600": Object { + "comment": "halfBaked", + "value": "#8DCFDB", + }, + "primary700": Object { + "comment": "viking", + "value": "#77C8D6", + }, + "primary800": Object { + "comment": "viking", + "value": "#5EC1D1", + }, + "primary900": Object { + "comment": "seagull", + "value": "#5FC2E6", + }, + "redUndefined": Object { + "comment": "carnation", + "value": "#F55E5E", + }, + "secondary100": Object { + "comment": "grayNurse", + "value": "#E9EFE7", + }, + "secondary200": Object { + "comment": "tasman", + "value": "#D4E0D0", + }, + "secondary300": Object { + "comment": "paleLeaf", + "value": "#C0D2BA", + }, + "secondary400": Object { + "comment": "norway", + "value": "#97B690", + }, + "secondary500": Object { + "comment": "amulet", + "value": "#81A97C", + }, + "secondary600": Object { + "comment": "aquaForest", + "value": "#6B9D6A", + }, + "secondary700": Object { + "comment": "hippieGreen", + "value": "#559158", + }, + "secondary800": Object { + "comment": "seaGreen", + "value": "#3E874A", + }, + "secondary900": Object { + "comment": "salem", + "value": "#227D3E", + }, + }, + "border": Object { + "center": Object { + "comment": "geraldine", + "value": "#FF9696", + }, + "inside": Object { + "comment": "geraldine", + "value": "#FF9696", + }, + "outside": Object { + "comment": "geraldine", + "value": "#FF9696", + }, + }, + "shadow": Object { + "simple": Object { + "dropShadow": Object { + "comment": "black", + "value": "#000000", + }, + "innerShadow": Object { + "comment": "black", + "value": "#000000", + }, + }, + }, + }, + "font": Object { + "typo": Object { + "heading1": Object { + "value": "firaSansBold", + }, + "heading2": Object { + "value": "firaSansRegular", + }, + "paragraph": Object { + "value": "firaSansBook", + }, + "quote": Object { + "value": "helveticaBold", + }, + }, + }, + "lineHeight": Object { + "font": Object { + "heading1": Object { + "value": 57.6, + }, + "heading2": Object { + "value": 42.2, + }, + "paragraph": Object { + "value": 21.1, + }, + "quote": Object { + "value": 16.4, + }, + }, + }, + "size": Object { + "border": Object { + "center": Object { + "value": "1", + }, + "gradientWithCorners": Object { + "value": "1", + }, + "inside": Object { + "value": "1", + }, + "outside": Object { + "value": "1", + }, + }, + "font": Object { + "heading1": Object { + "value": 48, + }, + "heading2": Object { + "value": 36, + }, + "paragraph": Object { + "value": 18, + }, + "quote": Object { + "value": 14, + }, + }, + }, + "weight": Object { + "font": Object { + "heading1": Object { + "value": 700, + }, + "heading2": Object { + "value": 400, + }, + "paragraph": Object { + "value": 350, + }, + "quote": Object { + "value": 700, + }, + }, + "fontFamily": Object { + "firaSansBold": Object { + "value": 700, + }, + "firaSansBook": Object { + "value": 350, + }, + "firaSansRegular": Object { + "value": 400, + }, + "helveticaBold": Object { + "value": 700, + }, + }, + }, +} +`; + +exports[`Verify that the mocks are unchanged for Sketch -> Generic Tokens: Artboard Format 1`] = ` +Object { + "blurs": Array [ + Object { + "center": Object { + "x": 0.5, + "y": 0.5, + }, + "id": "background", + "motionAngle": 0, + "radius": 28, + "saturation": 0.4654579402515723, + "token": "blur", + "type": "BACKGROUND", + }, + Object { + "id": "zoom", + "motionAngle": 0, + "radius": 6, + "saturation": 1, + "token": "blur", + "type": "ZOOM", + }, + Object { + "id": "motion", + "motionAngle": 35.61906645569621, + "radius": 2, + "saturation": 1, + "token": "blur", + "type": "MOTION", + }, + Object { + "id": "gaussian", + "motionAngle": 0, + "radius": 2, + "saturation": 1, + "token": "blur", + "type": "GAUSSIAN", + }, + ], + "borders": Array [ + Object { + "color": Object { + "alpha": 1, + "blue": 150, + "green": 150, + "hex": "ff9696", + "hsl": Array [ + 0, + 100, + 79, + ], + "name": "geraldine", + "red": 255, + "rgb": Array [ + 255, + 150, + 150, + ], + "rgba": Array [ + 255, + 150, + 150, + 1, + ], + "token": "color", + }, + "id": "inside", + "radius": 3, + "token": "border", + "type": "INSIDE", + "width": 1, + }, + Object { + "color": Object { + "alpha": 1, + "blue": 150, + "green": 150, + "hex": "ff9696", + "hsl": Array [ + 0, + 100, + 79, + ], + "name": "geraldine", + "red": 255, + "rgb": Array [ + 255, + 150, + 150, + ], + "rgba": Array [ + 255, + 150, + 150, + 1, + ], + "token": "color", + }, + "id": "outside", + "radius": 12.5, + "token": "border", + "type": "OUTSIDE", + "width": 1, + }, + Object { + "gradient": Object { + "from": Array [ + 0.5, + 1, + ], + "name": "norwayGradient", + "stops": Array [ + Object { + "color": Object { + "alpha": 1, + "blue": 144, + "green": 182, + "hex": "97b690", + "hsl": Array [ + 109, + 21, + 64, + ], + "name": "norway", + "red": 151, + "rgb": Array [ + 151, + 182, + 144, + ], + "rgba": Array [ + 151, + 182, + 144, + 1, + ], + "token": "color", }, - ], - "name": "primitives/inner-shadow/simple", - "nameIsFixed": true, - "resizesContent": false, - "resizingConstraint": 63, - "resizingType": 0, - "rotation": 0, - "shouldBreakMaskChain": true, - "style": Object { - "_class": "style", - "do_objectID": "7FFF98D8-F73C-42CE-8337-7D92FF8E94B2", - "endMarkerType": 0, - "miterLimit": 10, - "startMarkerType": 0, - "windingRule": 1, - }, - "verticalRulerData": Object { - "_class": "rulerData", - "base": 0, - "do_objectID": "B2C7F811-6288-4D1E-93A0-DB0B878BCCDA", - "guides": Array [], - }, - }, - Object { - "_class": "artboard", - "backgroundColor": Object { - "_class": "color", - "alpha": 1, - "blue": 1, - "do_objectID": "24D5BBB5-170D-425A-959E-4AAD65728341", - "green": 1, - "red": 1, - }, - "booleanOperation": -1, - "clippingMaskMode": 0, - "do_objectID": "F3A48001-231D-4273-A7AD-3C4B596A535A", - "exportOptions": Object { - "_class": "exportOptions", - "do_objectID": "B2ABCC3B-86A6-4646-BF12-F3CE972D1B5C", - "exportFormats": Array [], - "includedLayerIds": Array [], - "layerOptions": 0, - "shouldTrim": false, - }, - "frame": Object { - "_class": "rect", - "constrainProportions": false, - "do_objectID": "2A03546F-078B-45C2-BCA7-A2AA92C8CCD7", - "height": 37, - "width": 217, - "x": 1122, - "y": 276, - }, - "groupLayout": Object { - "_class": "MSImmutableFreeformGroupLayout", - "do_objectID": "257F57F5-6D4C-4B0A-AA0C-50343BF4EDF6", - }, - "hasBackgroundColor": false, - "hasClickThrough": false, - "hasClippingMask": false, - "horizontalRulerData": Object { - "_class": "rulerData", - "base": 0, - "do_objectID": "CEA1C232-CE42-4030-B47C-5AB49BEB0CFF", - "guides": Array [], + "position": 0, }, - "includeBackgroundColorInExport": true, - "includeInCloudUpload": true, - "isFixedToViewport": false, - "isFlippedHorizontal": false, - "isFlippedVertical": false, - "isFlowHome": false, - "isLocked": false, - "isVisible": true, - "layerListExpandedType": 0, - "layers": Array [ - Object { - "_class": "text", - "attributedString": Object { - "_class": "attributedString", - "attributes": Array [ - Object { - "_class": "stringAttribute", - "attributes": Object { - "MSAttributedStringColorAttribute": Object { - "_class": "color", - "alpha": 1, - "blue": 0, - "green": 0, - "red": 0, - }, - "MSAttributedStringFontAttribute": Object { - "_class": "fontDescriptor", - "attributes": Object { - "name": "FiraSans-Regular", - "size": 22, - }, - }, - "kerning": 0, - "paragraphStyle": Object { - "_class": "paragraphStyle", - "alignment": 2, - "allowsDefaultTighteningForTruncation": 0, - }, - "textStyleVerticalAlignmentKey": 0, - }, - "length": 17, - "location": 0, - }, - ], - "string": "my-hubble-project", - }, - "automaticallyDrawOnUnderlyingPath": false, - "booleanOperation": -1, - "clippingMaskMode": 0, - "do_objectID": "1BA72591-D1E7-4630-AD82-BA41109073C3", - "dontSynchroniseWithSymbol": false, - "exportOptions": Object { - "_class": "exportOptions", - "do_objectID": "B2DAEB45-DF2A-4D2B-920B-A19E26687748", - "exportFormats": Array [], - "includedLayerIds": Array [], - "layerOptions": 0, - "shouldTrim": false, - }, - "frame": Object { - "_class": "rect", - "constrainProportions": false, - "do_objectID": "4A38ECC7-B535-47C4-981C-63A39AC12721", - "height": 27, - "width": 189, - "x": 13, - "y": 4, - }, - "glyphBounds": "{{2, 3}, {187, 23}}", - "hasClippingMask": false, - "isFixedToViewport": false, - "isFlippedHorizontal": false, - "isFlippedVertical": false, - "isLocked": false, - "isVisible": true, - "layerListExpandedType": 0, - "lineSpacingBehaviour": 2, - "name": "my-hubble-project", - "nameIsFixed": false, - "resizingConstraint": 47, - "resizingType": 0, - "rotation": 0, - "shouldBreakMaskChain": false, - "style": Object { - "_class": "style", - "do_objectID": "FB7F2CAD-F030-4327-865E-622A14C6FF27", - "endMarkerType": 0, - "miterLimit": 10, - "startMarkerType": 0, - "textStyle": Object { - "_class": "textStyle", - "do_objectID": "0DF12993-0F3B-4460-B305-6B1952D5A91D", - "encodedAttributes": Object { - "MSAttributedStringColorAttribute": Object { - "_class": "color", - "alpha": 1, - "blue": 0, - "green": 0, - "red": 0, - }, - "MSAttributedStringFontAttribute": Object { - "_class": "fontDescriptor", - "attributes": Object { - "name": "FiraSans-Regular", - "size": 22, - }, - }, - "kerning": 0, - "paragraphStyle": Object { - "_class": "paragraphStyle", - "alignment": 2, - "allowsDefaultTighteningForTruncation": 0, - }, - "textStyleVerticalAlignmentKey": 0, - }, - "verticalAlignment": 0, - }, - "windingRule": 1, - }, - "textBehaviour": 0, + Object { + "color": Object { + "alpha": 1, + "blue": 88, + "green": 145, + "hex": "559158", + "hsl": Array [ + 123, + 26, + 45, + ], + "name": "hippieGreen", + "red": 85, + "rgb": Array [ + 85, + 145, + 88, + ], + "rgba": Array [ + 85, + 145, + 88, + 1, + ], + "token": "color", }, - ], - "name": "config/projectid", - "nameIsFixed": true, - "resizesContent": false, - "resizingConstraint": 63, - "resizingType": 0, - "rotation": 0, - "shouldBreakMaskChain": true, - "style": Object { - "_class": "style", - "do_objectID": "0862E84C-71A8-4B11-9C97-102E4A3CD007", - "endMarkerType": 0, - "miterLimit": 10, - "startMarkerType": 0, - "windingRule": 1, + "position": 0.5038507579143953, }, - "verticalRulerData": Object { - "_class": "rulerData", - "base": 0, - "do_objectID": "93BF2301-9200-47A7-A100-A37FDAC81767", - "guides": Array [], + Object { + "color": Object { + "alpha": 1, + "blue": 62, + "green": 125, + "hex": "227d3e", + "hsl": Array [ + 138, + 57, + 31, + ], + "name": "salem", + "red": 34, + "rgb": Array [ + 34, + 125, + 62, + ], + "rgba": Array [ + 34, + 125, + 62, + 1, + ], + "token": "color", + }, + "position": 1, }, - }, + ], + "to": Array [ + 0.4999999999999999, + 3.0616169978683836e-17, + ], + "token": "gradient", + "type": "LINEAR", + }, + "id": "gradientWithCorners", + "radius": Array [ + 8, + 12.5, + 12.5, + 12.5, + ], + "token": "border", + "type": "OUTSIDE", + "width": 1, + }, + Object { + "color": Object { + "alpha": 1, + "blue": 150, + "green": 150, + "hex": "ff9696", + "hsl": Array [ + 0, + 100, + 79, + ], + "name": "geraldine", + "red": 255, + "rgb": Array [ + 255, + 150, + 150, + ], + "rgba": Array [ + 255, + 150, + 150, + 1, + ], + "token": "color", + }, + "id": "center", + "radius": 0, + "token": "border", + "type": "CENTER", + "width": 1, + }, + ], + "colors": Array [ + Object { + "alpha": 1, + "blue": 230, + "green": 194, + "hex": "5fc2e6", + "hsl": Array [ + 196, + 73, + 64, + ], + "id": "primary900", + "name": "seagull", + "red": 95, + "rgb": Array [ + 95, + 194, + 230, + ], + "rgba": Array [ + 95, + 194, + 230, + 1, + ], + "token": "color", + "variant": 900, + }, + Object { + "alpha": 1, + "blue": 209, + "green": 193, + "hex": "5ec1d1", + "hsl": Array [ + 188, + 56, + 59, + ], + "id": "primary800", + "name": "viking", + "red": 94, + "rgb": Array [ + 94, + 193, + 209, + ], + "rgba": Array [ + 94, + 193, + 209, + 1, + ], + "token": "color", + "variant": 800, + }, + Object { + "alpha": 1, + "blue": 214, + "green": 200, + "hex": "77c8d6", + "hsl": Array [ + 189, + 54, + 65, + ], + "id": "primary700", + "name": "viking", + "red": 119, + "rgb": Array [ + 119, + 200, + 214, + ], + "rgba": Array [ + 119, + 200, + 214, + 1, + ], + "token": "color", + "variant": 700, + }, + Object { + "alpha": 1, + "blue": 219, + "green": 207, + "hex": "8dcfdb", + "hsl": Array [ + 189, + 52, + 71, + ], + "id": "primary600", + "name": "halfBaked", + "red": 141, + "rgb": Array [ + 141, + 207, + 219, + ], + "rgba": Array [ + 141, + 207, + 219, + 1, + ], + "token": "color", + "variant": 600, + }, + Object { + "alpha": 1, + "blue": 224, + "green": 214, + "hex": "a0d6e0", + "hsl": Array [ + 189, + 51, + 75, + ], + "id": "primary500", + "name": "powderBlue", + "red": 160, + "rgb": Array [ + 160, + 214, + 224, + ], + "rgba": Array [ + 160, + 214, + 224, + 1, + ], + "token": "color", + "variant": 500, + }, + Object { + "alpha": 1, + "blue": 230, + "green": 221, + "hex": "b3dde6", + "hsl": Array [ + 191, + 50, + 80, ], - "name": "primitives", - "nameIsFixed": true, - "resizingConstraint": 63, - "resizingType": 0, - "rotation": 0, - "shouldBreakMaskChain": false, - "style": Object { - "_class": "style", - "endMarkerType": 0, - "miterLimit": 10, - "startMarkerType": 0, - "windingRule": 1, - }, - "verticalRulerData": Object { - "_class": "rulerData", - "base": 0, - "guides": Array [], - }, + "id": "primary400", + "name": "powderBlue", + "red": 179, + "rgb": Array [ + 179, + 221, + 230, + ], + "rgba": Array [ + 179, + 221, + 230, + 1, + ], + "token": "color", + "variant": 400, }, - }, - "user": Object { - "3887CAEA-110F-415F-8010-F3C825F27590": Object { - "scrollOrigin": "{-1340, -358}", - "zoomValue": 1.994339327540023, + Object { + "alpha": 1, + "blue": 240, + "green": 235, + "hex": "d4ebf0", + "hsl": Array [ + 191, + 48, + 89, + ], + "id": "primary300", + "name": "pattensBlue", + "red": 212, + "rgb": Array [ + 212, + 235, + 240, + ], + "rgba": Array [ + 212, + 235, + 240, + 1, + ], + "token": "color", + "variant": 300, }, - "document": Object { - "pageListCollapsed": 0, - "pageListHeight": 110, + Object { + "alpha": 1, + "blue": 250, + "green": 243, + "hex": "e5f3fa", + "hsl": Array [ + 200, + 68, + 94, + ], + "id": "primary200", + "name": "solitude", + "red": 229, + "rgb": Array [ + 229, + 243, + 250, + ], + "rgba": Array [ + 229, + 243, + 250, + 1, + ], + "token": "color", + "variant": 200, }, - }, -} -`; - -exports[`Verify that the mocks are unchanged for the hubble output (using Style Dictionary) 1`] = ` -Object { - "asset": Object { - "font": Object { - "firaSansBold": Object { - "name": Object { - "value": "FiraSans-Bold", - }, - }, - "firaSansBook": Object { - "name": Object { - "value": "FiraSans-Book", - }, - }, - "firaSansRegular": Object { - "name": Object { - "value": "FiraSans-Regular", - }, - }, - "helveticaBold": Object { - "name": Object { - "value": "Helvetica-Bold", - }, - }, + Object { + "alpha": 1, + "blue": 253, + "green": 249, + "hex": "f2f9fd", + "hsl": Array [ + 202, + 73, + 97, + ], + "id": "primary100", + "name": "aliceBlue", + "red": 242, + "rgb": Array [ + 242, + 249, + 253, + ], + "rgba": Array [ + 242, + 249, + 253, + 1, + ], + "token": "color", + "variant": 100, }, - }, - "color": Object { - "base": Object { - "primary100": Object { - "comment": "aliceBlue", - "value": "#F2F9FD", - }, - "primary200": Object { - "comment": "solitude", - "value": "#E5F3FA", - }, - "primary300": Object { - "comment": "pattensBlue", - "value": "#D4EBF0", - }, - "primary400": Object { - "comment": "powderBlue", - "value": "#B3DDE6", - }, - "primary500": Object { - "comment": "powderBlue", - "value": "#A0D6E0", - }, - "primary600": Object { - "comment": "halfBaked", - "value": "#8DCFDB", - }, - "primary700": Object { - "comment": "viking", - "value": "#77C8D6", - }, - "primary800": Object { - "comment": "viking", - "value": "#5EC1D1", - }, - "primary900": Object { - "comment": "seagull", - "value": "#5FC2E6", - }, - "red": Object { - "comment": "carnation", - "value": "#F55E5E", - }, - "secondary100": Object { - "comment": "grayNurse", - "value": "#E9EFE7", - }, - "secondary200": Object { - "comment": "tasman", - "value": "#D4E0D0", - }, - "secondary300": Object { - "comment": "paleLeaf", - "value": "#C0D2BA", - }, - "secondary400": Object { - "comment": "norway", - "value": "#97B690", - }, - "secondary500": Object { - "comment": "amulet", - "value": "#81A97C", - }, - "secondary600": Object { - "comment": "aquaForest", - "value": "#6B9D6A", - }, - "secondary700": Object { - "comment": "hippieGreen", - "value": "#559158", - }, - "secondary800": Object { - "comment": "seaGreen", - "value": "#3E874A", - }, - "secondary900": Object { - "comment": "salem", - "value": "#227D3E", - }, + Object { + "alpha": 1, + "blue": 62, + "green": 125, + "hex": "227d3e", + "hsl": Array [ + 138, + 57, + 31, + ], + "id": "secondary900", + "name": "salem", + "red": 34, + "rgb": Array [ + 34, + 125, + 62, + ], + "rgba": Array [ + 34, + 125, + 62, + 1, + ], + "token": "color", + "variant": 900, + }, + Object { + "alpha": 1, + "blue": 94, + "green": 94, + "hex": "f55e5e", + "hsl": Array [ + 0, + 88, + 66, + ], + "id": "red", + "name": "carnation", + "red": 245, + "rgb": Array [ + 245, + 94, + 94, + ], + "rgba": Array [ + 245, + 94, + 94, + 1, + ], + "token": "color", + "variant": null, }, - "border": Object { - "center": Object { - "comment": "geraldine", - "value": "#FF9696", - }, - "inside": Object { - "comment": "geraldine", - "value": "#FF9696", - }, - "outside": Object { - "comment": "geraldine", - "value": "#FF9696", - }, + Object { + "alpha": 1, + "blue": 74, + "green": 135, + "hex": "3e874a", + "hsl": Array [ + 130, + 37, + 39, + ], + "id": "secondary800", + "name": "seaGreen", + "red": 62, + "rgb": Array [ + 62, + 135, + 74, + ], + "rgba": Array [ + 62, + 135, + 74, + 1, + ], + "token": "color", + "variant": 800, }, - "shadow": Object { - "simple": Object { - "dropShadow": Object { - "comment": "black", - "value": "#000000", - }, - "innerShadow": Object { - "comment": "black", - "value": "#000000", - }, - }, + Object { + "alpha": 1, + "blue": 88, + "green": 145, + "hex": "559158", + "hsl": Array [ + 123, + 26, + 45, + ], + "id": "secondary700", + "name": "hippieGreen", + "red": 85, + "rgb": Array [ + 85, + 145, + 88, + ], + "rgba": Array [ + 85, + 145, + 88, + 1, + ], + "token": "color", + "variant": 700, }, - }, - "font": Object { - "typo": Object { - "heading1": Object { - "value": "firaSansBold", - }, - "heading2": Object { - "value": "firaSansRegular", - }, - "paragraph": Object { - "value": "firaSansBook", - }, - "quote": Object { - "value": "helveticaBold", - }, + Object { + "alpha": 1, + "blue": 106, + "green": 157, + "hex": "6b9d6a", + "hsl": Array [ + 119, + 21, + 52, + ], + "id": "secondary600", + "name": "aquaForest", + "red": 107, + "rgb": Array [ + 107, + 157, + 106, + ], + "rgba": Array [ + 107, + 157, + 106, + 1, + ], + "token": "color", + "variant": 600, }, - }, - "lineHeight": Object { - "font": Object { - "heading1": Object { - "value": 57.6, - }, - "heading2": Object { - "value": 43.2, - }, - "paragraph": Object { - "value": 21.6, - }, - "quote": Object { - "value": 16.8, - }, + Object { + "alpha": 1, + "blue": 124, + "green": 169, + "hex": "81a97c", + "hsl": Array [ + 113, + 21, + 57, + ], + "id": "secondary500", + "name": "amulet", + "red": 129, + "rgb": Array [ + 129, + 169, + 124, + ], + "rgba": Array [ + 129, + 169, + 124, + 1, + ], + "token": "color", + "variant": 500, }, - }, - "size": Object { - "border": Object { - "center": Object { - "value": "1", - }, - "gradientWithCorners": Object { - "value": "1", - }, - "inside": Object { - "value": "1", - }, - "outside": Object { - "value": "1", - }, + Object { + "alpha": 1, + "blue": 144, + "green": 182, + "hex": "97b690", + "hsl": Array [ + 109, + 21, + 64, + ], + "id": "secondary400", + "name": "norway", + "red": 151, + "rgb": Array [ + 151, + 182, + 144, + ], + "rgba": Array [ + 151, + 182, + 144, + 1, + ], + "token": "color", + "variant": 400, + }, + Object { + "alpha": 1, + "blue": 186, + "green": 210, + "hex": "c0d2ba", + "hsl": Array [ + 105, + 21, + 78, + ], + "id": "secondary300", + "name": "paleLeaf", + "red": 192, + "rgb": Array [ + 192, + 210, + 186, + ], + "rgba": Array [ + 192, + 210, + 186, + 1, + ], + "token": "color", + "variant": 300, + }, + Object { + "alpha": 1, + "blue": 208, + "green": 224, + "hex": "d4e0d0", + "hsl": Array [ + 105, + 21, + 85, + ], + "id": "secondary200", + "name": "tasman", + "red": 212, + "rgb": Array [ + 212, + 224, + 208, + ], + "rgba": Array [ + 212, + 224, + 208, + 1, + ], + "token": "color", + "variant": 200, }, - "font": Object { - "heading1": Object { - "value": 48, - }, - "heading2": Object { - "value": 36, - }, - "paragraph": Object { - "value": 18, - }, - "quote": Object { - "value": 14, - }, + Object { + "alpha": 1, + "blue": 231, + "green": 239, + "hex": "e9efe7", + "hsl": Array [ + 105, + 20, + 92, + ], + "id": "secondary100", + "name": "grayNurse", + "red": 233, + "rgb": Array [ + 233, + 239, + 231, + ], + "rgba": Array [ + 233, + 239, + 231, + 1, + ], + "token": "color", + "variant": 100, }, - }, - "weight": Object { - "font": Object { - "heading1": Object { - "value": 700, - }, - "heading2": Object { - "value": 400, - }, - "paragraph": Object { - "value": 350, - }, - "quote": Object { - "value": 700, - }, + ], + "fileType": "SKETCH", + "fonts": Array [ + "FiraSans-Bold", + "Helvetica-Bold", + "FiraSans-Regular", + "FiraSans-Book", + ], + "gradients": Array [ + Object { + "from": Array [ + 0.5, + 1, + ], + "id": "linear", + "stops": Array [ + Object { + "color": Object { + "alpha": 1, + "blue": 144, + "green": 182, + "hex": "97b690", + "hsl": Array [ + 109, + 21, + 64, + ], + "name": "norway", + "red": 151, + "rgb": Array [ + 151, + 182, + 144, + ], + "rgba": Array [ + 151, + 182, + 144, + 1, + ], + "token": "color", + }, + "position": 0, + }, + Object { + "color": Object { + "alpha": 1, + "blue": 88, + "green": 145, + "hex": "559158", + "hsl": Array [ + 123, + 26, + 45, + ], + "name": "hippieGreen", + "red": 85, + "rgb": Array [ + 85, + 145, + 88, + ], + "rgba": Array [ + 85, + 145, + 88, + 1, + ], + "token": "color", + }, + "position": 0.5038507579143953, + }, + Object { + "color": Object { + "alpha": 1, + "blue": 62, + "green": 125, + "hex": "227d3e", + "hsl": Array [ + 138, + 57, + 31, + ], + "name": "salem", + "red": 34, + "rgb": Array [ + 34, + 125, + 62, + ], + "rgba": Array [ + 34, + 125, + 62, + 1, + ], + "token": "color", + }, + "position": 1, + }, + ], + "to": Array [ + 0.4999999999999999, + 3.0616169978683836e-17, + ], + "token": "gradient", + "type": "LINEAR", }, - "fontFamily": Object { - "firaSansBold": Object { - "value": 700, - }, - "firaSansBook": Object { - "value": 350, - }, - "firaSansRegular": Object { - "value": 400, - }, - "helveticaBold": Object { - "value": 700, - }, + Object { + "from": Array [ + 0.5, + 1, + ], + "id": "radial", + "stops": Array [ + Object { + "color": Object { + "alpha": 1, + "blue": 144, + "green": 182, + "hex": "97b690", + "hsl": Array [ + 109, + 21, + 64, + ], + "name": "norway", + "red": 151, + "rgb": Array [ + 151, + 182, + 144, + ], + "rgba": Array [ + 151, + 182, + 144, + 1, + ], + "token": "color", + }, + "position": 0, + }, + Object { + "color": Object { + "alpha": 1, + "blue": 62, + "green": 125, + "hex": "227d3e", + "hsl": Array [ + 138, + 57, + 31, + ], + "name": "salem", + "red": 34, + "rgb": Array [ + 34, + 125, + 62, + ], + "rgba": Array [ + 34, + 125, + 62, + 1, + ], + "token": "color", + }, + "position": 1, + }, + ], + "to": Array [ + 0.5, + -0.27263153394819584, + ], + "token": "gradient", + "type": "RADIAL", }, - }, -} -`; - -exports[`Verify that the mocks are unchanged for the hubble output (using artboards) 1`] = ` -Object { - "borders": Array [ Object { + "from": Array [ + 0.5, + 1, + ], + "id": "angular", + "stops": Array [ + Object { + "color": Object { + "alpha": 1, + "blue": 144, + "green": 182, + "hex": "97b690", + "hsl": Array [ + 109, + 21, + 64, + ], + "name": "norway", + "red": 151, + "rgb": Array [ + 151, + 182, + 144, + ], + "rgba": Array [ + 151, + 182, + 144, + 1, + ], + "token": "color", + }, + "position": 0.4336458341191861, + }, + Object { + "color": Object { + "alpha": 1, + "blue": 62, + "green": 125, + "hex": "227d3e", + "hsl": Array [ + 138, + 57, + 31, + ], + "name": "salem", + "red": 34, + "rgb": Array [ + 34, + 125, + 62, + ], + "rgba": Array [ + 34, + 125, + 62, + 1, + ], + "token": "color", + }, + "position": 1, + }, + ], + "to": Array [ + 0.5, + -0.27263153394819584, + ], + "token": "gradient", + "type": "ANGULAR", + }, + ], + "shadows": Array [ + Object { + "blur": 3, "color": Object { - "alpha": 1, - "blue": 150, - "green": 150, - "hex": "ff9696", + "alpha": 0.5, + "blue": 0, + "green": 0, + "hex": "000000", "hsl": Array [ 0, - 100, - 79, + 0, + 0, ], - "name": "geraldine", - "red": 255, + "name": "black", + "red": 0, "rgb": Array [ - 255, - 150, - 150, + 0, + 0, + 0, ], "rgba": Array [ - 255, - 150, - 150, - 1, + 0, + 0, + 0, + 0.5, ], "token": "color", }, - "id": "inside", - "radius": 3, - "token": "border", - "type": "INSIDE", - "width": 1, + "id": "simple", + "spread": 0, + "token": "shadow", + "type": "inner-shadow", + "x": 0, + "y": 1, }, Object { + "blur": 4, "color": Object { - "alpha": 1, - "blue": 150, - "green": 150, - "hex": "ff9696", + "alpha": 0.5, + "blue": 0, + "green": 0, + "hex": "000000", "hsl": Array [ 0, - 100, - 79, + 0, + 0, ], - "name": "geraldine", - "red": 255, + "name": "black", + "red": 0, "rgb": Array [ - 255, - 150, - 150, + 0, + 0, + 0, ], "rgba": Array [ - 255, - 150, - 150, - 1, - ], - "token": "color", - }, - "id": "outside", - "radius": 12.5, - "token": "border", - "type": "OUTSIDE", - "width": 1, - }, - Object { - "gradient": Object { - "from": Array [ + 0, + 0, + 0, 0.5, - 1, ], - "name": "norwayGradient", - "stops": Array [ - Object { - "color": Object { - "alpha": 1, - "blue": 144, - "green": 182, - "hex": "97b690", - "hsl": Array [ - 109, - 21, - 64, - ], - "name": "norway", - "red": 151, - "rgb": Array [ - 151, - 182, - 144, - ], - "rgba": Array [ - 151, - 182, - 144, - 1, - ], - "token": "color", - }, - "position": 0, - }, - Object { - "color": Object { - "alpha": 1, - "blue": 88, - "green": 145, - "hex": "559158", - "hsl": Array [ - 123, - 26, - 45, - ], - "name": "hippieGreen", - "red": 85, - "rgb": Array [ - 85, - 145, - 88, - ], - "rgba": Array [ - 85, - 145, - 88, - 1, - ], - "token": "color", - }, - "position": 0.5038507579143953, - }, - Object { - "color": Object { - "alpha": 1, - "blue": 62, - "green": 125, - "hex": "227d3e", - "hsl": Array [ - 138, - 57, - 31, - ], - "name": "salem", - "red": 34, - "rgb": Array [ - 34, - 125, - 62, - ], - "rgba": Array [ - 34, - 125, - 62, - 1, - ], - "token": "color", - }, - "position": 1, - }, + "token": "color", + }, + "id": "simple", + "spread": 0, + "token": "shadow", + "type": "drop-shadow", + "x": 0, + "y": 2, + }, + ], + "sketchVersion": "56", + "textStyles": Array [ + Object { + "borderBottom": null, + "family": "FiraSans-Bold", + "id": "heading1", + "kerning": null, + "lineHeight": 57.6, + "paragraphSpacing": 0, + "size": 48, + "token": "text-style", + "weight": "bold", + }, + Object { + "borderBottom": null, + "family": "FiraSans-Regular", + "id": "heading2", + "kerning": null, + "lineHeight": 43.2, + "paragraphSpacing": 0, + "size": 36, + "token": "text-style", + "weight": "regular", + }, + Object { + "borderBottom": null, + "family": "FiraSans-Book", + "id": "paragraph", + "kerning": null, + "lineHeight": 21.6, + "paragraphSpacing": 0, + "size": 18, + "token": "text-style", + "weight": "book", + }, + Object { + "borderBottom": null, + "family": "Helvetica-Bold", + "id": "quote", + "kerning": 0.6, + "lineHeight": 16.8, + "paragraphSpacing": 0, + "size": 14, + "token": "text-style", + "weight": "bold", + }, + ], +} +`; + +exports[`Verify that the mocks are unchanged for Sketch -> Generic Tokens: Document Styles 1`] = ` +Object { + "blurs": Array [ + Object { + "center": Object { + "x": 0.5, + "y": 0.5, + }, + "id": "background", + "motionAngle": 0, + "radius": 28, + "saturation": 0.4654579402515723, + "token": "blur", + "type": "BACKGROUND", + }, + Object { + "id": "zoom", + "motionAngle": 0, + "radius": 6, + "saturation": 1, + "token": "blur", + "type": "ZOOM", + }, + Object { + "id": "motion", + "motionAngle": 35.61906645569621, + "radius": 2, + "saturation": 1, + "token": "blur", + "type": "MOTION", + }, + Object { + "id": "gaussian", + "motionAngle": 0, + "radius": 2, + "saturation": 1, + "token": "blur", + "type": "GAUSSIAN", + }, + ], + "borders": Array [ + Object { + "color": Object { + "alpha": 1, + "blue": 150, + "green": 150, + "hex": "ff9696", + "hsl": Array [ + 0, + 100, + 79, ], - "to": Array [ - 0.4999999999999999, - 3.0616169978683836e-17, + "name": "geraldine", + "red": 255, + "rgb": Array [ + 255, + 150, + 150, ], - "token": "gradient", - "type": "LINEAR", + "rgba": Array [ + 255, + 150, + 150, + 1, + ], + "token": "color", }, - "id": "gradientWithCorners", - "radius": Array [ - 8, - 12.5, - 12.5, - 12.5, - ], + "id": "inside", + "radius": 3, "token": "border", - "type": "OUTSIDE", + "type": "INSIDE", "width": 1, }, Object { @@ -8892,1458 +8602,14133 @@ Object { ], "token": "color", }, - "id": "center", - "radius": 0, + "id": "outside", + "radius": 12.5, "token": "border", - "type": "CENTER", + "type": "OUTSIDE", "width": 1, }, - ], - "colors": Array [ - Object { - "alpha": 1, - "blue": 230, - "green": 194, - "hex": "5fc2e6", - "hsl": Array [ - 196, - 73, - 64, - ], - "id": "primary900", - "name": "seagull", - "red": 95, - "rgb": Array [ - 95, - 194, - 230, - ], - "rgba": Array [ - 95, - 194, - 230, - 1, - ], - "token": "color", - "variant": 900, - }, - Object { - "alpha": 1, - "blue": 209, - "green": 193, - "hex": "5ec1d1", - "hsl": Array [ - 188, - 56, - 59, - ], - "id": "primary800", - "name": "viking", - "red": 94, - "rgb": Array [ - 94, - 193, - 209, - ], - "rgba": Array [ - 94, - 193, - 209, - 1, - ], - "token": "color", - "variant": 800, - }, - Object { - "alpha": 1, - "blue": 214, - "green": 200, - "hex": "77c8d6", - "hsl": Array [ - 189, - 54, - 65, - ], - "id": "primary700", - "name": "viking", - "red": 119, - "rgb": Array [ - 119, - 200, - 214, - ], - "rgba": Array [ - 119, - 200, - 214, - 1, - ], - "token": "color", - "variant": 700, - }, - Object { - "alpha": 1, - "blue": 219, - "green": 207, - "hex": "8dcfdb", - "hsl": Array [ - 189, - 52, - 71, - ], - "id": "primary600", - "name": "halfBaked", - "red": 141, - "rgb": Array [ - 141, - 207, - 219, - ], - "rgba": Array [ - 141, - 207, - 219, - 1, - ], - "token": "color", - "variant": 600, - }, Object { - "alpha": 1, - "blue": 224, - "green": 214, - "hex": "a0d6e0", - "hsl": Array [ - 189, - 51, - 75, - ], - "id": "primary500", - "name": "powderBlue", - "red": 160, - "rgb": Array [ - 160, - 214, - 224, - ], - "rgba": Array [ - 160, - 214, - 224, - 1, + "gradient": Object { + "from": Array [ + 0.5, + 1, + ], + "name": "norwayGradient", + "stops": Array [ + Object { + "color": Object { + "alpha": 1, + "blue": 144, + "green": 182, + "hex": "97b690", + "hsl": Array [ + 109, + 21, + 64, + ], + "name": "norway", + "red": 151, + "rgb": Array [ + 151, + 182, + 144, + ], + "rgba": Array [ + 151, + 182, + 144, + 1, + ], + "token": "color", + }, + "position": 0, + }, + Object { + "color": Object { + "alpha": 1, + "blue": 88, + "green": 145, + "hex": "559158", + "hsl": Array [ + 123, + 26, + 45, + ], + "name": "hippieGreen", + "red": 85, + "rgb": Array [ + 85, + 145, + 88, + ], + "rgba": Array [ + 85, + 145, + 88, + 1, + ], + "token": "color", + }, + "position": 0.5038507579143953, + }, + Object { + "color": Object { + "alpha": 1, + "blue": 62, + "green": 125, + "hex": "227d3e", + "hsl": Array [ + 138, + 57, + 31, + ], + "name": "salem", + "red": 34, + "rgb": Array [ + 34, + 125, + 62, + ], + "rgba": Array [ + 34, + 125, + 62, + 1, + ], + "token": "color", + }, + "position": 1, + }, + ], + "to": Array [ + 0.4999999999999999, + 3.0616169978683836e-17, + ], + "token": "gradient", + "type": "LINEAR", + }, + "id": "gradientWithCorners", + "radius": Array [ + 8, + 12.5, + 12.5, + 12.5, ], - "token": "color", - "variant": 500, + "token": "border", + "type": "OUTSIDE", + "width": 1, }, Object { - "alpha": 1, - "blue": 230, - "green": 221, - "hex": "b3dde6", - "hsl": Array [ - 191, - 50, - 80, - ], - "id": "primary400", - "name": "powderBlue", - "red": 179, - "rgb": Array [ - 179, - 221, - 230, - ], - "rgba": Array [ - 179, - 221, - 230, - 1, - ], - "token": "color", - "variant": 400, + "color": Object { + "alpha": 1, + "blue": 150, + "green": 150, + "hex": "ff9696", + "hsl": Array [ + 0, + 100, + 79, + ], + "name": "geraldine", + "red": 255, + "rgb": Array [ + 255, + 150, + 150, + ], + "rgba": Array [ + 255, + 150, + 150, + 1, + ], + "token": "color", + }, + "id": "center", + "radius": 0, + "token": "border", + "type": "CENTER", + "width": 1, }, + ], + "colors": Array [ Object { "alpha": 1, - "blue": 240, - "green": 235, - "hex": "d4ebf0", + "blue": 159, + "green": 6, + "hex": "10069f", "hsl": Array [ - 191, - 48, - 89, + 244, + 93, + 32, ], - "id": "primary300", - "name": "pattensBlue", - "red": 212, + "name": "darkBlue", + "red": 16, "rgb": Array [ - 212, - 235, - 240, + 16, + 6, + 159, ], "rgba": Array [ - 212, - 235, - 240, + 16, + 6, + 159, 1, ], "token": "color", - "variant": 300, }, Object { "alpha": 1, - "blue": 250, - "green": 243, - "hex": "e5f3fa", + "blue": 80, + "green": 0, + "hex": "e50050", "hsl": Array [ - 200, - 68, - 94, + 339, + 100, + 45, ], - "id": "primary200", - "name": "solitude", + "name": "hotRed", "red": 229, "rgb": Array [ 229, - 243, - 250, + 0, + 80, ], "rgba": Array [ 229, - 243, - 250, - 1, - ], - "token": "color", - "variant": 200, - }, - Object { - "alpha": 1, - "blue": 253, - "green": 249, - "hex": "f2f9fd", - "hsl": Array [ - 202, - 73, - 97, - ], - "id": "primary100", - "name": "aliceBlue", - "red": 242, - "rgb": Array [ - 242, - 249, - 253, - ], - "rgba": Array [ - 242, - 249, - 253, + 0, + 80, 1, ], "token": "color", - "variant": 100, }, Object { "alpha": 1, - "blue": 62, - "green": 125, - "hex": "227d3e", + "blue": 78, + "green": 190, + "hex": "2cbe4e", "hsl": Array [ - 138, - 57, - 31, + 134, + 62, + 46, ], - "id": "secondary900", - "name": "salem", - "red": 34, + "name": "jungleGreen", + "red": 44, "rgb": Array [ - 34, - 125, - 62, + 44, + 190, + 78, ], "rgba": Array [ - 34, - 125, - 62, + 44, + 190, + 78, 1, ], "token": "color", - "variant": 900, }, Object { "alpha": 1, - "blue": 94, - "green": 94, - "hex": "f55e5e", + "blue": 0, + "green": 0, + "hex": "000000", "hsl": Array [ 0, - 88, - 66, + 0, + 0, ], - "id": "red", - "name": "carnation", - "red": 245, + "name": "ashDark", + "red": 0, "rgb": Array [ - 245, - 94, - 94, + 0, + 0, + 0, ], "rgba": Array [ - 245, - 94, - 94, + 0, + 0, + 0, 1, ], "token": "color", - "variant": null, }, Object { "alpha": 1, - "blue": 74, - "green": 135, - "hex": "3e874a", + "blue": 186, + "green": 210, + "hex": "c0d2ba", "hsl": Array [ - 130, - 37, - 39, + 105, + 21, + 78, ], - "id": "secondary800", - "name": "seaGreen", - "red": 62, + "name": "paleLeaf", + "red": 192, "rgb": Array [ - 62, - 135, - 74, + 192, + 210, + 186, ], "rgba": Array [ - 62, - 135, - 74, + 192, + 210, + 186, 1, ], "token": "color", - "variant": 800, + }, + ], + "fileType": "SKETCH", + "fonts": Array [ + "FiraSans-Bold", + "Helvetica-Bold", + "FiraSans-Regular", + "FiraSans-Book", + ], + "gradients": Array [ + Object { + "from": Array [ + 0.5, + 1, + ], + "name": "norwayGradient", + "stops": Array [ + Object { + "color": Object { + "alpha": 1, + "blue": 144, + "green": 182, + "hex": "97b690", + "hsl": Array [ + 109, + 21, + 64, + ], + "name": "norway", + "red": 151, + "rgb": Array [ + 151, + 182, + 144, + ], + "rgba": Array [ + 151, + 182, + 144, + 1, + ], + "token": "color", + }, + "position": 0, + }, + Object { + "color": Object { + "alpha": 1, + "blue": 88, + "green": 145, + "hex": "559158", + "hsl": Array [ + 123, + 26, + 45, + ], + "name": "hippieGreen", + "red": 85, + "rgb": Array [ + 85, + 145, + 88, + ], + "rgba": Array [ + 85, + 145, + 88, + 1, + ], + "token": "color", + }, + "position": 0.5038507579143953, + }, + Object { + "color": Object { + "alpha": 1, + "blue": 62, + "green": 125, + "hex": "227d3e", + "hsl": Array [ + 138, + 57, + 31, + ], + "name": "salem", + "red": 34, + "rgb": Array [ + 34, + 125, + 62, + ], + "rgba": Array [ + 34, + 125, + 62, + 1, + ], + "token": "color", + }, + "position": 1, + }, + ], + "to": Array [ + 0.4999999999999999, + 3.0616169978683836e-17, + ], + "token": "gradient", + "type": "LINEAR", + }, + ], + "shadows": Array [ + Object { + "blur": 3, + "color": Object { + "alpha": 0.5, + "blue": 0, + "green": 0, + "hex": "000000", + "hsl": Array [ + 0, + 0, + 0, + ], + "name": "black", + "red": 0, + "rgb": Array [ + 0, + 0, + 0, + ], + "rgba": Array [ + 0, + 0, + 0, + 0.5, + ], + "token": "color", + }, + "id": "simple", + "spread": 0, + "token": "shadow", + "type": "inner-shadow", + "x": 0, + "y": 1, + }, + Object { + "blur": 4, + "color": Object { + "alpha": 0.5, + "blue": 0, + "green": 0, + "hex": "000000", + "hsl": Array [ + 0, + 0, + 0, + ], + "name": "black", + "red": 0, + "rgb": Array [ + 0, + 0, + 0, + ], + "rgba": Array [ + 0, + 0, + 0, + 0.5, + ], + "token": "color", + }, + "id": "simple", + "spread": 0, + "token": "shadow", + "type": "drop-shadow", + "x": 0, + "y": 2, + }, + ], + "sketchVersion": "56", + "textStyles": Array [ + Object { + "borderBottom": null, + "family": "FiraSans-Bold", + "id": "heading1", + "kerning": null, + "lineHeight": 57.6, + "paragraphSpacing": 0, + "size": 48, + "token": "text-style", + "weight": "bold", }, Object { - "alpha": 1, - "blue": 88, - "green": 145, - "hex": "559158", - "hsl": Array [ - 123, - 26, - 45, - ], - "id": "secondary700", - "name": "hippieGreen", - "red": 85, - "rgb": Array [ - 85, - 145, - 88, - ], - "rgba": Array [ - 85, - 145, - 88, - 1, - ], - "token": "color", - "variant": 700, + "borderBottom": null, + "family": "FiraSans-Regular", + "id": "heading2", + "kerning": null, + "lineHeight": 43.2, + "paragraphSpacing": 0, + "size": 36, + "token": "text-style", + "weight": "regular", }, Object { - "alpha": 1, - "blue": 106, - "green": 157, - "hex": "6b9d6a", - "hsl": Array [ - 119, - 21, - 52, + "borderBottom": null, + "family": "FiraSans-Book", + "id": "paragraph", + "kerning": null, + "lineHeight": 21.6, + "paragraphSpacing": 0, + "size": 18, + "token": "text-style", + "weight": "book", + }, + Object { + "borderBottom": null, + "family": "Helvetica-Bold", + "id": "quote", + "kerning": 0.6, + "lineHeight": 16.8, + "paragraphSpacing": 0, + "size": 14, + "token": "text-style", + "weight": "bold", + }, + ], +} +`; + +exports[`Verify that the mocks are unchanged for Sketch -> Raw dump 1`] = ` +Object { + "document": Object { + "_class": "document", + "assets": Object { + "_class": "assetCollection", + "colorAssets": Array [ + Object { + "_class": "MSImmutableColorAsset", + "color": Object { + "_class": "color", + "alpha": 1, + "blue": 0.6235294117647059, + "green": 0.02352941176470588, + "red": 0.06274509803921553, + }, + "name": "darkBlue", + }, + Object { + "_class": "MSImmutableColorAsset", + "color": Object { + "_class": "color", + "alpha": 1, + "blue": 0.3137254901960784, + "green": 0, + "red": 0.8980392156862745, + }, + "name": "hotRed", + }, + Object { + "_class": "MSImmutableColorAsset", + "color": Object { + "_class": "color", + "alpha": 1, + "blue": 0.3058823529411765, + "green": 0.7450980392156863, + "red": 0.1725490196078432, + }, + "name": "jungleGreen", + }, + Object { + "_class": "MSImmutableColorAsset", + "color": Object { + "_class": "color", + "alpha": 1, + "blue": 0, + "green": 0, + "red": 0, + }, + "name": "ashDark", + }, + Object { + "_class": "MSImmutableColorAsset", + "color": Object { + "_class": "color", + "alpha": 1, + "blue": 0.7294117647058823, + "green": 0.8235294117647058, + "red": 0.7529411764705882, + }, + }, ], - "id": "secondary600", - "name": "aquaForest", - "red": 107, - "rgb": Array [ - 107, - 157, - 106, + "colors": Array [ + Object { + "_class": "color", + "alpha": 1, + "blue": 0.6235294117647059, + "green": 0.02352941176470588, + "red": 0.06274509803921553, + }, + Object { + "_class": "color", + "alpha": 1, + "blue": 0.3137254901960784, + "green": 0, + "red": 0.8980392156862745, + }, + Object { + "_class": "color", + "alpha": 1, + "blue": 0.3058823529411765, + "green": 0.7450980392156863, + "red": 0.1725490196078432, + }, + Object { + "_class": "color", + "alpha": 1, + "blue": 0, + "green": 0, + "red": 0, + }, + Object { + "_class": "color", + "alpha": 1, + "blue": 0.7294117647058823, + "green": 0.8235294117647058, + "red": 0.7529411764705882, + }, ], - "rgba": Array [ - 107, - 157, - 106, - 1, + "gradientAssets": Array [ + Object { + "_class": "MSImmutableGradientAsset", + "gradient": Object { + "_class": "gradient", + "elipseLength": 1, + "from": "{0.5, 1}", + "gradientType": 0, + "stops": Array [ + Object { + "_class": "gradientStop", + "color": Object { + "_class": "color", + "alpha": 1, + "blue": 0.5647058823529412, + "green": 0.7137254901960784, + "red": 0.592156862745098, + }, + "position": 0, + }, + Object { + "_class": "gradientStop", + "color": Object { + "_class": "color", + "alpha": 1, + "blue": 0.3450980392156862, + "green": 0.5686274509803921, + "red": 0.3333333333333334, + }, + "position": 0.5038507579143953, + }, + Object { + "_class": "gradientStop", + "color": Object { + "_class": "color", + "alpha": 1, + "blue": 0.2431372549019607, + "green": 0.4901960784313725, + "red": 0.1333333333333333, + }, + "position": 1, + }, + ], + "to": "{0.49999999999999989, 3.0616169978683836e-17}", + }, + "name": "swampy", + }, + ], + "gradients": Array [ + Object { + "_class": "gradient", + "elipseLength": 1, + "from": "{0.5, 1}", + "gradientType": 0, + "stops": Array [ + Object { + "_class": "gradientStop", + "color": Object { + "_class": "color", + "alpha": 1, + "blue": 0.5647058823529412, + "green": 0.7137254901960784, + "red": 0.592156862745098, + }, + "position": 0, + }, + Object { + "_class": "gradientStop", + "color": Object { + "_class": "color", + "alpha": 1, + "blue": 0.3450980392156862, + "green": 0.5686274509803921, + "red": 0.3333333333333334, + }, + "position": 0.5038507579143953, + }, + Object { + "_class": "gradientStop", + "color": Object { + "_class": "color", + "alpha": 1, + "blue": 0.2431372549019607, + "green": 0.4901960784313725, + "red": 0.1333333333333333, + }, + "position": 1, + }, + ], + "to": "{0.49999999999999989, 3.0616169978683836e-17}", + }, ], - "token": "color", - "variant": 600, + "imageCollection": Object { + "_class": "imageCollection", + "images": Object {}, + }, + "images": Array [], }, - Object { - "alpha": 1, - "blue": 124, - "green": 169, - "hex": "81a97c", - "hsl": Array [ - 113, - 21, - 57, - ], - "id": "secondary500", - "name": "amulet", - "red": 129, - "rgb": Array [ - 129, - 169, - 124, - ], - "rgba": Array [ - 129, - 169, - 124, - 1, - ], - "token": "color", - "variant": 500, + "colorSpace": 0, + "currentPageIndex": 0, + "do_objectID": "0164F09E-0046-4D52-942F-F3EE4895443C", + "foreignLayerStyles": Array [], + "foreignSymbols": Array [], + "foreignTextStyles": Array [], + "layerStyles": Object { + "_class": "sharedStyleContainer", + "objects": Array [], }, - Object { - "alpha": 1, - "blue": 144, - "green": 182, - "hex": "97b690", - "hsl": Array [ - 109, - 21, - 64, - ], - "id": "secondary400", - "name": "norway", - "red": 151, - "rgb": Array [ - 151, - 182, - 144, - ], - "rgba": Array [ - 151, - 182, - 144, - 1, - ], - "token": "color", - "variant": 400, + "layerSymbols": Object { + "_class": "symbolContainer", + "objects": Array [], }, - Object { - "alpha": 1, - "blue": 186, - "green": 210, - "hex": "c0d2ba", - "hsl": Array [ - 105, - 21, - 78, - ], - "id": "secondary300", - "name": "paleLeaf", - "red": 192, - "rgb": Array [ - 192, - 210, - 186, - ], - "rgba": Array [ - 192, - 210, - 186, - 1, + "layerTextStyles": Object { + "_class": "sharedTextStyleContainer", + "objects": Array [ + Object { + "_class": "sharedStyle", + "do_objectID": "AE67B98F-F8FC-4899-BCE1-A1766049BD9C", + "name": "Heading 1", + "value": Object { + "_class": "style", + "endMarkerType": 0, + "miterLimit": 10, + "startMarkerType": 0, + "textStyle": Object { + "_class": "textStyle", + "encodedAttributes": Object { + "MSAttributedStringColorAttribute": Object { + "_class": "color", + "alpha": 1, + "blue": 0.6235294117647059, + "green": 0.02352941176470588, + "red": 0.06274509803921553, + }, + "MSAttributedStringFontAttribute": Object { + "_class": "fontDescriptor", + "attributes": Object { + "name": "FiraSans-Bold", + "size": 48, + }, + }, + "paragraphStyle": Object { + "_class": "paragraphStyle", + "maximumLineHeight": 57.59999847412109, + "minimumLineHeight": 57.59999847412109, + }, + "textStyleVerticalAlignmentKey": 0, + }, + "verticalAlignment": 0, + }, + "windingRule": 1, + }, + }, + Object { + "_class": "sharedStyle", + "do_objectID": "D52C375A-E594-4F72-BE07-AA91CD1772DA", + "name": "Heading 2", + "value": Object { + "_class": "style", + "endMarkerType": 0, + "miterLimit": 10, + "startMarkerType": 0, + "textStyle": Object { + "_class": "textStyle", + "encodedAttributes": Object { + "MSAttributedStringColorAttribute": Object { + "_class": "color", + "alpha": 1, + "blue": 0.6235294117647059, + "green": 0.02352941176470588, + "red": 0.06274509803921553, + }, + "MSAttributedStringFontAttribute": Object { + "_class": "fontDescriptor", + "attributes": Object { + "name": "FiraSans-Regular", + "size": 36, + }, + }, + "paragraphStyle": Object { + "_class": "paragraphStyle", + }, + "textStyleVerticalAlignmentKey": 0, + }, + "verticalAlignment": 0, + }, + "windingRule": 1, + }, + }, + Object { + "_class": "sharedStyle", + "do_objectID": "FEF84709-9700-4E73-88BF-4953F0A3D36F", + "name": "Paragraph", + "value": Object { + "_class": "style", + "endMarkerType": 0, + "miterLimit": 10, + "startMarkerType": 0, + "textStyle": Object { + "_class": "textStyle", + "encodedAttributes": Object { + "MSAttributedStringColorAttribute": Object { + "_class": "color", + "alpha": 1, + "blue": 0, + "green": 0, + "red": 0, + }, + "MSAttributedStringFontAttribute": Object { + "_class": "fontDescriptor", + "attributes": Object { + "name": "FiraSans-Book", + "size": 18, + }, + }, + "paragraphStyle": Object { + "_class": "paragraphStyle", + }, + "textStyleVerticalAlignmentKey": 0, + }, + "verticalAlignment": 0, + }, + "windingRule": 1, + }, + }, + Object { + "_class": "sharedStyle", + "do_objectID": "5BDEB3A7-2D72-47B3-98E1-63F84C614891", + "name": "Quote", + "value": Object { + "_class": "style", + "endMarkerType": 0, + "miterLimit": 10, + "startMarkerType": 0, + "textStyle": Object { + "_class": "textStyle", + "encodedAttributes": Object { + "MSAttributedStringColorAttribute": Object { + "_class": "color", + "alpha": 1, + "blue": 0.7300158514492754, + "green": 0.7300158514492754, + "red": 0.7300158514492754, + }, + "MSAttributedStringFontAttribute": Object { + "_class": "fontDescriptor", + "attributes": Object { + "name": "Helvetica-Bold", + "size": 14, + }, + }, + "kerning": 0.6000000238418579, + "paragraphStyle": Object { + "_class": "paragraphStyle", + }, + "textStyleVerticalAlignmentKey": 0, + }, + "verticalAlignment": 0, + }, + "windingRule": 1, + }, + }, ], - "token": "color", - "variant": 300, }, - Object { - "alpha": 1, - "blue": 208, - "green": 224, - "hex": "d4e0d0", - "hsl": Array [ - 105, - 21, - 85, - ], - "id": "secondary200", - "name": "tasman", - "red": 212, - "rgb": Array [ - 212, - 224, - 208, - ], - "rgba": Array [ - 212, - 224, - 208, - 1, - ], - "token": "color", - "variant": 200, + "pages": Array [ + Object { + "_class": "MSJSONFileReference", + "_ref": "pages/3887CAEA-110F-415F-8010-F3C825F27590", + "_ref_class": "MSImmutablePage", + }, + ], + "userInfo": Object { + "hubble-sketch-plugin": Object { + "hubble-project-id": "\\"hubble-project\\"", + }, }, - Object { - "alpha": 1, - "blue": 231, - "green": 239, - "hex": "e9efe7", - "hsl": Array [ - 105, - 20, - 92, - ], - "id": "secondary100", - "name": "grayNurse", - "red": 233, - "rgb": Array [ - 233, - 239, - 231, - ], - "rgba": Array [ - 233, - 239, - 231, - 1, - ], - "token": "color", - "variant": 100, + }, + "meta": Object { + "app": "com.bohemiancoding.sketch3", + "appVersion": "56", + "autosaved": 0, + "build": 81588, + "commit": "94ebe602aa7fa84925f70c61c02bd9c2e976f176", + "compatibilityVersion": 99, + "created": Object { + "app": "com.bohemiancoding.sketch3", + "appVersion": "56", + "build": 81588, + "commit": "94ebe602aa7fa84925f70c61c02bd9c2e976f176", + "compatibilityVersion": 99, + "variant": "NONAPPSTORE", + "version": 119, }, - ], - "fonts": Array [ - "FiraSans-Bold", - "Helvetica-Bold", - "FiraSans-Regular", - "FiraSans-Book", - ], - "gradients": Array [ - Object { - "from": Array [ - 0.5, - 1, - ], - "id": "linear", - "stops": Array [ + "fonts": Array [ + "FiraSans-Bold", + "Helvetica-Bold", + "FiraSans-Regular", + "FiraSans-Book", + ], + "pagesAndArtboards": Object { + "3887CAEA-110F-415F-8010-F3C825F27590": Object { + "artboards": Object { + "0DAFE776-EE80-4B21-B0A1-1184FFC8C9FE": Object { + "name": "primitives/gradient/linear", + }, + "209B4D89-0A7B-49FA-9F1A-1327D8847BD7": Object { + "name": "primitives/color/primary/200", + }, + "236882BC-6296-4136-8E62-D9C375F1C8A6": Object { + "name": "primitives/color/primary/100", + }, + "282ABCA3-4AF1-446C-8071-D22CC478A2F9": Object { + "name": "icons/hubble/plain", + }, + "2A91FC83-C952-4FA9-9AB7-3B847F23A2CB": Object { + "name": "textstyle/quote", + }, + "317631A9-D13A-4970-A1D0-ECDBDA67A42D": Object { + "name": "textstyle/paragraph", + }, + "36107A8A-014B-4AF9-AFC4-A372903B5155": Object { + "name": "primitives/color/red", + }, + "39FA99D3-F37F-4F0A-80D2-7D6964268931": Object { + "name": "illustrations/hubble/telescope", + }, + "3CA8B6DB-E34A-4F1C-B420-798F9BF702D1": Object { + "name": "primitives/inner-shadow/simple", + }, + "44089DEB-F137-4D77-AC67-385A284A8716": Object { + "name": "primitives/color/secondary/100", + }, + "46B85BC1-A746-436F-A660-7A3183C21D8E": Object { + "name": "primitives/color/secondary/400", + }, + "46F335CE-30A0-4925-B587-F5BA1D324C5E": Object { + "name": "primitives/color/secondary/700", + }, + "48197F20-854E-47A8-AA86-E3CB5657AC15": Object { + "name": "primitives/color/primary/400", + }, + "5C5299C1-75CB-42A5-ADF2-4CD8A4C259A8": Object { + "name": "primitives/color/primary/500", + }, + "674B5B2C-E545-493B-B3AD-2B6495E87E53": Object { + "name": "primitives/color/secondary/600", + }, + "6AE4CFC3-4143-4B35-9361-84A6619528A9": Object { + "name": "primitives/border/gradient-with-corners", + }, + "767651C1-DEEB-4D60-A295-685C9CB0A977": Object { + "name": "primitives/color/secondary/500", + }, + "78EED8DF-E23A-40C7-B916-FB8D70BDDDD1": Object { + "name": "primitives/border/inside", + }, + "80E137BB-C2C2-48E5-8DD3-05FD005FDC6A": Object { + "name": "primitives/color/secondary/300", + }, + "82EFA1FE-7BA8-4C82-AC70-1903A67AD3C6": Object { + "name": "primitives/color/primary/900", + }, + "8317C424-64FA-4C48-9E89-29DF31564F0B": Object { + "name": "textstyle/heading2", + }, + "83CB7245-64A8-4D1D-A91D-7BED3E8E536F": Object { + "name": "primitives/gradient/angular", + }, + "8422E041-BDFE-470C-AB7B-C5AE59F9D6F4": Object { + "name": "primitives/color/primary/600", + }, + "91EFDD20-A70A-4708-84A2-20F67BB6E80A": Object { + "name": "primitives/color/primary/300", + }, + "947DD40A-6C91-4E6A-980B-194031B82939": Object { + "name": "primitives/blur/motion", + }, + "ABA3D887-846B-471F-9FD2-3D24D545568F": Object { + "name": "primitives/blur/zoom", + }, + "B108EDF7-3A0F-4115-A60F-840047FBB34C": Object { + "name": "primitives/color/primary/800", + }, + "BB725F66-962D-4674-8835-19A19EA41CA1": Object { + "name": "primitives/color/secondary/800", + }, + "C43D3A12-E181-4E63-B45A-4B6EF1BAE7EE": Object { + "name": "primitives/color/secondary/900", + }, + "C88996D5-D133-4F93-B701-1BD926488842": Object { + "name": "primitives/drop-shadow/simple", + }, + "CB6340A7-7A9B-4B4B-BE91-E9488AEA7893": Object { + "name": "textstyle/heading1", + }, + "D9767214-B1DA-4088-91A8-219C3261D917": Object { + "name": "primitives/blur/background", + }, + "E17C144B-6CC5-42A1-93BC-40CFC5BF78AD": Object { + "name": "primitives/border/outside", + }, + "E1B2AFC3-91FE-41D7-AB56-BCC34278AAA9": Object { + "name": "primitives/color/primary/700", + }, + "ED1047C4-05E4-45F9-95FB-E3B5B58E8174": Object { + "name": "primitives/blur/gaussian", + }, + "EE3107E2-F1F3-47F9-B2C7-6ED1F7363299": Object { + "name": "primitives/color/secondary/200", + }, + "F32C4D04-3727-4622-98D0-1F5ABB8AFA89": Object { + "name": "primitives/border/center", + }, + "F3A48001-231D-4273-A7AD-3C4B596A535A": Object { + "name": "config/projectid", + }, + "F9C9C2C5-925B-41CC-B221-A681D3B0467B": Object { + "name": "primitives/gradient/radial", + }, + }, + "name": "primitives", + }, + }, + "saveHistory": Array [ + "NONAPPSTORE.81588", + ], + "variant": "NONAPPSTORE", + "version": 119, + }, + "pages": Object { + "3887CAEA-110F-415F-8010-F3C825F27590": Object { + "_class": "page", + "booleanOperation": -1, + "clippingMaskMode": 0, + "do_objectID": "3887CAEA-110F-415F-8010-F3C825F27590", + "exportOptions": Object { + "_class": "exportOptions", + "exportFormats": Array [], + "includedLayerIds": Array [], + "layerOptions": 0, + "shouldTrim": false, + }, + "frame": Object { + "_class": "rect", + "constrainProportions": false, + "height": 0, + "width": 0, + "x": 0, + "y": 0, + }, + "groupLayout": Object { + "_class": "MSImmutableFreeformGroupLayout", + }, + "hasClickThrough": true, + "hasClippingMask": false, + "horizontalRulerData": Object { + "_class": "rulerData", + "base": 0, + "guides": Array [], + }, + "includeInCloudUpload": true, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 0, + "layers": Array [ + Object { + "_class": "artboard", + "backgroundColor": Object { + "_class": "color", + "alpha": 1, + "blue": 1, + "green": 1, + "red": 1, + }, + "booleanOperation": -1, + "clippingMaskMode": 0, + "do_objectID": "317631A9-D13A-4970-A1D0-ECDBDA67A42D", + "exportOptions": Object { + "_class": "exportOptions", + "exportFormats": Array [], + "includedLayerIds": Array [], + "layerOptions": 0, + "shouldTrim": false, + }, + "frame": Object { + "_class": "rect", + "constrainProportions": false, + "height": 18, + "width": 81, + "x": 759, + "y": 532, + }, + "groupLayout": Object { + "_class": "MSImmutableFreeformGroupLayout", + }, + "hasBackgroundColor": false, + "hasClickThrough": true, + "hasClippingMask": false, + "horizontalRulerData": Object { + "_class": "rulerData", + "base": 0, + "guides": Array [], + }, + "includeBackgroundColorInExport": true, + "includeInCloudUpload": true, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isFlowHome": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 0, + "layers": Array [ + Object { + "_class": "text", + "attributedString": Object { + "_class": "attributedString", + "attributes": Array [ + Object { + "_class": "stringAttribute", + "attributes": Object { + "MSAttributedStringColorAttribute": Object { + "_class": "color", + "alpha": 1, + "blue": 0, + "green": 0, + "red": 0, + }, + "MSAttributedStringFontAttribute": Object { + "_class": "fontDescriptor", + "attributes": Object { + "name": "FiraSans-Book", + "size": 18, + }, + }, + "paragraphStyle": Object { + "_class": "paragraphStyle", + }, + "textStyleVerticalAlignmentKey": 0, + }, + "length": 9, + "location": 0, + }, + ], + "string": "Paragraph", + }, + "automaticallyDrawOnUnderlyingPath": false, + "booleanOperation": -1, + "clippingMaskMode": 0, + "do_objectID": "44DEAE0E-141D-4E5D-B758-CB2B3DF6B3FC", + "dontSynchroniseWithSymbol": false, + "exportOptions": Object { + "_class": "exportOptions", + "do_objectID": "AA0DD762-AF96-4952-8884-94BE19BFD420", + "exportFormats": Array [], + "includedLayerIds": Array [], + "layerOptions": 0, + "shouldTrim": false, + }, + "frame": Object { + "_class": "rect", + "constrainProportions": false, + "do_objectID": "6189A98B-762C-4F33-BEE7-4D8AD5D0F9AA", + "height": 22, + "width": 115, + "x": -1, + "y": -3, + }, + "glyphBounds": "{{1, 3}, {81, 18}}", + "hasClippingMask": false, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 0, + "lineSpacingBehaviour": 2, + "name": "Paragraph", + "nameIsFixed": false, + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "sharedStyleID": "FEF84709-9700-4E73-88BF-4953F0A3D36F", + "shouldBreakMaskChain": false, + "style": Object { + "_class": "style", + "do_objectID": "891CED1B-5C83-4CEF-9835-C3A1DEB80269", + "endMarkerType": 0, + "miterLimit": 10, + "startMarkerType": 0, + "textStyle": Object { + "_class": "textStyle", + "encodedAttributes": Object { + "MSAttributedStringColorAttribute": Object { + "_class": "color", + "alpha": 1, + "blue": 0, + "green": 0, + "red": 0, + }, + "MSAttributedStringFontAttribute": Object { + "_class": "fontDescriptor", + "attributes": Object { + "name": "FiraSans-Book", + "size": 18, + }, + }, + "paragraphStyle": Object { + "_class": "paragraphStyle", + }, + "textStyleVerticalAlignmentKey": 0, + }, + "verticalAlignment": 0, + }, + "windingRule": 1, + }, + "textBehaviour": 1, + }, + ], + "name": "textstyle/paragraph", + "nameIsFixed": true, + "resizesContent": false, + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": true, + "style": Object { + "_class": "style", + "endMarkerType": 0, + "miterLimit": 10, + "startMarkerType": 0, + "windingRule": 1, + }, + "verticalRulerData": Object { + "_class": "rulerData", + "base": 0, + "guides": Array [], + }, + }, + Object { + "_class": "artboard", + "backgroundColor": Object { + "_class": "color", + "alpha": 1, + "blue": 1, + "do_objectID": "CD6F807F-FA5B-4467-868D-8E4EEDABCB6F", + "green": 1, + "red": 1, + }, + "booleanOperation": -1, + "clippingMaskMode": 0, + "do_objectID": "2A91FC83-C952-4FA9-9AB7-3B847F23A2CB", + "exportOptions": Object { + "_class": "exportOptions", + "do_objectID": "F4FEFF05-F822-4E24-88AD-11E730CB1125", + "exportFormats": Array [], + "includedLayerIds": Array [], + "layerOptions": 0, + "shouldTrim": false, + }, + "frame": Object { + "_class": "rect", + "constrainProportions": false, + "do_objectID": "51C923DE-D7EF-49C6-9208-CB90B0ADDD66", + "height": 12, + "width": 43, + "x": 758, + "y": 565, + }, + "groupLayout": Object { + "_class": "MSImmutableFreeformGroupLayout", + "do_objectID": "F7A378A7-6FD3-4F4D-A973-001889C51BBE", + }, + "hasBackgroundColor": false, + "hasClickThrough": false, + "hasClippingMask": false, + "horizontalRulerData": Object { + "_class": "rulerData", + "base": 0, + "do_objectID": "C7B9EAF6-4D0E-4023-9130-79540D1B407A", + "guides": Array [], + }, + "includeBackgroundColorInExport": true, + "includeInCloudUpload": true, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isFlowHome": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 0, + "layers": Array [ + Object { + "_class": "text", + "attributedString": Object { + "_class": "attributedString", + "attributes": Array [ + Object { + "_class": "stringAttribute", + "attributes": Object { + "MSAttributedStringColorAttribute": Object { + "_class": "color", + "alpha": 1, + "blue": 0.7300158514492754, + "green": 0.7300158514492754, + "red": 0.7300158514492754, + }, + "MSAttributedStringFontAttribute": Object { + "_class": "fontDescriptor", + "attributes": Object { + "name": "Helvetica-Bold", + "size": 14, + }, + }, + "kerning": 0.6000000238418579, + "paragraphStyle": Object { + "_class": "paragraphStyle", + }, + "textStyleVerticalAlignmentKey": 0, + }, + "length": 4, + "location": 0, + }, + Object { + "_class": "stringAttribute", + "attributes": Object { + "MSAttributedStringColorAttribute": Object { + "_class": "color", + "alpha": 1, + "blue": 0.7300158514492754, + "green": 0.7300158514492754, + "red": 0.7300158514492754, + }, + "MSAttributedStringFontAttribute": Object { + "_class": "fontDescriptor", + "attributes": Object { + "name": "Helvetica-Bold", + "size": 14, + }, + }, + "kerning": 0, + "paragraphStyle": Object { + "_class": "paragraphStyle", + }, + "textStyleVerticalAlignmentKey": 0, + }, + "length": 1, + "location": 4, + }, + ], + "string": "Quote", + }, + "automaticallyDrawOnUnderlyingPath": false, + "booleanOperation": -1, + "clippingMaskMode": 0, + "do_objectID": "4468ABF8-2F2B-444C-91D6-14C18C4520C6", + "dontSynchroniseWithSymbol": false, + "exportOptions": Object { + "_class": "exportOptions", + "do_objectID": "E55B6ED9-1524-4F52-BE1C-616C660CE6FF", + "exportFormats": Array [], + "includedLayerIds": Array [], + "layerOptions": 0, + "shouldTrim": false, + }, + "frame": Object { + "_class": "rect", + "constrainProportions": false, + "do_objectID": "CE3E5784-2A6E-4B9B-9F3B-88E09E50ED50", + "height": 17, + "width": 69, + "x": 0, + "y": -3, + }, + "glyphBounds": "{{0, 3}, {43, 12}}", + "hasClippingMask": false, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 0, + "lineSpacingBehaviour": 2, + "name": "Quote", + "nameIsFixed": false, + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "sharedStyleID": "5BDEB3A7-2D72-47B3-98E1-63F84C614891", + "shouldBreakMaskChain": false, + "style": Object { + "_class": "style", + "do_objectID": "AA7FFA64-0967-4B71-AAD2-669947C071A8", + "endMarkerType": 0, + "miterLimit": 10, + "startMarkerType": 0, + "textStyle": Object { + "_class": "textStyle", + "encodedAttributes": Object { + "MSAttributedStringColorAttribute": Object { + "_class": "color", + "alpha": 1, + "blue": 0.7300158514492754, + "green": 0.7300158514492754, + "red": 0.7300158514492754, + }, + "MSAttributedStringFontAttribute": Object { + "_class": "fontDescriptor", + "attributes": Object { + "name": "Helvetica-Bold", + "size": 14, + }, + }, + "kerning": 0.6000000238418579, + "paragraphStyle": Object { + "_class": "paragraphStyle", + }, + "textStyleVerticalAlignmentKey": 0, + }, + "verticalAlignment": 0, + }, + "windingRule": 1, + }, + "textBehaviour": 1, + }, + ], + "name": "textstyle/quote", + "nameIsFixed": true, + "resizesContent": false, + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": true, + "style": Object { + "_class": "style", + "do_objectID": "DB62187D-C4BD-4260-BB66-59DEFAF9AF0E", + "endMarkerType": 0, + "miterLimit": 10, + "startMarkerType": 0, + "windingRule": 1, + }, + "verticalRulerData": Object { + "_class": "rulerData", + "base": 0, + "do_objectID": "3FBAA4E9-89D9-42B8-863E-A94E43A2D6A7", + "guides": Array [], + }, + }, + Object { + "_class": "artboard", + "backgroundColor": Object { + "_class": "color", + "alpha": 1, + "blue": 1, + "green": 1, + "red": 1, + }, + "booleanOperation": -1, + "clippingMaskMode": 0, + "do_objectID": "8317C424-64FA-4C48-9E89-29DF31564F0B", + "exportOptions": Object { + "_class": "exportOptions", + "exportFormats": Array [], + "includedLayerIds": Array [], + "layerOptions": 0, + "shouldTrim": false, + }, + "frame": Object { + "_class": "rect", + "constrainProportions": false, + "height": 37, + "width": 157, + "x": 759, + "y": 478, + }, + "groupLayout": Object { + "_class": "MSImmutableFreeformGroupLayout", + }, + "hasBackgroundColor": false, + "hasClickThrough": true, + "hasClippingMask": false, + "horizontalRulerData": Object { + "_class": "rulerData", + "base": 0, + "guides": Array [], + }, + "includeBackgroundColorInExport": true, + "includeInCloudUpload": true, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isFlowHome": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 0, + "layers": Array [ + Object { + "_class": "text", + "attributedString": Object { + "_class": "attributedString", + "attributes": Array [ + Object { + "_class": "stringAttribute", + "attributes": Object { + "MSAttributedStringColorAttribute": Object { + "_class": "color", + "alpha": 1, + "blue": 0.6235294117647059, + "green": 0.02352941176470588, + "red": 0.06274509803921553, + }, + "MSAttributedStringFontAttribute": Object { + "_class": "fontDescriptor", + "attributes": Object { + "name": "FiraSans-Regular", + "size": 36, + }, + }, + "paragraphStyle": Object { + "_class": "paragraphStyle", + }, + "textStyleVerticalAlignmentKey": 0, + }, + "length": 9, + "location": 0, + }, + ], + "string": "Heading 2", + }, + "automaticallyDrawOnUnderlyingPath": false, + "booleanOperation": -1, + "clippingMaskMode": 0, + "do_objectID": "1C30D3CB-50A7-4C20-AC43-7CBF9F0728E6", + "dontSynchroniseWithSymbol": false, + "exportOptions": Object { + "_class": "exportOptions", + "do_objectID": "AA00E744-739C-4153-9C17-59110FAD11DC", + "exportFormats": Array [], + "includedLayerIds": Array [], + "layerOptions": 0, + "shouldTrim": false, + }, + "frame": Object { + "_class": "rect", + "constrainProportions": false, + "do_objectID": "13BBD771-81DC-4048-9814-B894502524BA", + "height": 44, + "width": 224, + "x": -3, + "y": -5, + }, + "glyphBounds": "{{3, 5}, {158, 37}}", + "hasClippingMask": false, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 0, + "lineSpacingBehaviour": 2, + "name": "Heading 2", + "nameIsFixed": false, + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "sharedStyleID": "D52C375A-E594-4F72-BE07-AA91CD1772DA", + "shouldBreakMaskChain": false, + "style": Object { + "_class": "style", + "do_objectID": "D741458A-786A-4F9F-9363-1C655AAF56E8", + "endMarkerType": 0, + "miterLimit": 10, + "startMarkerType": 0, + "textStyle": Object { + "_class": "textStyle", + "encodedAttributes": Object { + "MSAttributedStringColorAttribute": Object { + "_class": "color", + "alpha": 1, + "blue": 0.6235294117647059, + "green": 0.02352941176470588, + "red": 0.06274509803921553, + }, + "MSAttributedStringFontAttribute": Object { + "_class": "fontDescriptor", + "attributes": Object { + "name": "FiraSans-Regular", + "size": 36, + }, + }, + "paragraphStyle": Object { + "_class": "paragraphStyle", + }, + "textStyleVerticalAlignmentKey": 0, + }, + "verticalAlignment": 0, + }, + "windingRule": 1, + }, + "textBehaviour": 1, + }, + ], + "name": "textstyle/heading2", + "nameIsFixed": true, + "resizesContent": false, + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": true, + "style": Object { + "_class": "style", + "endMarkerType": 0, + "miterLimit": 10, + "startMarkerType": 0, + "windingRule": 1, + }, + "verticalRulerData": Object { + "_class": "rulerData", + "base": 0, + "guides": Array [], + }, + }, + Object { + "_class": "artboard", + "backgroundColor": Object { + "_class": "color", + "alpha": 1, + "blue": 1, + "green": 1, + "red": 1, + }, + "booleanOperation": -1, + "clippingMaskMode": 0, + "do_objectID": "CB6340A7-7A9B-4B4B-BE91-E9488AEA7893", + "exportOptions": Object { + "_class": "exportOptions", + "exportFormats": Array [], + "includedLayerIds": Array [], + "layerOptions": 0, + "shouldTrim": false, + }, + "frame": Object { + "_class": "rect", + "constrainProportions": false, + "height": 52, + "width": 228, + "x": 759, + "y": 408, + }, + "groupLayout": Object { + "_class": "MSImmutableFreeformGroupLayout", + }, + "hasBackgroundColor": false, + "hasClickThrough": true, + "hasClippingMask": false, + "horizontalRulerData": Object { + "_class": "rulerData", + "base": 0, + "guides": Array [], + }, + "includeBackgroundColorInExport": true, + "includeInCloudUpload": true, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isFlowHome": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 0, + "layers": Array [ + Object { + "_class": "text", + "attributedString": Object { + "_class": "attributedString", + "attributes": Array [ + Object { + "_class": "stringAttribute", + "attributes": Object { + "MSAttributedStringColorAttribute": Object { + "_class": "color", + "alpha": 1, + "blue": 0.6235294117647059, + "green": 0.02352941176470588, + "red": 0.06274509803921553, + }, + "MSAttributedStringFontAttribute": Object { + "_class": "fontDescriptor", + "attributes": Object { + "name": "FiraSans-Bold", + "size": 48, + }, + }, + "paragraphStyle": Object { + "_class": "paragraphStyle", + "maximumLineHeight": 57.59999847412109, + "minimumLineHeight": 57.59999847412109, + }, + "textStyleVerticalAlignmentKey": 0, + }, + "length": 9, + "location": 0, + }, + ], + "string": "Heading 1", + }, + "automaticallyDrawOnUnderlyingPath": false, + "booleanOperation": -1, + "clippingMaskMode": 0, + "do_objectID": "670BF7AC-7C4B-439D-BA15-50EBEB7FBE40", + "dontSynchroniseWithSymbol": false, + "exportOptions": Object { + "_class": "exportOptions", + "exportFormats": Array [], + "includedLayerIds": Array [], + "layerOptions": 0, + "shouldTrim": false, + }, + "frame": Object { + "_class": "rect", + "constrainProportions": false, + "height": 57.59999847412109, + "width": 216, + "x": -3, + "y": -6, + }, + "glyphBounds": "{{3, 5}, {209, 51}}", + "hasClippingMask": false, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 0, + "lineSpacingBehaviour": 2, + "name": "Heading 1", + "nameIsFixed": false, + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "sharedStyleID": "AE67B98F-F8FC-4899-BCE1-A1766049BD9C", + "shouldBreakMaskChain": false, + "style": Object { + "_class": "style", + "do_objectID": "F70C8639-63E4-4A73-8A57-132D087CF23D", + "endMarkerType": 0, + "miterLimit": 10, + "startMarkerType": 0, + "textStyle": Object { + "_class": "textStyle", + "encodedAttributes": Object { + "MSAttributedStringColorAttribute": Object { + "_class": "color", + "alpha": 1, + "blue": 0.6235294117647059, + "green": 0.02352941176470588, + "red": 0.06274509803921553, + }, + "MSAttributedStringFontAttribute": Object { + "_class": "fontDescriptor", + "attributes": Object { + "name": "FiraSans-Bold", + "size": 48, + }, + }, + "paragraphStyle": Object { + "_class": "paragraphStyle", + "maximumLineHeight": 57.59999847412109, + "minimumLineHeight": 57.59999847412109, + }, + "textStyleVerticalAlignmentKey": 0, + }, + "verticalAlignment": 0, + }, + "windingRule": 1, + }, + "textBehaviour": 1, + }, + ], + "name": "textstyle/heading1", + "nameIsFixed": true, + "resizesContent": false, + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": true, + "style": Object { + "_class": "style", + "endMarkerType": 0, + "miterLimit": 10, + "startMarkerType": 0, + "windingRule": 1, + }, + "verticalRulerData": Object { + "_class": "rulerData", + "base": 0, + "guides": Array [], + }, + }, + Object { + "_class": "symbolMaster", + "allowsOverrides": true, + "backgroundColor": Object { + "_class": "color", + "alpha": 1, + "blue": 1, + "do_objectID": "BF299977-C2CA-49D5-AB5C-77899BEBFE73", + "green": 1, + "red": 1, + }, + "booleanOperation": 0, + "changeIdentifier": 1443, + "clippingMaskMode": 0, + "do_objectID": "82EFA1FE-7BA8-4C82-AC70-1903A67AD3C6", + "exportOptions": Object { + "_class": "exportOptions", + "do_objectID": "F5907538-80C2-4358-9944-70025CF6D9CF", + "exportFormats": Array [], + "includedLayerIds": Array [], + "layerOptions": 0, + "shouldTrim": false, + }, + "frame": Object { + "_class": "rect", + "constrainProportions": false, + "do_objectID": "CE3F6791-45D4-499A-B3E0-4D4E6E13F9CC", + "height": 24, + "width": 24, + "x": 1288, + "y": 408, + }, + "groupLayout": Object { + "_class": "MSImmutableFreeformGroupLayout", + }, + "hasBackgroundColor": false, + "hasClickThrough": false, + "hasClippingMask": false, + "horizontalRulerData": Object { + "_class": "rulerData", + "base": 0, + "do_objectID": "C0795695-65C8-498A-932D-CD1FE9AE1378", + "guides": Array [], + }, + "includeBackgroundColorInExport": true, + "includeBackgroundColorInInstance": false, + "includeInCloudUpload": true, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isFlowHome": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 2, + "layers": Array [ + Object { + "_class": "rectangle", + "booleanOperation": -1, + "clippingMaskMode": 0, + "do_objectID": "EA9EFCA8-685A-42E9-AD2C-E72C00705C93", + "edited": false, + "exportOptions": Object { + "_class": "exportOptions", + "do_objectID": "51261A8F-5341-498B-BAB4-DD37CA352157", + "exportFormats": Array [], + "includedLayerIds": Array [], + "layerOptions": 0, + "shouldTrim": false, + }, + "fixedRadius": 0, + "frame": Object { + "_class": "rect", + "constrainProportions": false, + "height": 24, + "width": 24, + "x": 0, + "y": 0, + }, + "hasClippingMask": false, + "hasConvertedToNewRoundCorners": true, + "isClosed": true, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 1, + "name": "gray-dark", + "nameIsFixed": true, + "pointRadiusBehaviour": 1, + "points": Array [ + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0, 0}", + "curveMode": 1, + "curveTo": "{0, 0}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{0, 0}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{1, 0}", + "curveMode": 1, + "curveTo": "{1, 0}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{1, 0}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{1, 1}", + "curveMode": 1, + "curveTo": "{1, 1}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{1, 1}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0, 1}", + "curveMode": 1, + "curveTo": "{0, 1}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{0, 1}", + }, + ], + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": false, + "style": Object { + "_class": "style", + "borders": Array [ + Object { + "_class": "border", + "color": Object { + "_class": "color", + "alpha": 1, + "blue": 0.592, + "green": 0.592, + "red": 0.592, + }, + "fillType": 0, + "isEnabled": false, + "position": 1, + "thickness": 1, + }, + ], + "do_objectID": "AAD466E9-A3CB-4162-993C-B0F4EC4B7211", + "endMarkerType": 0, + "fills": Array [ + Object { + "_class": "fill", + "color": Object { + "_class": "color", + "alpha": 1, + "blue": 0.9019607843137255, + "green": 0.7607843137254903, + "red": 0.3725490196078432, + }, + "fillType": 0, + "isEnabled": true, + "noiseIndex": 0, + "noiseIntensity": 0, + "patternFillType": 1, + "patternTileScale": 1, + }, + ], + "miterLimit": 10, + "startMarkerType": 0, + "windingRule": 1, + }, + "userInfo": Object { + "com.animaapp.stc-sketch-plugin": Object { + "kModelPropertiesKey": Object {}, + }, + }, + }, + ], + "layout": Object { + "_class": "layoutGrid", + "columnWidth": 1, + "do_objectID": "60D28964-0F03-4D25-A39B-133B5C1CB908", + "drawHorizontal": true, + "drawHorizontalLines": false, + "drawVertical": false, + "gutterHeight": 8, + "gutterWidth": 86.18181818181819, + "guttersOutside": false, + "horizontalOffset": 0, + "isEnabled": false, + "numberOfColumns": 12, + "rowHeightMultiplication": 1, + "totalWidth": 960, + }, + "name": "primitives/color/primary/900", + "nameIsFixed": true, + "overrideProperties": Array [], + "resizesContent": false, + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": true, + "style": Object { + "_class": "style", + "do_objectID": "5CFE40CE-98BC-4D6B-BEE3-CD6D67441C52", + "endMarkerType": 0, + "miterLimit": 10, + "startMarkerType": 0, + "windingRule": 1, + }, + "symbolID": "C6FA1CFA-1B11-476C-B4D5-B5EE7AB28EB1", + "userInfo": Object { + "com.animaapp.stc-sketch-plugin": Object { + "kModelPropertiesKey": Object {}, + }, + }, + "verticalRulerData": Object { + "_class": "rulerData", + "base": 0, + "do_objectID": "664C0B55-039B-411A-B335-52FC0C88525E", + "guides": Array [], + }, + }, + Object { + "_class": "symbolMaster", + "allowsOverrides": true, + "backgroundColor": Object { + "_class": "color", + "alpha": 1, + "blue": 1, + "do_objectID": "F3C16BB3-0913-47F6-8E6E-0B4220789637", + "green": 1, + "red": 1, + }, + "booleanOperation": 0, + "changeIdentifier": 1592, + "clippingMaskMode": 0, + "do_objectID": "B108EDF7-3A0F-4115-A60F-840047FBB34C", + "exportOptions": Object { + "_class": "exportOptions", + "do_objectID": "95C4CD68-CA61-4C49-B739-3FCAACD1BD3F", + "exportFormats": Array [], + "includedLayerIds": Array [], + "layerOptions": 0, + "shouldTrim": false, + }, + "frame": Object { + "_class": "rect", + "constrainProportions": false, + "do_objectID": "77E75BB1-348D-498A-8A3F-3BB766E41435", + "height": 24, + "width": 24, + "x": 1288, + "y": 446, + }, + "groupLayout": Object { + "_class": "MSImmutableFreeformGroupLayout", + }, + "hasBackgroundColor": false, + "hasClickThrough": false, + "hasClippingMask": false, + "horizontalRulerData": Object { + "_class": "rulerData", + "base": 0, + "do_objectID": "8C236B0B-2A41-49C8-A50E-8F0226D5CC2F", + "guides": Array [], + }, + "includeBackgroundColorInExport": true, + "includeBackgroundColorInInstance": false, + "includeInCloudUpload": true, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isFlowHome": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 2, + "layers": Array [ + Object { + "_class": "rectangle", + "booleanOperation": -1, + "clippingMaskMode": 0, + "do_objectID": "D834881A-C61F-47E4-B86C-31D0F1E910A3", + "edited": false, + "exportOptions": Object { + "_class": "exportOptions", + "do_objectID": "91770B41-9E6F-448F-86FF-D4D23F5080A5", + "exportFormats": Array [], + "includedLayerIds": Array [], + "layerOptions": 0, + "shouldTrim": false, + }, + "fixedRadius": 0, + "frame": Object { + "_class": "rect", + "constrainProportions": false, + "height": 24, + "width": 24, + "x": 0, + "y": 0, + }, + "hasClippingMask": false, + "hasConvertedToNewRoundCorners": true, + "isClosed": true, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 1, + "name": "gray-dark", + "nameIsFixed": true, + "pointRadiusBehaviour": 1, + "points": Array [ + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0, 0}", + "curveMode": 1, + "curveTo": "{0, 0}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{0, 0}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{1, 0}", + "curveMode": 1, + "curveTo": "{1, 0}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{1, 0}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{1, 1}", + "curveMode": 1, + "curveTo": "{1, 1}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{1, 1}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0, 1}", + "curveMode": 1, + "curveTo": "{0, 1}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{0, 1}", + }, + ], + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": false, + "style": Object { + "_class": "style", + "borders": Array [ + Object { + "_class": "border", + "color": Object { + "_class": "color", + "alpha": 1, + "blue": 0.592, + "green": 0.592, + "red": 0.592, + }, + "fillType": 0, + "isEnabled": false, + "position": 1, + "thickness": 1, + }, + ], + "do_objectID": "2BB2B3FB-4711-4620-8E0C-F22CDE5ACE93", + "endMarkerType": 0, + "fills": Array [ + Object { + "_class": "fill", + "color": Object { + "_class": "color", + "alpha": 1, + "blue": 0.8196078431372549, + "green": 0.7568627450980392, + "red": 0.3686274509803922, + }, + "fillType": 0, + "isEnabled": true, + "noiseIndex": 0, + "noiseIntensity": 0, + "patternFillType": 1, + "patternTileScale": 1, + }, + ], + "miterLimit": 10, + "startMarkerType": 0, + "windingRule": 1, + }, + "userInfo": Object { + "com.animaapp.stc-sketch-plugin": Object { + "kModelPropertiesKey": Object {}, + }, + }, + }, + ], + "layout": Object { + "_class": "layoutGrid", + "columnWidth": 1, + "do_objectID": "C0D0AD34-B4B8-49B2-8A3E-4ACF665B625D", + "drawHorizontal": true, + "drawHorizontalLines": false, + "drawVertical": false, + "gutterHeight": 8, + "gutterWidth": 86.18181818181819, + "guttersOutside": false, + "horizontalOffset": 0, + "isEnabled": false, + "numberOfColumns": 12, + "rowHeightMultiplication": 1, + "totalWidth": 960, + }, + "name": "primitives/color/primary/800", + "nameIsFixed": true, + "overrideProperties": Array [], + "resizesContent": false, + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": true, + "style": Object { + "_class": "style", + "do_objectID": "D59BE9D1-08FC-4ECA-9426-8FE55011760A", + "endMarkerType": 0, + "miterLimit": 10, + "startMarkerType": 0, + "windingRule": 1, + }, + "symbolID": "342CE026-D420-4F04-974E-63DB2EF62F88", + "userInfo": Object { + "com.animaapp.stc-sketch-plugin": Object { + "kModelPropertiesKey": Object {}, + }, + }, + "verticalRulerData": Object { + "_class": "rulerData", + "base": 0, + "do_objectID": "F8360F4F-46C6-4A40-8010-8A14F00E13B0", + "guides": Array [], + }, + }, + Object { + "_class": "symbolMaster", + "allowsOverrides": true, + "backgroundColor": Object { + "_class": "color", + "alpha": 1, + "blue": 1, + "do_objectID": "F5585BBC-6D87-49E5-A377-78881ADD2A5E", + "green": 1, + "red": 1, + }, + "booleanOperation": 0, + "changeIdentifier": 1637, + "clippingMaskMode": 0, + "do_objectID": "E1B2AFC3-91FE-41D7-AB56-BCC34278AAA9", + "exportOptions": Object { + "_class": "exportOptions", + "do_objectID": "B2D56588-0926-446C-B705-B594EC0B1CFE", + "exportFormats": Array [], + "includedLayerIds": Array [], + "layerOptions": 0, + "shouldTrim": false, + }, + "frame": Object { + "_class": "rect", + "constrainProportions": false, + "do_objectID": "030FA0C8-E491-40DF-BD8B-6BCD7419666F", + "height": 24, + "width": 24, + "x": 1288, + "y": 489, + }, + "grid": Object { + "_class": "simpleGrid", + "do_objectID": "296E194A-096B-4544-9479-2EB3C90BA24B", + "gridSize": 20, + "isEnabled": false, + "thickGridTimes": 10, + }, + "groupLayout": Object { + "_class": "MSImmutableFreeformGroupLayout", + }, + "hasBackgroundColor": false, + "hasClickThrough": false, + "hasClippingMask": false, + "horizontalRulerData": Object { + "_class": "rulerData", + "base": 0, + "do_objectID": "5B82B7E5-2E91-4574-8F81-0CF1D22E423F", + "guides": Array [], + }, + "includeBackgroundColorInExport": true, + "includeBackgroundColorInInstance": false, + "includeInCloudUpload": true, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isFlowHome": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 2, + "layers": Array [ + Object { + "_class": "rectangle", + "booleanOperation": -1, + "clippingMaskMode": 0, + "do_objectID": "9B08202B-2868-45A8-B0FF-E459FBC2C1E4", + "edited": false, + "exportOptions": Object { + "_class": "exportOptions", + "do_objectID": "4E3E81CF-266A-4DEE-8C32-CA24EF29A480", + "exportFormats": Array [], + "includedLayerIds": Array [], + "layerOptions": 0, + "shouldTrim": false, + }, + "fixedRadius": 0, + "frame": Object { + "_class": "rect", + "constrainProportions": false, + "height": 24, + "width": 24, + "x": 0, + "y": 0, + }, + "hasClippingMask": false, + "hasConvertedToNewRoundCorners": true, + "isClosed": true, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 1, + "name": "gray-dark", + "nameIsFixed": true, + "pointRadiusBehaviour": 1, + "points": Array [ + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0, 0}", + "curveMode": 1, + "curveTo": "{0, 0}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{0, 0}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{1, 0}", + "curveMode": 1, + "curveTo": "{1, 0}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{1, 0}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{1, 1}", + "curveMode": 1, + "curveTo": "{1, 1}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{1, 1}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0, 1}", + "curveMode": 1, + "curveTo": "{0, 1}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{0, 1}", + }, + ], + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": false, + "style": Object { + "_class": "style", + "borders": Array [ + Object { + "_class": "border", + "color": Object { + "_class": "color", + "alpha": 1, + "blue": 0.592, + "green": 0.592, + "red": 0.592, + }, + "fillType": 0, + "isEnabled": false, + "position": 1, + "thickness": 1, + }, + ], + "do_objectID": "0B6D5F38-21F8-475A-A778-158627478EAC", + "endMarkerType": 0, + "fills": Array [ + Object { + "_class": "fill", + "color": Object { + "_class": "color", + "alpha": 1, + "blue": 0.8392156862745098, + "green": 0.7843137254901963, + "red": 0.4666666666666667, + }, + "fillType": 0, + "isEnabled": true, + "noiseIndex": 0, + "noiseIntensity": 0, + "patternFillType": 1, + "patternTileScale": 1, + }, + ], + "miterLimit": 10, + "startMarkerType": 0, + "windingRule": 1, + }, + "userInfo": Object { + "com.animaapp.stc-sketch-plugin": Object { + "kModelPropertiesKey": Object {}, + }, + }, + }, + ], + "layout": Object { + "_class": "layoutGrid", + "columnWidth": 1, + "do_objectID": "65D1CD38-0DCC-4846-8138-F59D8582BCBD", + "drawHorizontal": true, + "drawHorizontalLines": false, + "drawVertical": false, + "gutterHeight": 8, + "gutterWidth": 86.18181818181819, + "guttersOutside": false, + "horizontalOffset": 0, + "isEnabled": false, + "numberOfColumns": 12, + "rowHeightMultiplication": 1, + "totalWidth": 960, + }, + "name": "primitives/color/primary/700", + "nameIsFixed": true, + "overrideProperties": Array [], + "resizesContent": false, + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": true, + "style": Object { + "_class": "style", + "do_objectID": "65D1D08E-3143-492E-8302-E53FF4F871AB", + "endMarkerType": 0, + "miterLimit": 10, + "startMarkerType": 0, + "windingRule": 1, + }, + "symbolID": "ED353E89-2E4C-4327-BEDC-841783B602BD", + "userInfo": Object { + "com.animaapp.stc-sketch-plugin": Object { + "kModelPropertiesKey": Object {}, + }, + }, + "verticalRulerData": Object { + "_class": "rulerData", + "base": 0, + "do_objectID": "7C104378-95F3-48B3-A88D-8A5A0C0D77CD", + "guides": Array [], + }, + }, + Object { + "_class": "symbolMaster", + "allowsOverrides": true, + "backgroundColor": Object { + "_class": "color", + "alpha": 1, + "blue": 1, + "do_objectID": "89F3572E-073D-483B-A86A-AA35470E5005", + "green": 1, + "red": 1, + }, + "booleanOperation": 0, + "changeIdentifier": 1771, + "clippingMaskMode": 0, + "do_objectID": "8422E041-BDFE-470C-AB7B-C5AE59F9D6F4", + "exportOptions": Object { + "_class": "exportOptions", + "do_objectID": "5DC2C9F9-578F-4148-B6ED-5DE6D952DE00", + "exportFormats": Array [], + "includedLayerIds": Array [], + "layerOptions": 0, + "shouldTrim": false, + }, + "frame": Object { + "_class": "rect", + "constrainProportions": false, + "do_objectID": "0E9345DE-D1D8-4F31-A703-BD8FF3384F50", + "height": 24, + "width": 24, + "x": 1288, + "y": 532, + }, + "groupLayout": Object { + "_class": "MSImmutableFreeformGroupLayout", + }, + "hasBackgroundColor": false, + "hasClickThrough": false, + "hasClippingMask": false, + "horizontalRulerData": Object { + "_class": "rulerData", + "base": 0, + "do_objectID": "F04E4079-F255-40CB-8662-3A3C09BD654F", + "guides": Array [], + }, + "includeBackgroundColorInExport": true, + "includeBackgroundColorInInstance": false, + "includeInCloudUpload": true, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isFlowHome": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 2, + "layers": Array [ + Object { + "_class": "rectangle", + "booleanOperation": -1, + "clippingMaskMode": 0, + "do_objectID": "F3ACA72D-8222-45E4-B421-92638B1CF4D4", + "edited": false, + "exportOptions": Object { + "_class": "exportOptions", + "do_objectID": "55F8985F-5DFD-4981-8766-DABA854426A5", + "exportFormats": Array [], + "includedLayerIds": Array [], + "layerOptions": 0, + "shouldTrim": false, + }, + "fixedRadius": 0, + "frame": Object { + "_class": "rect", + "constrainProportions": false, + "height": 24, + "width": 24, + "x": 0, + "y": 0, + }, + "hasClippingMask": false, + "hasConvertedToNewRoundCorners": true, + "isClosed": true, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 1, + "name": "gray-dark", + "nameIsFixed": true, + "pointRadiusBehaviour": 1, + "points": Array [ + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0, 0}", + "curveMode": 1, + "curveTo": "{0, 0}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{0, 0}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{1, 0}", + "curveMode": 1, + "curveTo": "{1, 0}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{1, 0}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{1, 1}", + "curveMode": 1, + "curveTo": "{1, 1}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{1, 1}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0, 1}", + "curveMode": 1, + "curveTo": "{0, 1}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{0, 1}", + }, + ], + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": false, + "style": Object { + "_class": "style", + "borders": Array [ + Object { + "_class": "border", + "color": Object { + "_class": "color", + "alpha": 1, + "blue": 0.592, + "green": 0.592, + "red": 0.592, + }, + "fillType": 0, + "isEnabled": false, + "position": 1, + "thickness": 1, + }, + ], + "do_objectID": "AAEE98F0-DA64-4FBD-8A10-281291E31F82", + "endMarkerType": 0, + "fills": Array [ + Object { + "_class": "fill", + "color": Object { + "_class": "color", + "alpha": 1, + "blue": 0.8588235294117647, + "green": 0.8117647058823528, + "red": 0.5529411764705883, + }, + "fillType": 0, + "isEnabled": true, + "noiseIndex": 0, + "noiseIntensity": 0, + "patternFillType": 1, + "patternTileScale": 1, + }, + ], + "miterLimit": 10, + "startMarkerType": 0, + "windingRule": 1, + }, + "userInfo": Object { + "com.animaapp.stc-sketch-plugin": Object { + "kModelPropertiesKey": Object {}, + }, + }, + }, + ], + "layout": Object { + "_class": "layoutGrid", + "columnWidth": 1, + "do_objectID": "113CB45C-41E9-4B15-BF99-EFE932551AF6", + "drawHorizontal": true, + "drawHorizontalLines": false, + "drawVertical": false, + "gutterHeight": 8, + "gutterWidth": 86.18181818181819, + "guttersOutside": false, + "horizontalOffset": 0, + "isEnabled": false, + "numberOfColumns": 12, + "rowHeightMultiplication": 1, + "totalWidth": 960, + }, + "name": "primitives/color/primary/600", + "nameIsFixed": true, + "overrideProperties": Array [], + "resizesContent": false, + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": true, + "style": Object { + "_class": "style", + "do_objectID": "A8D37FB1-E62A-42C2-BEA3-FDCB5BC44363", + "endMarkerType": 0, + "miterLimit": 10, + "startMarkerType": 0, + "windingRule": 1, + }, + "symbolID": "514B5EBC-462D-4092-AC42-BB8174FF9C62", + "userInfo": Object { + "com.animaapp.stc-sketch-plugin": Object { + "kModelPropertiesKey": Object {}, + }, + }, + "verticalRulerData": Object { + "_class": "rulerData", + "base": 0, + "do_objectID": "3D610E68-99A4-445D-8F77-69D11AD3E60E", + "guides": Array [], + }, + }, + Object { + "_class": "symbolMaster", + "allowsOverrides": true, + "backgroundColor": Object { + "_class": "color", + "alpha": 1, + "blue": 1, + "do_objectID": "CAB1ABA2-E884-4CEC-A658-01A74E89807C", + "green": 1, + "red": 1, + }, + "booleanOperation": 0, + "changeIdentifier": 1852, + "clippingMaskMode": 0, + "do_objectID": "5C5299C1-75CB-42A5-ADF2-4CD8A4C259A8", + "exportOptions": Object { + "_class": "exportOptions", + "do_objectID": "2420E059-3284-40A2-85EE-6EB486A3DAD2", + "exportFormats": Array [], + "includedLayerIds": Array [], + "layerOptions": 0, + "shouldTrim": false, + }, + "frame": Object { + "_class": "rect", + "constrainProportions": false, + "do_objectID": "C1E4F6F3-5B6D-4394-A440-A57FF59463B2", + "height": 24, + "width": 24, + "x": 1288, + "y": 572, + }, + "groupLayout": Object { + "_class": "MSImmutableFreeformGroupLayout", + }, + "hasBackgroundColor": false, + "hasClickThrough": false, + "hasClippingMask": false, + "horizontalRulerData": Object { + "_class": "rulerData", + "base": 0, + "do_objectID": "E01CDAB0-07B7-46C3-AB70-E238CE7B4180", + "guides": Array [], + }, + "includeBackgroundColorInExport": true, + "includeBackgroundColorInInstance": false, + "includeInCloudUpload": true, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isFlowHome": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 2, + "layers": Array [ + Object { + "_class": "rectangle", + "booleanOperation": -1, + "clippingMaskMode": 0, + "do_objectID": "365FB80B-E106-4104-922B-DD991D347172", + "edited": false, + "exportOptions": Object { + "_class": "exportOptions", + "do_objectID": "781A7436-4760-4652-8094-567048A87F65", + "exportFormats": Array [], + "includedLayerIds": Array [], + "layerOptions": 0, + "shouldTrim": false, + }, + "fixedRadius": 0, + "frame": Object { + "_class": "rect", + "constrainProportions": false, + "height": 24, + "width": 24, + "x": 0, + "y": 0, + }, + "hasClippingMask": false, + "hasConvertedToNewRoundCorners": true, + "isClosed": true, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 1, + "name": "gray-dark", + "nameIsFixed": true, + "pointRadiusBehaviour": 1, + "points": Array [ + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0, 0}", + "curveMode": 1, + "curveTo": "{0, 0}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{0, 0}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{1, 0}", + "curveMode": 1, + "curveTo": "{1, 0}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{1, 0}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{1, 1}", + "curveMode": 1, + "curveTo": "{1, 1}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{1, 1}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0, 1}", + "curveMode": 1, + "curveTo": "{0, 1}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{0, 1}", + }, + ], + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": false, + "style": Object { + "_class": "style", + "borders": Array [ + Object { + "_class": "border", + "color": Object { + "_class": "color", + "alpha": 1, + "blue": 0.592, + "green": 0.592, + "red": 0.592, + }, + "fillType": 0, + "isEnabled": false, + "position": 1, + "thickness": 1, + }, + ], + "do_objectID": "A04D8766-EAD6-4D07-AE82-D995D20950DF", + "endMarkerType": 0, + "fills": Array [ + Object { + "_class": "fill", + "color": Object { + "_class": "color", + "alpha": 1, + "blue": 0.8784313725490196, + "green": 0.8392156862745098, + "red": 0.6274509803921569, + }, + "fillType": 0, + "isEnabled": true, + "noiseIndex": 0, + "noiseIntensity": 0, + "patternFillType": 1, + "patternTileScale": 1, + }, + ], + "miterLimit": 10, + "startMarkerType": 0, + "windingRule": 1, + }, + "userInfo": Object { + "com.animaapp.stc-sketch-plugin": Object { + "kModelPropertiesKey": Object {}, + }, + }, + }, + ], + "layout": Object { + "_class": "layoutGrid", + "columnWidth": 1, + "do_objectID": "9A39E28D-C3CC-4E79-9821-63FBDC6A290F", + "drawHorizontal": true, + "drawHorizontalLines": false, + "drawVertical": false, + "gutterHeight": 8, + "gutterWidth": 86.18181818181819, + "guttersOutside": false, + "horizontalOffset": 0, + "isEnabled": false, + "numberOfColumns": 12, + "rowHeightMultiplication": 1, + "totalWidth": 960, + }, + "name": "primitives/color/primary/500", + "nameIsFixed": true, + "overrideProperties": Array [], + "resizesContent": false, + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": true, + "style": Object { + "_class": "style", + "do_objectID": "3B14F83A-33B5-498B-B519-F1994CAD6AF0", + "endMarkerType": 0, + "miterLimit": 10, + "startMarkerType": 0, + "windingRule": 1, + }, + "symbolID": "6A3C7859-3865-43CF-9459-9D54A327F06B", + "userInfo": Object { + "com.animaapp.stc-sketch-plugin": Object { + "kModelPropertiesKey": Object {}, + }, + }, + "verticalRulerData": Object { + "_class": "rulerData", + "base": 0, + "do_objectID": "9307D4BA-63BD-4DAE-B6A5-D79FCA6B1557", + "guides": Array [], + }, + }, + Object { + "_class": "symbolMaster", + "allowsOverrides": true, + "backgroundColor": Object { + "_class": "color", + "alpha": 1, + "blue": 1, + "do_objectID": "A43E6BDB-2CCE-4556-AD84-30FCDC2A4039", + "green": 1, + "red": 1, + }, + "booleanOperation": 0, + "changeIdentifier": 1967, + "clippingMaskMode": 0, + "do_objectID": "48197F20-854E-47A8-AA86-E3CB5657AC15", + "exportOptions": Object { + "_class": "exportOptions", + "do_objectID": "7F97B204-571C-494D-BA5B-ED99A16AB79E", + "exportFormats": Array [], + "includedLayerIds": Array [], + "layerOptions": 0, + "shouldTrim": false, + }, + "frame": Object { + "_class": "rect", + "constrainProportions": false, + "do_objectID": "27724034-619C-45CC-B4C6-35E57040974E", + "height": 24, + "width": 24, + "x": 1288, + "y": 614, + }, + "groupLayout": Object { + "_class": "MSImmutableFreeformGroupLayout", + }, + "hasBackgroundColor": false, + "hasClickThrough": false, + "hasClippingMask": false, + "horizontalRulerData": Object { + "_class": "rulerData", + "base": 0, + "do_objectID": "DEAB11C1-C3ED-4E29-A45C-2DDD9185FE0B", + "guides": Array [], + }, + "includeBackgroundColorInExport": true, + "includeBackgroundColorInInstance": false, + "includeInCloudUpload": true, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isFlowHome": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 2, + "layers": Array [ + Object { + "_class": "rectangle", + "booleanOperation": -1, + "clippingMaskMode": 0, + "do_objectID": "1D0438F9-9017-407A-B923-81D4F1E08E8C", + "edited": false, + "exportOptions": Object { + "_class": "exportOptions", + "do_objectID": "E984864E-F860-4B79-9EE4-64F1E250FAB6", + "exportFormats": Array [], + "includedLayerIds": Array [], + "layerOptions": 0, + "shouldTrim": false, + }, + "fixedRadius": 0, + "frame": Object { + "_class": "rect", + "constrainProportions": false, + "height": 24, + "width": 24, + "x": 0, + "y": 0, + }, + "hasClippingMask": false, + "hasConvertedToNewRoundCorners": true, + "isClosed": true, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 1, + "name": "gray-dark", + "nameIsFixed": true, + "pointRadiusBehaviour": 1, + "points": Array [ + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0, 0}", + "curveMode": 1, + "curveTo": "{0, 0}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{0, 0}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{1, 0}", + "curveMode": 1, + "curveTo": "{1, 0}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{1, 0}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{1, 1}", + "curveMode": 1, + "curveTo": "{1, 1}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{1, 1}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0, 1}", + "curveMode": 1, + "curveTo": "{0, 1}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{0, 1}", + }, + ], + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": false, + "style": Object { + "_class": "style", + "borders": Array [ + Object { + "_class": "border", + "color": Object { + "_class": "color", + "alpha": 1, + "blue": 0.592, + "green": 0.592, + "red": 0.592, + }, + "fillType": 0, + "isEnabled": false, + "position": 1, + "thickness": 1, + }, + ], + "do_objectID": "03B89339-5D65-4277-9802-93813ACF6434", + "endMarkerType": 0, + "fills": Array [ + Object { + "_class": "fill", + "color": Object { + "_class": "color", + "alpha": 1, + "blue": 0.9019607843137255, + "green": 0.8666666666666666, + "red": 0.7019607843137254, + }, + "fillType": 0, + "isEnabled": true, + "noiseIndex": 0, + "noiseIntensity": 0, + "patternFillType": 1, + "patternTileScale": 1, + }, + ], + "miterLimit": 10, + "startMarkerType": 0, + "windingRule": 1, + }, + "userInfo": Object { + "com.animaapp.stc-sketch-plugin": Object { + "kModelPropertiesKey": Object {}, + }, + }, + }, + ], + "layout": Object { + "_class": "layoutGrid", + "columnWidth": 1, + "do_objectID": "3A6E3D2B-0F26-42AC-B42C-5130688FB8BF", + "drawHorizontal": true, + "drawHorizontalLines": false, + "drawVertical": false, + "gutterHeight": 8, + "gutterWidth": 86.18181818181819, + "guttersOutside": false, + "horizontalOffset": 0, + "isEnabled": false, + "numberOfColumns": 12, + "rowHeightMultiplication": 1, + "totalWidth": 960, + }, + "name": "primitives/color/primary/400", + "nameIsFixed": true, + "overrideProperties": Array [], + "resizesContent": false, + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": true, + "style": Object { + "_class": "style", + "do_objectID": "8006722E-80CF-416E-B627-6E40FFD19774", + "endMarkerType": 0, + "miterLimit": 10, + "startMarkerType": 0, + "windingRule": 1, + }, + "symbolID": "27AB57A1-FE6E-4680-8239-FF9220A203C9", + "userInfo": Object { + "com.animaapp.stc-sketch-plugin": Object { + "kModelPropertiesKey": Object {}, + }, + }, + "verticalRulerData": Object { + "_class": "rulerData", + "base": 0, + "do_objectID": "9AC57DE0-7355-472F-9B7C-2F1E4DA6EB13", + "guides": Array [], + }, + }, + Object { + "_class": "symbolMaster", + "allowsOverrides": true, + "backgroundColor": Object { + "_class": "color", + "alpha": 1, + "blue": 1, + "do_objectID": "1840762B-658E-4554-A655-B7272E12CBCA", + "green": 1, + "red": 1, + }, + "booleanOperation": 0, + "changeIdentifier": 2005, + "clippingMaskMode": 0, + "do_objectID": "91EFDD20-A70A-4708-84A2-20F67BB6E80A", + "exportOptions": Object { + "_class": "exportOptions", + "do_objectID": "D6682F11-A659-489F-B6F3-3C82201A547D", + "exportFormats": Array [], + "includedLayerIds": Array [], + "layerOptions": 0, + "shouldTrim": false, + }, + "frame": Object { + "_class": "rect", + "constrainProportions": false, + "do_objectID": "4F43317E-FD19-4EF0-9EA7-8D1A3E92F16D", + "height": 24, + "width": 24, + "x": 1288, + "y": 659, + }, + "groupLayout": Object { + "_class": "MSImmutableFreeformGroupLayout", + }, + "hasBackgroundColor": false, + "hasClickThrough": false, + "hasClippingMask": false, + "horizontalRulerData": Object { + "_class": "rulerData", + "base": 0, + "do_objectID": "0C91513B-C2ED-411B-B328-969CCFE55562", + "guides": Array [], + }, + "includeBackgroundColorInExport": true, + "includeBackgroundColorInInstance": false, + "includeInCloudUpload": true, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isFlowHome": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 2, + "layers": Array [ + Object { + "_class": "rectangle", + "booleanOperation": -1, + "clippingMaskMode": 0, + "do_objectID": "E13DBFCE-7E81-4DCD-B88D-CC718A4A9604", + "edited": false, + "exportOptions": Object { + "_class": "exportOptions", + "do_objectID": "BC842AE1-D6E0-419F-A191-5783B3EB0A6D", + "exportFormats": Array [], + "includedLayerIds": Array [], + "layerOptions": 0, + "shouldTrim": false, + }, + "fixedRadius": 0, + "frame": Object { + "_class": "rect", + "constrainProportions": false, + "height": 24, + "width": 24, + "x": 0, + "y": 0, + }, + "hasClippingMask": false, + "hasConvertedToNewRoundCorners": true, + "isClosed": true, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 1, + "name": "gray-dark", + "nameIsFixed": true, + "pointRadiusBehaviour": 1, + "points": Array [ + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0, 0}", + "curveMode": 1, + "curveTo": "{0, 0}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{0, 0}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{1, 0}", + "curveMode": 1, + "curveTo": "{1, 0}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{1, 0}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{1, 1}", + "curveMode": 1, + "curveTo": "{1, 1}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{1, 1}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0, 1}", + "curveMode": 1, + "curveTo": "{0, 1}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{0, 1}", + }, + ], + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": false, + "style": Object { + "_class": "style", + "borders": Array [ + Object { + "_class": "border", + "color": Object { + "_class": "color", + "alpha": 1, + "blue": 0.592, + "green": 0.592, + "red": 0.592, + }, + "fillType": 0, + "isEnabled": false, + "position": 1, + "thickness": 1, + }, + ], + "do_objectID": "5CB0966F-E533-4210-ADB8-F0AE6BF2BF71", + "endMarkerType": 0, + "fills": Array [ + Object { + "_class": "fill", + "color": Object { + "_class": "color", + "alpha": 1, + "blue": 0.9411764705882353, + "green": 0.9215686274509803, + "red": 0.8313725490196079, + }, + "fillType": 0, + "isEnabled": true, + "noiseIndex": 0, + "noiseIntensity": 0, + "patternFillType": 1, + "patternTileScale": 1, + }, + ], + "miterLimit": 10, + "startMarkerType": 0, + "windingRule": 1, + }, + "userInfo": Object { + "com.animaapp.stc-sketch-plugin": Object { + "kModelPropertiesKey": Object {}, + }, + }, + }, + ], + "layout": Object { + "_class": "layoutGrid", + "columnWidth": 1, + "do_objectID": "0ED31286-09C1-40AD-88D6-A0B9821FB6DC", + "drawHorizontal": true, + "drawHorizontalLines": false, + "drawVertical": false, + "gutterHeight": 8, + "gutterWidth": 86.18181818181819, + "guttersOutside": false, + "horizontalOffset": 0, + "isEnabled": false, + "numberOfColumns": 12, + "rowHeightMultiplication": 1, + "totalWidth": 960, + }, + "name": "primitives/color/primary/300", + "nameIsFixed": true, + "overrideProperties": Array [], + "resizesContent": false, + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": true, + "style": Object { + "_class": "style", + "do_objectID": "90B2BF3F-4EA8-4B61-B64C-57B44E51B32D", + "endMarkerType": 0, + "miterLimit": 10, + "startMarkerType": 0, + "windingRule": 1, + }, + "symbolID": "8BD732CE-A75C-4A16-A52E-E2A9691F1C8A", + "userInfo": Object { + "com.animaapp.stc-sketch-plugin": Object { + "kModelPropertiesKey": Object {}, + }, + }, + "verticalRulerData": Object { + "_class": "rulerData", + "base": 0, + "do_objectID": "4E98D238-0C46-43BE-B53D-6872C4A9C995", + "guides": Array [], + }, + }, + Object { + "_class": "symbolMaster", + "allowsOverrides": true, + "backgroundColor": Object { + "_class": "color", + "alpha": 1, + "blue": 1, + "do_objectID": "8946E724-ABEE-4DB2-A168-35FEBBD94F0B", + "green": 1, + "red": 1, + }, + "booleanOperation": 0, + "changeIdentifier": 2063, + "clippingMaskMode": 0, + "do_objectID": "209B4D89-0A7B-49FA-9F1A-1327D8847BD7", + "exportOptions": Object { + "_class": "exportOptions", + "do_objectID": "7AB6DA25-9248-4950-B785-ADA2977F109E", + "exportFormats": Array [], + "includedLayerIds": Array [], + "layerOptions": 0, + "shouldTrim": false, + }, + "frame": Object { + "_class": "rect", + "constrainProportions": false, + "do_objectID": "B88ABEED-C2E3-4DFB-8F8D-DD085D8B433F", + "height": 24, + "width": 24, + "x": 1288, + "y": 704, + }, + "groupLayout": Object { + "_class": "MSImmutableFreeformGroupLayout", + }, + "hasBackgroundColor": false, + "hasClickThrough": false, + "hasClippingMask": false, + "horizontalRulerData": Object { + "_class": "rulerData", + "base": 0, + "do_objectID": "4BF40309-4631-4277-947C-7EE78BC21FED", + "guides": Array [], + }, + "includeBackgroundColorInExport": true, + "includeBackgroundColorInInstance": false, + "includeInCloudUpload": true, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isFlowHome": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 2, + "layers": Array [ + Object { + "_class": "rectangle", + "booleanOperation": -1, + "clippingMaskMode": 0, + "do_objectID": "14816683-15FB-49DF-87BB-AD1B9CC9B687", + "edited": false, + "exportOptions": Object { + "_class": "exportOptions", + "do_objectID": "9978B0EB-921C-4D90-98B1-BB7E6DC0D6BD", + "exportFormats": Array [], + "includedLayerIds": Array [], + "layerOptions": 0, + "shouldTrim": false, + }, + "fixedRadius": 0, + "frame": Object { + "_class": "rect", + "constrainProportions": false, + "height": 24, + "width": 24, + "x": 0, + "y": 0, + }, + "hasClippingMask": false, + "hasConvertedToNewRoundCorners": true, + "isClosed": true, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 1, + "name": "gray-dark", + "nameIsFixed": true, + "pointRadiusBehaviour": 1, + "points": Array [ + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0, 0}", + "curveMode": 1, + "curveTo": "{0, 0}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{0, 0}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{1, 0}", + "curveMode": 1, + "curveTo": "{1, 0}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{1, 0}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{1, 1}", + "curveMode": 1, + "curveTo": "{1, 1}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{1, 1}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0, 1}", + "curveMode": 1, + "curveTo": "{0, 1}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{0, 1}", + }, + ], + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": false, + "style": Object { + "_class": "style", + "borders": Array [ + Object { + "_class": "border", + "color": Object { + "_class": "color", + "alpha": 1, + "blue": 0.592, + "green": 0.592, + "red": 0.592, + }, + "fillType": 0, + "isEnabled": false, + "position": 1, + "thickness": 1, + }, + ], + "do_objectID": "495D52E3-053F-448B-BB69-467192DBE20D", + "endMarkerType": 0, + "fills": Array [ + Object { + "_class": "fill", + "color": Object { + "_class": "color", + "alpha": 1, + "blue": 0.9803921568627451, + "green": 0.9529411764705882, + "red": 0.8980392156862745, + }, + "fillType": 0, + "isEnabled": true, + "noiseIndex": 0, + "noiseIntensity": 0, + "patternFillType": 1, + "patternTileScale": 1, + }, + ], + "miterLimit": 10, + "startMarkerType": 0, + "windingRule": 1, + }, + "userInfo": Object { + "com.animaapp.stc-sketch-plugin": Object { + "kModelPropertiesKey": Object {}, + }, + }, + }, + ], + "layout": Object { + "_class": "layoutGrid", + "columnWidth": 1, + "do_objectID": "2A0F45F1-96B6-4EC6-9C37-9E080DAA9DA3", + "drawHorizontal": true, + "drawHorizontalLines": false, + "drawVertical": false, + "gutterHeight": 8, + "gutterWidth": 86.18181818181819, + "guttersOutside": false, + "horizontalOffset": 0, + "isEnabled": false, + "numberOfColumns": 12, + "rowHeightMultiplication": 1, + "totalWidth": 960, + }, + "name": "primitives/color/primary/200", + "nameIsFixed": true, + "overrideProperties": Array [], + "resizesContent": false, + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": true, + "style": Object { + "_class": "style", + "do_objectID": "EECFDE5C-89F0-46F0-9FCD-D6325739C273", + "endMarkerType": 0, + "miterLimit": 10, + "startMarkerType": 0, + "windingRule": 1, + }, + "symbolID": "4CE21B85-33E5-497A-B151-2B022552E20D", + "userInfo": Object { + "com.animaapp.stc-sketch-plugin": Object { + "kModelPropertiesKey": Object {}, + }, + }, + "verticalRulerData": Object { + "_class": "rulerData", + "base": 0, + "do_objectID": "5CE95F35-0630-4707-BFD3-7B3017B24AAE", + "guides": Array [], + }, + }, + Object { + "_class": "symbolMaster", + "allowsOverrides": true, + "backgroundColor": Object { + "_class": "color", + "alpha": 1, + "blue": 1, + "do_objectID": "A08F976A-2C86-4DEB-9102-48FA983E4001", + "green": 1, + "red": 1, + }, + "booleanOperation": 0, + "changeIdentifier": 2147, + "clippingMaskMode": 0, + "do_objectID": "236882BC-6296-4136-8E62-D9C375F1C8A6", + "exportOptions": Object { + "_class": "exportOptions", + "do_objectID": "7085BB00-23DA-498D-B4F6-6CCA4E722BF3", + "exportFormats": Array [], + "includedLayerIds": Array [], + "layerOptions": 0, + "shouldTrim": false, + }, + "frame": Object { + "_class": "rect", + "constrainProportions": false, + "do_objectID": "F7D21DB1-B835-4021-9F5F-7B88CFE91F33", + "height": 24, + "width": 24, + "x": 1288, + "y": 747, + }, + "groupLayout": Object { + "_class": "MSImmutableFreeformGroupLayout", + }, + "hasBackgroundColor": false, + "hasClickThrough": false, + "hasClippingMask": false, + "horizontalRulerData": Object { + "_class": "rulerData", + "base": 0, + "do_objectID": "6FFB88B7-C0BE-4625-B6CD-34B1FA4B2CCE", + "guides": Array [], + }, + "includeBackgroundColorInExport": true, + "includeBackgroundColorInInstance": false, + "includeInCloudUpload": true, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isFlowHome": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 2, + "layers": Array [ + Object { + "_class": "rectangle", + "booleanOperation": -1, + "clippingMaskMode": 0, + "do_objectID": "0692E17E-8588-4120-B1B9-D8BBC80EF95A", + "edited": false, + "exportOptions": Object { + "_class": "exportOptions", + "do_objectID": "C6D5E015-FAE5-471B-953E-BFC1C5A31C37", + "exportFormats": Array [], + "includedLayerIds": Array [], + "layerOptions": 0, + "shouldTrim": false, + }, + "fixedRadius": 0, + "frame": Object { + "_class": "rect", + "constrainProportions": false, + "height": 24, + "width": 24, + "x": 0, + "y": 0, + }, + "hasClippingMask": false, + "hasConvertedToNewRoundCorners": true, + "isClosed": true, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 1, + "name": "gray-dark", + "nameIsFixed": true, + "pointRadiusBehaviour": 1, + "points": Array [ + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0, 0}", + "curveMode": 1, + "curveTo": "{0, 0}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{0, 0}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{1, 0}", + "curveMode": 1, + "curveTo": "{1, 0}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{1, 0}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{1, 1}", + "curveMode": 1, + "curveTo": "{1, 1}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{1, 1}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0, 1}", + "curveMode": 1, + "curveTo": "{0, 1}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{0, 1}", + }, + ], + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": false, + "style": Object { + "_class": "style", + "borders": Array [ + Object { + "_class": "border", + "color": Object { + "_class": "color", + "alpha": 1, + "blue": 0.592, + "green": 0.592, + "red": 0.592, + }, + "fillType": 0, + "isEnabled": false, + "position": 1, + "thickness": 1, + }, + ], + "do_objectID": "51298C18-FC55-4415-BEC0-11D30FD521DF", + "endMarkerType": 0, + "fills": Array [ + Object { + "_class": "fill", + "color": Object { + "_class": "color", + "alpha": 1, + "blue": 0.9921568627450981, + "green": 0.9764705882352941, + "red": 0.9490196078431372, + }, + "fillType": 0, + "isEnabled": true, + "noiseIndex": 0, + "noiseIntensity": 0, + "patternFillType": 1, + "patternTileScale": 1, + }, + ], + "miterLimit": 10, + "startMarkerType": 0, + "windingRule": 1, + }, + "userInfo": Object { + "com.animaapp.stc-sketch-plugin": Object { + "kModelPropertiesKey": Object {}, + }, + }, + }, + ], + "layout": Object { + "_class": "layoutGrid", + "columnWidth": 1, + "do_objectID": "3A04CEF3-E993-4368-9EB3-D63FFC03FF96", + "drawHorizontal": true, + "drawHorizontalLines": false, + "drawVertical": false, + "gutterHeight": 8, + "gutterWidth": 86.18181818181819, + "guttersOutside": false, + "horizontalOffset": 0, + "isEnabled": false, + "numberOfColumns": 12, + "rowHeightMultiplication": 1, + "totalWidth": 960, + }, + "name": "primitives/color/primary/100", + "nameIsFixed": true, + "overrideProperties": Array [], + "resizesContent": false, + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": true, + "style": Object { + "_class": "style", + "do_objectID": "29A0EE17-39AE-4C71-A964-EB761CDEACB3", + "endMarkerType": 0, + "miterLimit": 10, + "startMarkerType": 0, + "windingRule": 1, + }, + "symbolID": "CADC4CBE-9036-46BB-B170-C289EBBA9FAA", + "userInfo": Object { + "com.animaapp.stc-sketch-plugin": Object { + "kModelPropertiesKey": Object {}, + }, + }, + "verticalRulerData": Object { + "_class": "rulerData", + "base": 0, + "do_objectID": "7CF7DEE7-C330-42EA-8643-D662CEFAD3FE", + "guides": Array [], + }, + }, + Object { + "_class": "symbolMaster", + "allowsOverrides": true, + "backgroundColor": Object { + "_class": "color", + "alpha": 1, + "blue": 1, + "do_objectID": "7714410B-BA15-4E33-8B34-3A5A0E12F45C", + "green": 1, + "red": 1, + }, + "booleanOperation": 0, + "changeIdentifier": 1539, + "clippingMaskMode": 0, + "do_objectID": "C43D3A12-E181-4E63-B45A-4B6EF1BAE7EE", + "exportOptions": Object { + "_class": "exportOptions", + "do_objectID": "79D4E5D3-F16A-455C-A235-F3A766294FED", + "exportFormats": Array [], + "includedLayerIds": Array [], + "layerOptions": 0, + "shouldTrim": false, + }, + "frame": Object { + "_class": "rect", + "constrainProportions": false, + "do_objectID": "F20A73F9-3BBD-46D9-B281-BEC50D3EF0E6", + "height": 24, + "width": 24, + "x": 1355, + "y": 408, + }, + "grid": Object { + "_class": "simpleGrid", + "do_objectID": "17507E90-AD39-4E98-A863-131DE33462B2", + "gridSize": 20, + "isEnabled": false, + "thickGridTimes": 10, + }, + "groupLayout": Object { + "_class": "MSImmutableFreeformGroupLayout", + }, + "hasBackgroundColor": false, + "hasClickThrough": false, + "hasClippingMask": false, + "horizontalRulerData": Object { + "_class": "rulerData", + "base": 0, + "do_objectID": "9DDC0741-FB84-4CA5-860B-A3A2922A1B0C", + "guides": Array [], + }, + "includeBackgroundColorInExport": true, + "includeBackgroundColorInInstance": false, + "includeInCloudUpload": true, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isFlowHome": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 2, + "layers": Array [ + Object { + "_class": "rectangle", + "booleanOperation": -1, + "clippingMaskMode": 0, + "do_objectID": "A6F41060-DE2D-486D-A4A4-D3C968B6B2ED", + "edited": false, + "exportOptions": Object { + "_class": "exportOptions", + "do_objectID": "4256E00C-6FB1-439C-9702-C572EBAF0733", + "exportFormats": Array [], + "includedLayerIds": Array [], + "layerOptions": 0, + "shouldTrim": false, + }, + "fixedRadius": 0, + "frame": Object { + "_class": "rect", + "constrainProportions": false, + "height": 24, + "width": 24, + "x": 0, + "y": 0, + }, + "hasClippingMask": false, + "hasConvertedToNewRoundCorners": true, + "isClosed": true, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 1, + "name": "gray-dark", + "nameIsFixed": true, + "pointRadiusBehaviour": 1, + "points": Array [ + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0, 0}", + "curveMode": 1, + "curveTo": "{0, 0}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{0, 0}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{1, 0}", + "curveMode": 1, + "curveTo": "{1, 0}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{1, 0}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{1, 1}", + "curveMode": 1, + "curveTo": "{1, 1}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{1, 1}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0, 1}", + "curveMode": 1, + "curveTo": "{0, 1}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{0, 1}", + }, + ], + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": false, + "style": Object { + "_class": "style", + "borders": Array [ + Object { + "_class": "border", + "color": Object { + "_class": "color", + "alpha": 1, + "blue": 0.592, + "green": 0.592, + "red": 0.592, + }, + "fillType": 0, + "isEnabled": false, + "position": 1, + "thickness": 1, + }, + ], + "do_objectID": "B5D155F6-03F7-49A5-851C-B244266AFE0F", + "endMarkerType": 0, + "fills": Array [ + Object { + "_class": "fill", + "color": Object { + "_class": "color", + "alpha": 1, + "blue": 0.2431372549019607, + "green": 0.4901960784313725, + "red": 0.1333333333333333, + }, + "fillType": 0, + "isEnabled": true, + "noiseIndex": 0, + "noiseIntensity": 0, + "patternFillType": 1, + "patternTileScale": 1, + }, + ], + "miterLimit": 10, + "startMarkerType": 0, + "windingRule": 1, + }, + "userInfo": Object { + "com.animaapp.stc-sketch-plugin": Object { + "kModelPropertiesKey": Object {}, + }, + }, + }, + ], + "layout": Object { + "_class": "layoutGrid", + "columnWidth": 1, + "do_objectID": "E569FE3A-5E91-42C7-8F34-26F917CF903F", + "drawHorizontal": true, + "drawHorizontalLines": false, + "drawVertical": false, + "gutterHeight": 8, + "gutterWidth": 86.18181818181819, + "guttersOutside": false, + "horizontalOffset": 0, + "isEnabled": false, + "numberOfColumns": 12, + "rowHeightMultiplication": 1, + "totalWidth": 960, + }, + "name": "primitives/color/secondary/900", + "nameIsFixed": true, + "overrideProperties": Array [], + "resizesContent": false, + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": true, + "style": Object { + "_class": "style", + "do_objectID": "9073454D-6F27-48F6-B5B8-48B2ACE0350B", + "endMarkerType": 0, + "miterLimit": 10, + "startMarkerType": 0, + "windingRule": 1, + }, + "symbolID": "7A46E03C-36CF-4AA1-A1E7-C040D4AC0E97", + "userInfo": Object { + "com.animaapp.stc-sketch-plugin": Object { + "kModelPropertiesKey": Object {}, + }, + }, + "verticalRulerData": Object { + "_class": "rulerData", + "base": 0, + "do_objectID": "253E3B0F-29DB-4E27-9D4F-0053F2C142BC", + "guides": Array [], + }, + }, + Object { + "_class": "symbolMaster", + "allowsOverrides": true, + "backgroundColor": Object { + "_class": "color", + "alpha": 1, + "blue": 1, + "do_objectID": "9529ABC9-30E5-4AA6-8527-45B809D32774", + "green": 1, + "red": 1, + }, + "booleanOperation": 0, + "changeIdentifier": 1673, + "clippingMaskMode": 0, + "do_objectID": "36107A8A-014B-4AF9-AFC4-A372903B5155", + "exportOptions": Object { + "_class": "exportOptions", + "do_objectID": "C8753EB3-5DE1-412B-8123-F4CA8786C121", + "exportFormats": Array [], + "includedLayerIds": Array [], + "layerOptions": 0, + "shouldTrim": false, + }, + "frame": Object { + "_class": "rect", + "constrainProportions": false, + "do_objectID": "E234A8D5-896D-4828-A581-ECA17643AEB9", + "height": 24, + "width": 24, + "x": 1322, + "y": 408, + }, + "grid": Object { + "_class": "simpleGrid", + "do_objectID": "2169935D-78A4-4F9E-93F0-4231C5535112", + "gridSize": 20, + "isEnabled": false, + "thickGridTimes": 10, + }, + "groupLayout": Object { + "_class": "MSImmutableFreeformGroupLayout", + }, + "hasBackgroundColor": false, + "hasClickThrough": false, + "hasClippingMask": false, + "horizontalRulerData": Object { + "_class": "rulerData", + "base": 0, + "do_objectID": "FD56ABEA-5ABF-4B09-8705-F92D89B66418", + "guides": Array [], + }, + "includeBackgroundColorInExport": true, + "includeBackgroundColorInInstance": false, + "includeInCloudUpload": true, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isFlowHome": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 2, + "layers": Array [ + Object { + "_class": "rectangle", + "booleanOperation": -1, + "clippingMaskMode": 0, + "do_objectID": "A63E9CE6-1240-4DA3-87A8-354A7F2D5529", + "edited": false, + "exportOptions": Object { + "_class": "exportOptions", + "do_objectID": "75F0C030-C9BA-4DB4-90FD-5B0A2A33BDDD", + "exportFormats": Array [], + "includedLayerIds": Array [], + "layerOptions": 0, + "shouldTrim": false, + }, + "fixedRadius": 0, + "frame": Object { + "_class": "rect", + "constrainProportions": false, + "height": 24, + "width": 24, + "x": 0, + "y": 0, + }, + "hasClippingMask": false, + "hasConvertedToNewRoundCorners": true, + "isClosed": true, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 1, + "name": "gray-dark", + "nameIsFixed": true, + "pointRadiusBehaviour": 1, + "points": Array [ + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0, 0}", + "curveMode": 1, + "curveTo": "{0, 0}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{0, 0}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{1, 0}", + "curveMode": 1, + "curveTo": "{1, 0}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{1, 0}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{1, 1}", + "curveMode": 1, + "curveTo": "{1, 1}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{1, 1}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0, 1}", + "curveMode": 1, + "curveTo": "{0, 1}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{0, 1}", + }, + ], + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": false, + "style": Object { + "_class": "style", + "borders": Array [ + Object { + "_class": "border", + "color": Object { + "_class": "color", + "alpha": 1, + "blue": 0.592, + "green": 0.592, + "red": 0.592, + }, + "fillType": 0, + "isEnabled": false, + "position": 1, + "thickness": 1, + }, + ], + "do_objectID": "3B823A74-D90E-4FEE-9CE3-D8BA0A7CC55B", + "endMarkerType": 0, + "fills": Array [ + Object { + "_class": "fill", + "color": Object { + "_class": "color", + "alpha": 1, + "blue": 0.3675662520201618, + "green": 0.3675662520201618, + "red": 0.9606186224489796, + }, + "fillType": 0, + "isEnabled": true, + "noiseIndex": 0, + "noiseIntensity": 0, + "patternFillType": 1, + "patternTileScale": 1, + }, + ], + "miterLimit": 10, + "startMarkerType": 0, + "windingRule": 1, + }, + "userInfo": Object { + "com.animaapp.stc-sketch-plugin": Object { + "kModelPropertiesKey": Object {}, + }, + }, + }, + ], + "layout": Object { + "_class": "layoutGrid", + "columnWidth": 1, + "do_objectID": "FB64C76A-6AEC-463D-8ED7-4FDAFA4C0237", + "drawHorizontal": true, + "drawHorizontalLines": false, + "drawVertical": false, + "gutterHeight": 8, + "gutterWidth": 86.18181818181819, + "guttersOutside": false, + "horizontalOffset": 0, + "isEnabled": false, + "numberOfColumns": 12, + "rowHeightMultiplication": 1, + "totalWidth": 960, + }, + "name": "primitives/color/red", + "nameIsFixed": true, + "overrideProperties": Array [], + "resizesContent": false, + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": true, + "style": Object { + "_class": "style", + "do_objectID": "12A977A3-10B0-44E4-994C-D860A438FEA4", + "endMarkerType": 0, + "miterLimit": 10, + "startMarkerType": 0, + "windingRule": 1, + }, + "symbolID": "0059EBB3-0C83-4D2C-AC26-845113B5F1CB", + "userInfo": Object { + "com.animaapp.stc-sketch-plugin": Object { + "kModelPropertiesKey": Object {}, + }, + }, + "verticalRulerData": Object { + "_class": "rulerData", + "base": 0, + "do_objectID": "9943BA12-F3EE-452F-BDF3-1425DEE65C57", + "guides": Array [], + }, + }, + Object { + "_class": "symbolMaster", + "allowsOverrides": true, + "backgroundColor": Object { + "_class": "color", + "alpha": 1, + "blue": 1, + "do_objectID": "6B1F1A70-C3A9-4DC8-A08B-D4B937FB065E", + "green": 1, + "red": 1, + }, + "booleanOperation": 0, + "changeIdentifier": 1685, + "clippingMaskMode": 0, + "do_objectID": "BB725F66-962D-4674-8835-19A19EA41CA1", + "exportOptions": Object { + "_class": "exportOptions", + "do_objectID": "C7AEDF9E-9993-4F40-BF57-D500A0371814", + "exportFormats": Array [], + "includedLayerIds": Array [], + "layerOptions": 0, + "shouldTrim": false, + }, + "frame": Object { + "_class": "rect", + "constrainProportions": false, + "do_objectID": "B659E879-B777-4BA0-9DB2-D5FA9F8CD419", + "height": 24, + "width": 24, + "x": 1355, + "y": 446, + }, + "groupLayout": Object { + "_class": "MSImmutableFreeformGroupLayout", + }, + "hasBackgroundColor": false, + "hasClickThrough": false, + "hasClippingMask": false, + "horizontalRulerData": Object { + "_class": "rulerData", + "base": 0, + "do_objectID": "8EF017EB-02ED-4962-86BC-7226741B346C", + "guides": Array [], + }, + "includeBackgroundColorInExport": true, + "includeBackgroundColorInInstance": false, + "includeInCloudUpload": true, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isFlowHome": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 2, + "layers": Array [ + Object { + "_class": "rectangle", + "booleanOperation": -1, + "clippingMaskMode": 0, + "do_objectID": "006F77EE-04BC-4208-A7C4-B83EA6CF8093", + "edited": false, + "exportOptions": Object { + "_class": "exportOptions", + "do_objectID": "5B032ED2-FED9-49D4-89B8-F36609FDBF2E", + "exportFormats": Array [], + "includedLayerIds": Array [], + "layerOptions": 0, + "shouldTrim": false, + }, + "fixedRadius": 0, + "frame": Object { + "_class": "rect", + "constrainProportions": false, + "height": 24, + "width": 24, + "x": 0, + "y": 0, + }, + "hasClippingMask": false, + "hasConvertedToNewRoundCorners": true, + "isClosed": true, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 1, + "name": "gray-dark", + "nameIsFixed": true, + "pointRadiusBehaviour": 1, + "points": Array [ + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0, 0}", + "curveMode": 1, + "curveTo": "{0, 0}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{0, 0}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{1, 0}", + "curveMode": 1, + "curveTo": "{1, 0}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{1, 0}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{1, 1}", + "curveMode": 1, + "curveTo": "{1, 1}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{1, 1}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0, 1}", + "curveMode": 1, + "curveTo": "{0, 1}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{0, 1}", + }, + ], + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": false, + "style": Object { + "_class": "style", + "borders": Array [ + Object { + "_class": "border", + "color": Object { + "_class": "color", + "alpha": 1, + "blue": 0.592, + "green": 0.592, + "red": 0.592, + }, + "fillType": 0, + "isEnabled": false, + "position": 1, + "thickness": 1, + }, + ], + "do_objectID": "31AD4963-511F-4A63-AEDF-FEB71B4F66D5", + "endMarkerType": 0, + "fills": Array [ + Object { + "_class": "fill", + "color": Object { + "_class": "color", + "alpha": 1, + "blue": 0.2901960784313725, + "green": 0.5294117647058824, + "red": 0.2431372549019608, + }, + "fillType": 0, + "isEnabled": true, + "noiseIndex": 0, + "noiseIntensity": 0, + "patternFillType": 1, + "patternTileScale": 1, + }, + ], + "miterLimit": 10, + "startMarkerType": 0, + "windingRule": 1, + }, + "userInfo": Object { + "com.animaapp.stc-sketch-plugin": Object { + "kModelPropertiesKey": Object {}, + }, + }, + }, + ], + "layout": Object { + "_class": "layoutGrid", + "columnWidth": 1, + "do_objectID": "319B16CE-3382-4FC9-A9DA-AEB419E40E66", + "drawHorizontal": true, + "drawHorizontalLines": false, + "drawVertical": false, + "gutterHeight": 8, + "gutterWidth": 86.18181818181819, + "guttersOutside": false, + "horizontalOffset": 0, + "isEnabled": false, + "numberOfColumns": 12, + "rowHeightMultiplication": 1, + "totalWidth": 960, + }, + "name": "primitives/color/secondary/800", + "nameIsFixed": true, + "overrideProperties": Array [], + "resizesContent": false, + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": true, + "style": Object { + "_class": "style", + "do_objectID": "EF7B7578-7ECB-4E66-8BE8-31CB6706E4C7", + "endMarkerType": 0, + "miterLimit": 10, + "startMarkerType": 0, + "windingRule": 1, + }, + "symbolID": "618C2443-EB47-4245-8ED3-585D67B75D21", + "userInfo": Object { + "com.animaapp.stc-sketch-plugin": Object { + "kModelPropertiesKey": Object {}, + }, + }, + "verticalRulerData": Object { + "_class": "rulerData", + "base": 0, + "do_objectID": "AE680BBA-1F5C-44E5-8A7B-E92609411D61", + "guides": Array [], + }, + }, + Object { + "_class": "symbolMaster", + "allowsOverrides": true, + "backgroundColor": Object { + "_class": "color", + "alpha": 1, + "blue": 1, + "do_objectID": "17803EE2-EE74-4EFF-879B-02C786E41701", + "green": 1, + "red": 1, + }, + "booleanOperation": 0, + "changeIdentifier": 1728, + "clippingMaskMode": 0, + "do_objectID": "46F335CE-30A0-4925-B587-F5BA1D324C5E", + "exportOptions": Object { + "_class": "exportOptions", + "do_objectID": "CBCAED3B-011D-41B0-B701-ACC22601C118", + "exportFormats": Array [], + "includedLayerIds": Array [], + "layerOptions": 0, + "shouldTrim": false, + }, + "frame": Object { + "_class": "rect", + "constrainProportions": false, + "do_objectID": "52D5B0CE-C6DF-4B3F-92D8-823F14DD591B", + "height": 24, + "width": 24, + "x": 1355, + "y": 489, + }, + "groupLayout": Object { + "_class": "MSImmutableFreeformGroupLayout", + }, + "hasBackgroundColor": false, + "hasClickThrough": false, + "hasClippingMask": false, + "horizontalRulerData": Object { + "_class": "rulerData", + "base": 0, + "do_objectID": "74F9746C-FE00-4107-8552-5ED0F3A050DA", + "guides": Array [], + }, + "includeBackgroundColorInExport": true, + "includeBackgroundColorInInstance": false, + "includeInCloudUpload": true, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isFlowHome": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 2, + "layers": Array [ + Object { + "_class": "rectangle", + "booleanOperation": -1, + "clippingMaskMode": 0, + "do_objectID": "259DCF0D-90E9-41DF-B6B4-FB14DBFA8C21", + "edited": false, + "exportOptions": Object { + "_class": "exportOptions", + "do_objectID": "AFB1D987-BF06-4C8C-830A-23D19ED5F8AA", + "exportFormats": Array [], + "includedLayerIds": Array [], + "layerOptions": 0, + "shouldTrim": false, + }, + "fixedRadius": 0, + "frame": Object { + "_class": "rect", + "constrainProportions": false, + "height": 24, + "width": 24, + "x": 0, + "y": 0, + }, + "hasClippingMask": false, + "hasConvertedToNewRoundCorners": true, + "isClosed": true, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 1, + "name": "gray-dark", + "nameIsFixed": true, + "pointRadiusBehaviour": 1, + "points": Array [ + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0, 0}", + "curveMode": 1, + "curveTo": "{0, 0}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{0, 0}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{1, 0}", + "curveMode": 1, + "curveTo": "{1, 0}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{1, 0}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{1, 1}", + "curveMode": 1, + "curveTo": "{1, 1}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{1, 1}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0, 1}", + "curveMode": 1, + "curveTo": "{0, 1}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{0, 1}", + }, + ], + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": false, + "style": Object { + "_class": "style", + "borders": Array [ + Object { + "_class": "border", + "color": Object { + "_class": "color", + "alpha": 1, + "blue": 0.592, + "green": 0.592, + "red": 0.592, + }, + "fillType": 0, + "isEnabled": false, + "position": 1, + "thickness": 1, + }, + ], + "do_objectID": "D0859D2F-6BCC-4DEB-B82E-5FB2642EA234", + "endMarkerType": 0, + "fills": Array [ + Object { + "_class": "fill", + "color": Object { + "_class": "color", + "alpha": 1, + "blue": 0.3450980392156862, + "green": 0.5686274509803921, + "red": 0.3333333333333334, + }, + "fillType": 0, + "isEnabled": true, + "noiseIndex": 0, + "noiseIntensity": 0, + "patternFillType": 1, + "patternTileScale": 1, + }, + ], + "miterLimit": 10, + "startMarkerType": 0, + "windingRule": 1, + }, + "userInfo": Object { + "com.animaapp.stc-sketch-plugin": Object { + "kModelPropertiesKey": Object {}, + }, + }, + }, + ], + "layout": Object { + "_class": "layoutGrid", + "columnWidth": 1, + "do_objectID": "102AA610-E47D-48BB-B567-12E0D2D593CF", + "drawHorizontal": true, + "drawHorizontalLines": false, + "drawVertical": false, + "gutterHeight": 8, + "gutterWidth": 86.18181818181819, + "guttersOutside": false, + "horizontalOffset": 0, + "isEnabled": false, + "numberOfColumns": 12, + "rowHeightMultiplication": 1, + "totalWidth": 960, + }, + "name": "primitives/color/secondary/700", + "nameIsFixed": true, + "overrideProperties": Array [], + "resizesContent": false, + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": true, + "style": Object { + "_class": "style", + "do_objectID": "E80A4FBA-A116-46D0-B4DE-402C89D5EDA0", + "endMarkerType": 0, + "miterLimit": 10, + "startMarkerType": 0, + "windingRule": 1, + }, + "symbolID": "C146C4AE-3310-4B0F-8D41-FFD9F285AD4C", + "userInfo": Object { + "com.animaapp.stc-sketch-plugin": Object { + "kModelPropertiesKey": Object {}, + }, + }, + "verticalRulerData": Object { + "_class": "rulerData", + "base": 0, + "do_objectID": "672DA96B-034B-4BEC-9AF1-41A962DA4990", + "guides": Array [], + }, + }, + Object { + "_class": "symbolMaster", + "allowsOverrides": true, + "backgroundColor": Object { + "_class": "color", + "alpha": 1, + "blue": 1, + "do_objectID": "E87E692B-C247-4C31-B555-D9311CC7B6E3", + "green": 1, + "red": 1, + }, + "booleanOperation": 0, + "changeIdentifier": 1864, + "clippingMaskMode": 0, + "do_objectID": "674B5B2C-E545-493B-B3AD-2B6495E87E53", + "exportOptions": Object { + "_class": "exportOptions", + "do_objectID": "D0C03AD2-0DAA-4CC7-A0FE-EBE4607510F2", + "exportFormats": Array [], + "includedLayerIds": Array [], + "layerOptions": 0, + "shouldTrim": false, + }, + "frame": Object { + "_class": "rect", + "constrainProportions": false, + "do_objectID": "51F53635-CB4D-4F55-9402-DF81A677C87D", + "height": 24, + "width": 24, + "x": 1355, + "y": 532, + }, + "groupLayout": Object { + "_class": "MSImmutableFreeformGroupLayout", + }, + "hasBackgroundColor": false, + "hasClickThrough": false, + "hasClippingMask": false, + "horizontalRulerData": Object { + "_class": "rulerData", + "base": 0, + "do_objectID": "A75B4D7D-C0A0-4E7E-B730-4D5034C7E925", + "guides": Array [], + }, + "includeBackgroundColorInExport": true, + "includeBackgroundColorInInstance": false, + "includeInCloudUpload": true, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isFlowHome": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 2, + "layers": Array [ + Object { + "_class": "rectangle", + "booleanOperation": -1, + "clippingMaskMode": 0, + "do_objectID": "11757A5C-8403-4523-9F9E-287931290082", + "edited": false, + "exportOptions": Object { + "_class": "exportOptions", + "do_objectID": "309D0FC1-CBBA-49F6-B4D3-B0CAD9D76BD5", + "exportFormats": Array [], + "includedLayerIds": Array [], + "layerOptions": 0, + "shouldTrim": false, + }, + "fixedRadius": 0, + "frame": Object { + "_class": "rect", + "constrainProportions": false, + "height": 24, + "width": 24, + "x": 0, + "y": 0, + }, + "hasClippingMask": false, + "hasConvertedToNewRoundCorners": true, + "isClosed": true, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 1, + "name": "gray-dark", + "nameIsFixed": true, + "pointRadiusBehaviour": 1, + "points": Array [ + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0, 0}", + "curveMode": 1, + "curveTo": "{0, 0}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{0, 0}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{1, 0}", + "curveMode": 1, + "curveTo": "{1, 0}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{1, 0}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{1, 1}", + "curveMode": 1, + "curveTo": "{1, 1}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{1, 1}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0, 1}", + "curveMode": 1, + "curveTo": "{0, 1}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{0, 1}", + }, + ], + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": false, + "style": Object { + "_class": "style", + "borders": Array [ + Object { + "_class": "border", + "color": Object { + "_class": "color", + "alpha": 1, + "blue": 0.592, + "green": 0.592, + "red": 0.592, + }, + "fillType": 0, + "isEnabled": false, + "position": 1, + "thickness": 1, + }, + ], + "do_objectID": "193AAE10-29E8-40BD-8A23-287660CE126D", + "endMarkerType": 0, + "fills": Array [ + Object { + "_class": "fill", + "color": Object { + "_class": "color", + "alpha": 1, + "blue": 0.415686274509804, + "green": 0.615686274509804, + "red": 0.419607843137255, + }, + "fillType": 0, + "isEnabled": true, + "noiseIndex": 0, + "noiseIntensity": 0, + "patternFillType": 1, + "patternTileScale": 1, + }, + ], + "miterLimit": 10, + "startMarkerType": 0, + "windingRule": 1, + }, + "userInfo": Object { + "com.animaapp.stc-sketch-plugin": Object { + "kModelPropertiesKey": Object {}, + }, + }, + }, + ], + "layout": Object { + "_class": "layoutGrid", + "columnWidth": 1, + "do_objectID": "CD432E03-2793-4C11-8FC1-C7D0CA79F779", + "drawHorizontal": true, + "drawHorizontalLines": false, + "drawVertical": false, + "gutterHeight": 8, + "gutterWidth": 86.18181818181819, + "guttersOutside": false, + "horizontalOffset": 0, + "isEnabled": false, + "numberOfColumns": 12, + "rowHeightMultiplication": 1, + "totalWidth": 960, + }, + "name": "primitives/color/secondary/600", + "nameIsFixed": true, + "overrideProperties": Array [], + "resizesContent": false, + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": true, + "style": Object { + "_class": "style", + "do_objectID": "4749B9B1-5183-4A0C-BD59-A11BD5BF9841", + "endMarkerType": 0, + "miterLimit": 10, + "startMarkerType": 0, + "windingRule": 1, + }, + "symbolID": "A5B79739-3548-4F1C-998B-271133B42EE7", + "userInfo": Object { + "com.animaapp.stc-sketch-plugin": Object { + "kModelPropertiesKey": Object {}, + }, + }, + "verticalRulerData": Object { + "_class": "rulerData", + "base": 0, + "do_objectID": "1CD796E6-82B7-4315-B115-3310BBF7B764", + "guides": Array [], + }, + }, + Object { + "_class": "symbolMaster", + "allowsOverrides": true, + "backgroundColor": Object { + "_class": "color", + "alpha": 1, + "blue": 1, + "do_objectID": "2C6A4166-4342-48CC-BAE9-79652A801EF4", + "green": 1, + "red": 1, + }, + "booleanOperation": 0, + "changeIdentifier": 1945, + "clippingMaskMode": 0, + "do_objectID": "767651C1-DEEB-4D60-A295-685C9CB0A977", + "exportOptions": Object { + "_class": "exportOptions", + "do_objectID": "51F4B1DD-2BD4-4764-B827-7334BDFDDE01", + "exportFormats": Array [], + "includedLayerIds": Array [], + "layerOptions": 0, + "shouldTrim": false, + }, + "frame": Object { + "_class": "rect", + "constrainProportions": false, + "do_objectID": "8FBE8C95-A0EB-4E6E-9C42-4A31431B4155", + "height": 24, + "width": 24, + "x": 1355, + "y": 572, + }, + "groupLayout": Object { + "_class": "MSImmutableFreeformGroupLayout", + }, + "hasBackgroundColor": false, + "hasClickThrough": false, + "hasClippingMask": false, + "horizontalRulerData": Object { + "_class": "rulerData", + "base": 0, + "do_objectID": "AA0D295C-4463-4F1A-9795-28A89697D022", + "guides": Array [], + }, + "includeBackgroundColorInExport": true, + "includeBackgroundColorInInstance": false, + "includeInCloudUpload": true, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isFlowHome": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 2, + "layers": Array [ + Object { + "_class": "rectangle", + "booleanOperation": -1, + "clippingMaskMode": 0, + "do_objectID": "BB8F4AF2-1945-48C4-BA28-5089880429B8", + "edited": false, + "exportOptions": Object { + "_class": "exportOptions", + "do_objectID": "2AB22704-751B-4C2A-96F3-DF8B7E8A08BE", + "exportFormats": Array [], + "includedLayerIds": Array [], + "layerOptions": 0, + "shouldTrim": false, + }, + "fixedRadius": 0, + "frame": Object { + "_class": "rect", + "constrainProportions": false, + "height": 24, + "width": 24, + "x": 0, + "y": 0, + }, + "hasClippingMask": false, + "hasConvertedToNewRoundCorners": true, + "isClosed": true, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 1, + "name": "gray-dark", + "nameIsFixed": true, + "pointRadiusBehaviour": 1, + "points": Array [ + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0, 0}", + "curveMode": 1, + "curveTo": "{0, 0}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{0, 0}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{1, 0}", + "curveMode": 1, + "curveTo": "{1, 0}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{1, 0}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{1, 1}", + "curveMode": 1, + "curveTo": "{1, 1}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{1, 1}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0, 1}", + "curveMode": 1, + "curveTo": "{0, 1}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{0, 1}", + }, + ], + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": false, + "style": Object { + "_class": "style", + "borders": Array [ + Object { + "_class": "border", + "color": Object { + "_class": "color", + "alpha": 1, + "blue": 0.592, + "green": 0.592, + "red": 0.592, + }, + "fillType": 0, + "isEnabled": false, + "position": 1, + "thickness": 1, + }, + ], + "do_objectID": "8BC17585-8719-4A6C-A794-D89196F148AB", + "endMarkerType": 0, + "fills": Array [ + Object { + "_class": "fill", + "color": Object { + "_class": "color", + "alpha": 1, + "blue": 0.4862745098039215, + "green": 0.6627450980392157, + "red": 0.5058823529411764, + }, + "fillType": 0, + "isEnabled": true, + "noiseIndex": 0, + "noiseIntensity": 0, + "patternFillType": 1, + "patternTileScale": 1, + }, + ], + "miterLimit": 10, + "startMarkerType": 0, + "windingRule": 1, + }, + "userInfo": Object { + "com.animaapp.stc-sketch-plugin": Object { + "kModelPropertiesKey": Object {}, + }, + }, + }, + ], + "layout": Object { + "_class": "layoutGrid", + "columnWidth": 1, + "do_objectID": "0543D266-242C-4AF4-B6B3-5896BF7EF1E8", + "drawHorizontal": true, + "drawHorizontalLines": false, + "drawVertical": false, + "gutterHeight": 8, + "gutterWidth": 86.18181818181819, + "guttersOutside": false, + "horizontalOffset": 0, + "isEnabled": false, + "numberOfColumns": 12, + "rowHeightMultiplication": 1, + "totalWidth": 960, + }, + "name": "primitives/color/secondary/500", + "nameIsFixed": true, + "overrideProperties": Array [], + "resizesContent": false, + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": true, + "style": Object { + "_class": "style", + "do_objectID": "F28E63E1-67E1-431D-9261-7E126422034E", + "endMarkerType": 0, + "miterLimit": 10, + "startMarkerType": 0, + "windingRule": 1, + }, + "symbolID": "614AC7D7-2270-4336-BFB3-CD3A6745B618", + "userInfo": Object { + "com.animaapp.stc-sketch-plugin": Object { + "kModelPropertiesKey": Object {}, + }, + }, + "verticalRulerData": Object { + "_class": "rulerData", + "base": 0, + "do_objectID": "7C5918CE-6EC3-4FE0-B77F-ECA80541B703", + "guides": Array [], + }, + }, + Object { + "_class": "symbolMaster", + "allowsOverrides": true, + "backgroundColor": Object { + "_class": "color", + "alpha": 1, + "blue": 1, + "do_objectID": "4E0C7A3C-32BC-452A-8069-6A8E68FF4CC6", + "green": 1, + "red": 1, + }, + "booleanOperation": 0, + "changeIdentifier": 2060, + "clippingMaskMode": 0, + "do_objectID": "46B85BC1-A746-436F-A660-7A3183C21D8E", + "exportOptions": Object { + "_class": "exportOptions", + "do_objectID": "84086054-ECD9-4BE8-8719-59086338A9FC", + "exportFormats": Array [], + "includedLayerIds": Array [], + "layerOptions": 0, + "shouldTrim": false, + }, + "frame": Object { + "_class": "rect", + "constrainProportions": false, + "do_objectID": "F2AC554E-1ED2-479F-926B-1EE84C2B6911", + "height": 24, + "width": 24, + "x": 1355, + "y": 614, + }, + "groupLayout": Object { + "_class": "MSImmutableFreeformGroupLayout", + }, + "hasBackgroundColor": false, + "hasClickThrough": false, + "hasClippingMask": false, + "horizontalRulerData": Object { + "_class": "rulerData", + "base": 0, + "do_objectID": "BDA08C6E-BC43-41DB-9A57-928CA3CBA811", + "guides": Array [], + }, + "includeBackgroundColorInExport": true, + "includeBackgroundColorInInstance": false, + "includeInCloudUpload": true, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isFlowHome": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 2, + "layers": Array [ + Object { + "_class": "rectangle", + "booleanOperation": -1, + "clippingMaskMode": 0, + "do_objectID": "517EC265-174D-476F-A1FA-8DDBEF357069", + "edited": false, + "exportOptions": Object { + "_class": "exportOptions", + "do_objectID": "0C2332DB-60A6-4291-A8BD-F53E563BB6DE", + "exportFormats": Array [], + "includedLayerIds": Array [], + "layerOptions": 0, + "shouldTrim": false, + }, + "fixedRadius": 0, + "frame": Object { + "_class": "rect", + "constrainProportions": false, + "height": 24, + "width": 24, + "x": 0, + "y": 0, + }, + "hasClippingMask": false, + "hasConvertedToNewRoundCorners": true, + "isClosed": true, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 1, + "name": "gray-dark", + "nameIsFixed": true, + "pointRadiusBehaviour": 1, + "points": Array [ + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0, 0}", + "curveMode": 1, + "curveTo": "{0, 0}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{0, 0}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{1, 0}", + "curveMode": 1, + "curveTo": "{1, 0}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{1, 0}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{1, 1}", + "curveMode": 1, + "curveTo": "{1, 1}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{1, 1}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0, 1}", + "curveMode": 1, + "curveTo": "{0, 1}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{0, 1}", + }, + ], + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": false, + "style": Object { + "_class": "style", + "borders": Array [ + Object { + "_class": "border", + "color": Object { + "_class": "color", + "alpha": 1, + "blue": 0.592, + "green": 0.592, + "red": 0.592, + }, + "fillType": 0, + "isEnabled": false, + "position": 1, + "thickness": 1, + }, + ], + "do_objectID": "3591F473-A31C-479C-88BC-FD75AA953FBA", + "endMarkerType": 0, + "fills": Array [ + Object { + "_class": "fill", + "color": Object { + "_class": "color", + "alpha": 1, + "blue": 0.5647058823529412, + "green": 0.7137254901960784, + "red": 0.592156862745098, + }, + "fillType": 0, + "isEnabled": true, + "noiseIndex": 0, + "noiseIntensity": 0, + "patternFillType": 1, + "patternTileScale": 1, + }, + ], + "miterLimit": 10, + "startMarkerType": 0, + "windingRule": 1, + }, + "userInfo": Object { + "com.animaapp.stc-sketch-plugin": Object { + "kModelPropertiesKey": Object {}, + }, + }, + }, + ], + "layout": Object { + "_class": "layoutGrid", + "columnWidth": 1, + "do_objectID": "34007727-1AA4-405B-B40E-AD4A42D1ED54", + "drawHorizontal": true, + "drawHorizontalLines": false, + "drawVertical": false, + "gutterHeight": 8, + "gutterWidth": 86.18181818181819, + "guttersOutside": false, + "horizontalOffset": 0, + "isEnabled": false, + "numberOfColumns": 12, + "rowHeightMultiplication": 1, + "totalWidth": 960, + }, + "name": "primitives/color/secondary/400", + "nameIsFixed": true, + "overrideProperties": Array [], + "resizesContent": false, + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": true, + "style": Object { + "_class": "style", + "do_objectID": "6EF4EEC6-179B-4B29-9217-D1D177BE3211", + "endMarkerType": 0, + "miterLimit": 10, + "startMarkerType": 0, + "windingRule": 1, + }, + "symbolID": "62639DC3-ADE1-4395-947F-A8ADB12E4A50", + "userInfo": Object { + "com.animaapp.stc-sketch-plugin": Object { + "kModelPropertiesKey": Object {}, + }, + }, + "verticalRulerData": Object { + "_class": "rulerData", + "base": 0, + "do_objectID": "24227011-8BF8-42F8-844F-829D9D621F20", + "guides": Array [], + }, + }, + Object { + "_class": "symbolMaster", + "allowsOverrides": true, + "backgroundColor": Object { + "_class": "color", + "alpha": 1, + "blue": 1, + "do_objectID": "5275F307-6F47-4B75-97D2-C9D8A23D8187", + "green": 1, + "red": 1, + }, + "booleanOperation": 0, + "changeIdentifier": 2098, + "clippingMaskMode": 0, + "do_objectID": "80E137BB-C2C2-48E5-8DD3-05FD005FDC6A", + "exportOptions": Object { + "_class": "exportOptions", + "do_objectID": "1E8599DA-D772-42C8-AE51-4BCE2DF5F483", + "exportFormats": Array [], + "includedLayerIds": Array [], + "layerOptions": 0, + "shouldTrim": false, + }, + "frame": Object { + "_class": "rect", + "constrainProportions": false, + "do_objectID": "79B3597B-8202-4315-A799-8B5164B1215E", + "height": 24, + "width": 24, + "x": 1355, + "y": 659, + }, + "groupLayout": Object { + "_class": "MSImmutableFreeformGroupLayout", + }, + "hasBackgroundColor": false, + "hasClickThrough": false, + "hasClippingMask": false, + "horizontalRulerData": Object { + "_class": "rulerData", + "base": 0, + "do_objectID": "A0C19ED7-9743-4DAA-8022-5D6CF9895079", + "guides": Array [], + }, + "includeBackgroundColorInExport": true, + "includeBackgroundColorInInstance": false, + "includeInCloudUpload": true, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isFlowHome": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 2, + "layers": Array [ + Object { + "_class": "rectangle", + "booleanOperation": -1, + "clippingMaskMode": 0, + "do_objectID": "D6E3D5CA-12AC-4DBC-BF05-D9743A1FCB11", + "edited": false, + "exportOptions": Object { + "_class": "exportOptions", + "do_objectID": "E389A6AF-C50D-4934-B672-B50135B7FC94", + "exportFormats": Array [], + "includedLayerIds": Array [], + "layerOptions": 0, + "shouldTrim": false, + }, + "fixedRadius": 0, + "frame": Object { + "_class": "rect", + "constrainProportions": false, + "height": 24, + "width": 24, + "x": 0, + "y": 0, + }, + "hasClippingMask": false, + "hasConvertedToNewRoundCorners": true, + "isClosed": true, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 1, + "name": "gray-dark", + "nameIsFixed": true, + "pointRadiusBehaviour": 1, + "points": Array [ + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0, 0}", + "curveMode": 1, + "curveTo": "{0, 0}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{0, 0}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{1, 0}", + "curveMode": 1, + "curveTo": "{1, 0}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{1, 0}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{1, 1}", + "curveMode": 1, + "curveTo": "{1, 1}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{1, 1}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0, 1}", + "curveMode": 1, + "curveTo": "{0, 1}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{0, 1}", + }, + ], + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": false, + "style": Object { + "_class": "style", + "borders": Array [ + Object { + "_class": "border", + "color": Object { + "_class": "color", + "alpha": 1, + "blue": 0.592, + "green": 0.592, + "red": 0.592, + }, + "fillType": 0, + "isEnabled": false, + "position": 1, + "thickness": 1, + }, + ], + "do_objectID": "83B7AA76-74CA-4771-B2B9-CB33A68436E8", + "endMarkerType": 0, + "fills": Array [ + Object { + "_class": "fill", + "color": Object { + "_class": "color", + "alpha": 1, + "blue": 0.7294117647058823, + "green": 0.8235294117647058, + "red": 0.7529411764705882, + }, + "fillType": 0, + "isEnabled": true, + "noiseIndex": 0, + "noiseIntensity": 0, + "patternFillType": 1, + "patternTileScale": 1, + }, + ], + "miterLimit": 10, + "startMarkerType": 0, + "windingRule": 1, + }, + "userInfo": Object { + "com.animaapp.stc-sketch-plugin": Object { + "kModelPropertiesKey": Object {}, + }, + }, + }, + ], + "layout": Object { + "_class": "layoutGrid", + "columnWidth": 1, + "do_objectID": "F2307171-2D1E-4A9D-BF78-A81E68F1F61A", + "drawHorizontal": true, + "drawHorizontalLines": false, + "drawVertical": false, + "gutterHeight": 8, + "gutterWidth": 86.18181818181819, + "guttersOutside": false, + "horizontalOffset": 0, + "isEnabled": false, + "numberOfColumns": 12, + "rowHeightMultiplication": 1, + "totalWidth": 960, + }, + "name": "primitives/color/secondary/300", + "nameIsFixed": true, + "overrideProperties": Array [], + "resizesContent": false, + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": true, + "style": Object { + "_class": "style", + "do_objectID": "AD42143E-460B-4343-90F2-A94858A4CF54", + "endMarkerType": 0, + "miterLimit": 10, + "startMarkerType": 0, + "windingRule": 1, + }, + "symbolID": "FF6C20B5-8E2A-457F-BEC4-0F90DB95DD49", + "userInfo": Object { + "com.animaapp.stc-sketch-plugin": Object { + "kModelPropertiesKey": Object {}, + }, + }, + "verticalRulerData": Object { + "_class": "rulerData", + "base": 0, + "do_objectID": "5D08119D-0F8D-4549-8161-8B94A5F50E85", + "guides": Array [], + }, + }, + Object { + "_class": "symbolMaster", + "allowsOverrides": true, + "backgroundColor": Object { + "_class": "color", + "alpha": 1, + "blue": 1, + "do_objectID": "B2A8B70C-D5C9-4AC5-9576-DE8553BFC5AC", + "green": 1, + "red": 1, + }, + "booleanOperation": 0, + "changeIdentifier": 2154, + "clippingMaskMode": 0, + "do_objectID": "EE3107E2-F1F3-47F9-B2C7-6ED1F7363299", + "exportOptions": Object { + "_class": "exportOptions", + "do_objectID": "231457DD-C63E-4DFE-ADE8-3800CC6080CA", + "exportFormats": Array [], + "includedLayerIds": Array [], + "layerOptions": 0, + "shouldTrim": false, + }, + "frame": Object { + "_class": "rect", + "constrainProportions": false, + "do_objectID": "5087356A-2436-4B6D-8832-125C68FD79D2", + "height": 24, + "width": 24, + "x": 1355, + "y": 704, + }, + "groupLayout": Object { + "_class": "MSImmutableFreeformGroupLayout", + }, + "hasBackgroundColor": false, + "hasClickThrough": false, + "hasClippingMask": false, + "horizontalRulerData": Object { + "_class": "rulerData", + "base": 0, + "do_objectID": "49EE950F-76D8-4D89-8205-4394CFF1C49F", + "guides": Array [], + }, + "includeBackgroundColorInExport": true, + "includeBackgroundColorInInstance": false, + "includeInCloudUpload": true, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isFlowHome": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 2, + "layers": Array [ + Object { + "_class": "rectangle", + "booleanOperation": -1, + "clippingMaskMode": 0, + "do_objectID": "3C27BB86-CE8B-421B-99DB-10F7E774AAC6", + "edited": false, + "exportOptions": Object { + "_class": "exportOptions", + "do_objectID": "226836B5-9F18-4F54-A212-F908D31F63AC", + "exportFormats": Array [], + "includedLayerIds": Array [], + "layerOptions": 0, + "shouldTrim": false, + }, + "fixedRadius": 0, + "frame": Object { + "_class": "rect", + "constrainProportions": false, + "height": 24, + "width": 24, + "x": 0, + "y": 0, + }, + "hasClippingMask": false, + "hasConvertedToNewRoundCorners": true, + "isClosed": true, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 1, + "name": "gray-dark", + "nameIsFixed": true, + "pointRadiusBehaviour": 1, + "points": Array [ + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0, 0}", + "curveMode": 1, + "curveTo": "{0, 0}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{0, 0}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{1, 0}", + "curveMode": 1, + "curveTo": "{1, 0}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{1, 0}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{1, 1}", + "curveMode": 1, + "curveTo": "{1, 1}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{1, 1}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0, 1}", + "curveMode": 1, + "curveTo": "{0, 1}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{0, 1}", + }, + ], + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": false, + "style": Object { + "_class": "style", + "borders": Array [ + Object { + "_class": "border", + "color": Object { + "_class": "color", + "alpha": 1, + "blue": 0.592, + "green": 0.592, + "red": 0.592, + }, + "fillType": 0, + "isEnabled": false, + "position": 1, + "thickness": 1, + }, + ], + "do_objectID": "9A6DD3EE-3FB3-4CB9-9674-DDFF3014B138", + "endMarkerType": 0, + "fills": Array [ + Object { + "_class": "fill", + "color": Object { + "_class": "color", + "alpha": 1, + "blue": 0.8156862745098039, + "green": 0.8784313725490196, + "red": 0.8313725490196079, + }, + "fillType": 0, + "isEnabled": true, + "noiseIndex": 0, + "noiseIntensity": 0, + "patternFillType": 1, + "patternTileScale": 1, + }, + ], + "miterLimit": 10, + "startMarkerType": 0, + "windingRule": 1, + }, + "userInfo": Object { + "com.animaapp.stc-sketch-plugin": Object { + "kModelPropertiesKey": Object {}, + }, + }, + }, + ], + "layout": Object { + "_class": "layoutGrid", + "columnWidth": 1, + "do_objectID": "0A2CB072-9939-47C7-A012-3DE94B2DD0C8", + "drawHorizontal": true, + "drawHorizontalLines": false, + "drawVertical": false, + "gutterHeight": 8, + "gutterWidth": 86.18181818181819, + "guttersOutside": false, + "horizontalOffset": 0, + "isEnabled": false, + "numberOfColumns": 12, + "rowHeightMultiplication": 1, + "totalWidth": 960, + }, + "name": "primitives/color/secondary/200", + "nameIsFixed": true, + "overrideProperties": Array [], + "resizesContent": false, + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": true, + "style": Object { + "_class": "style", + "do_objectID": "93DC1231-3B2F-4EC9-BEA0-AC3FE7E7321D", + "endMarkerType": 0, + "miterLimit": 10, + "startMarkerType": 0, + "windingRule": 1, + }, + "symbolID": "330A5B18-6324-43DD-A4C6-3A96BF94CCEF", + "userInfo": Object { + "com.animaapp.stc-sketch-plugin": Object { + "kModelPropertiesKey": Object {}, + }, + }, + "verticalRulerData": Object { + "_class": "rulerData", + "base": 0, + "do_objectID": "CE5B3FC4-D8BC-4AB1-AC82-AE4E797BDEBA", + "guides": Array [], + }, + }, + Object { + "_class": "symbolMaster", + "allowsOverrides": true, + "backgroundColor": Object { + "_class": "color", + "alpha": 1, + "blue": 1, + "do_objectID": "CB4659BF-64A4-4833-9E94-1FB2FCA12868", + "green": 1, + "red": 1, + }, + "booleanOperation": 0, + "changeIdentifier": 2240, + "clippingMaskMode": 0, + "do_objectID": "44089DEB-F137-4D77-AC67-385A284A8716", + "exportOptions": Object { + "_class": "exportOptions", + "do_objectID": "7463A6CD-6A66-47EA-867E-CDBB12A33DD2", + "exportFormats": Array [], + "includedLayerIds": Array [], + "layerOptions": 0, + "shouldTrim": false, + }, + "frame": Object { + "_class": "rect", + "constrainProportions": false, + "do_objectID": "6C91177C-9EBE-406A-A014-1728D77F263C", + "height": 24, + "width": 24, + "x": 1355, + "y": 747, + }, + "groupLayout": Object { + "_class": "MSImmutableFreeformGroupLayout", + }, + "hasBackgroundColor": false, + "hasClickThrough": false, + "hasClippingMask": false, + "horizontalRulerData": Object { + "_class": "rulerData", + "base": 0, + "do_objectID": "E7111D7D-7A61-4575-8A0E-305598298AFE", + "guides": Array [], + }, + "includeBackgroundColorInExport": true, + "includeBackgroundColorInInstance": false, + "includeInCloudUpload": true, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isFlowHome": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 2, + "layers": Array [ + Object { + "_class": "rectangle", + "booleanOperation": -1, + "clippingMaskMode": 0, + "do_objectID": "E5B82D25-512F-42EF-ADFC-5A03B29D7FCC", + "edited": false, + "exportOptions": Object { + "_class": "exportOptions", + "do_objectID": "17C5FAB9-EE48-49E6-A6CE-AE3C3640980E", + "exportFormats": Array [], + "includedLayerIds": Array [], + "layerOptions": 0, + "shouldTrim": false, + }, + "fixedRadius": 0, + "frame": Object { + "_class": "rect", + "constrainProportions": false, + "height": 24, + "width": 24, + "x": 0, + "y": 0, + }, + "hasClippingMask": false, + "hasConvertedToNewRoundCorners": true, + "isClosed": true, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 1, + "name": "gray-dark", + "nameIsFixed": true, + "pointRadiusBehaviour": 1, + "points": Array [ + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0, 0}", + "curveMode": 1, + "curveTo": "{0, 0}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{0, 0}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{1, 0}", + "curveMode": 1, + "curveTo": "{1, 0}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{1, 0}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{1, 1}", + "curveMode": 1, + "curveTo": "{1, 1}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{1, 1}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0, 1}", + "curveMode": 1, + "curveTo": "{0, 1}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{0, 1}", + }, + ], + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": false, + "style": Object { + "_class": "style", + "borders": Array [ + Object { + "_class": "border", + "color": Object { + "_class": "color", + "alpha": 1, + "blue": 0.592, + "green": 0.592, + "red": 0.592, + }, + "fillType": 0, + "isEnabled": false, + "position": 1, + "thickness": 1, + }, + ], + "do_objectID": "9EAE6C6C-B36D-4C3A-9FAE-1606FA83F56E", + "endMarkerType": 0, + "fills": Array [ + Object { + "_class": "fill", + "color": Object { + "_class": "color", + "alpha": 1, + "blue": 0.9058823529411765, + "green": 0.9372549019607843, + "red": 0.9137254901960784, + }, + "fillType": 0, + "isEnabled": true, + "noiseIndex": 0, + "noiseIntensity": 0, + "patternFillType": 1, + "patternTileScale": 1, + }, + ], + "miterLimit": 10, + "startMarkerType": 0, + "windingRule": 1, + }, + "userInfo": Object { + "com.animaapp.stc-sketch-plugin": Object { + "kModelPropertiesKey": Object {}, + }, + }, + }, + ], + "layout": Object { + "_class": "layoutGrid", + "columnWidth": 1, + "do_objectID": "C810C421-88A9-4089-9082-9E0F290D085D", + "drawHorizontal": true, + "drawHorizontalLines": false, + "drawVertical": false, + "gutterHeight": 8, + "gutterWidth": 86.18181818181819, + "guttersOutside": false, + "horizontalOffset": 0, + "isEnabled": false, + "numberOfColumns": 12, + "rowHeightMultiplication": 1, + "totalWidth": 960, + }, + "name": "primitives/color/secondary/100", + "nameIsFixed": true, + "overrideProperties": Array [], + "resizesContent": false, + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": true, + "style": Object { + "_class": "style", + "do_objectID": "8F1DADF7-BEE2-4E1B-8672-D388842FEBAC", + "endMarkerType": 0, + "miterLimit": 10, + "startMarkerType": 0, + "windingRule": 1, + }, + "symbolID": "2B825069-6958-4BD3-942C-422F429A4FD4", + "userInfo": Object { + "com.animaapp.stc-sketch-plugin": Object { + "kModelPropertiesKey": Object {}, + }, + }, + "verticalRulerData": Object { + "_class": "rulerData", + "base": 0, + "do_objectID": "9DE62D73-AD6A-4271-9CD0-2C1D64ABD94E", + "guides": Array [], + }, + }, + Object { + "_class": "artboard", + "backgroundColor": Object { + "_class": "color", + "alpha": 1, + "blue": 1, + "green": 1, + "red": 1, + }, + "booleanOperation": -1, + "clippingMaskMode": 0, + "do_objectID": "0DAFE776-EE80-4B21-B0A1-1184FFC8C9FE", + "exportOptions": Object { + "_class": "exportOptions", + "exportFormats": Array [], + "includedLayerIds": Array [], + "layerOptions": 0, + "shouldTrim": false, + }, + "frame": Object { + "_class": "rect", + "constrainProportions": false, + "height": 62, + "width": 131, + "x": 1418, + "y": 408, + }, + "groupLayout": Object { + "_class": "MSImmutableFreeformGroupLayout", + }, + "hasBackgroundColor": false, + "hasClickThrough": false, + "hasClippingMask": false, + "horizontalRulerData": Object { + "_class": "rulerData", + "base": 0, + "guides": Array [], + }, + "includeBackgroundColorInExport": true, + "includeInCloudUpload": true, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isFlowHome": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 0, + "layers": Array [ + Object { + "_class": "rectangle", + "booleanOperation": -1, + "clippingMaskMode": 0, + "do_objectID": "25944FEF-F127-42B0-A02A-F457D16B7B47", + "edited": false, + "exportOptions": Object { + "_class": "exportOptions", + "exportFormats": Array [], + "includedLayerIds": Array [], + "layerOptions": 0, + "shouldTrim": false, + }, + "fixedRadius": 0, + "frame": Object { + "_class": "rect", + "constrainProportions": false, + "height": 62, + "width": 131, + "x": 0, + "y": 0, + }, + "hasClippingMask": false, + "hasConvertedToNewRoundCorners": true, + "isClosed": true, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 0, + "name": "Rectangle", + "nameIsFixed": false, + "pointRadiusBehaviour": 1, + "points": Array [ + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0, 0}", + "curveMode": 1, + "curveTo": "{0, 0}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{0, 0}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{1, 0}", + "curveMode": 1, + "curveTo": "{1, 0}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{1, 0}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{1, 1}", + "curveMode": 1, + "curveTo": "{1, 1}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{1, 1}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0, 1}", + "curveMode": 1, + "curveTo": "{0, 1}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{0, 1}", + }, + ], + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": false, + "style": Object { + "_class": "style", + "borders": Array [ + Object { + "_class": "border", + "color": Object { + "_class": "color", + "alpha": 1, + "blue": 0.592, + "green": 0.592, + "red": 0.592, + }, + "fillType": 0, + "isEnabled": false, + "position": 1, + "thickness": 1, + }, + ], + "endMarkerType": 0, + "fills": Array [ + Object { + "_class": "fill", + "color": Object { + "_class": "color", + "alpha": 1, + "blue": 0.847, + "green": 0.847, + "red": 0.847, + }, + "fillType": 1, + "gradient": Object { + "_class": "gradient", + "elipseLength": 1, + "from": "{0.5, 1}", + "gradientType": 0, + "stops": Array [ + Object { + "_class": "gradientStop", + "color": Object { + "_class": "color", + "alpha": 1, + "blue": 0.5647058823529412, + "green": 0.7137254901960784, + "red": 0.592156862745098, + }, + "position": 0, + }, + Object { + "_class": "gradientStop", + "color": Object { + "_class": "color", + "alpha": 1, + "blue": 0.3450980392156862, + "green": 0.5686274509803921, + "red": 0.3333333333333334, + }, + "position": 0.5038507579143953, + }, + Object { + "_class": "gradientStop", + "color": Object { + "_class": "color", + "alpha": 1, + "blue": 0.2431372549019607, + "green": 0.4901960784313725, + "red": 0.1333333333333333, + }, + "position": 1, + }, + ], + "to": "{0.49999999999999989, 3.0616169978683836e-17}", + }, + "isEnabled": true, + "noiseIndex": 0, + "noiseIntensity": 0, + "patternFillType": 1, + "patternTileScale": 1, + }, + ], + "miterLimit": 10, + "startMarkerType": 0, + "windingRule": 1, + }, + }, + ], + "name": "primitives/gradient/linear", + "nameIsFixed": true, + "resizesContent": false, + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": true, + "style": Object { + "_class": "style", + "endMarkerType": 0, + "miterLimit": 10, + "startMarkerType": 0, + "windingRule": 1, + }, + "verticalRulerData": Object { + "_class": "rulerData", + "base": 0, + "guides": Array [], + }, + }, + Object { + "_class": "artboard", + "backgroundColor": Object { + "_class": "color", + "alpha": 1, + "blue": 1, + "do_objectID": "E546E174-486B-4F9D-A3C7-B2DDE8C3C49B", + "green": 1, + "red": 1, + }, + "booleanOperation": -1, + "clippingMaskMode": 0, + "do_objectID": "F9C9C2C5-925B-41CC-B221-A681D3B0467B", + "exportOptions": Object { + "_class": "exportOptions", + "do_objectID": "E3E1E0B6-26FE-4390-98B5-D7C5F2B63287", + "exportFormats": Array [], + "includedLayerIds": Array [], + "layerOptions": 0, + "shouldTrim": false, + }, + "frame": Object { + "_class": "rect", + "constrainProportions": false, + "do_objectID": "BF1839CB-2E18-4BEB-AD4C-B20B0114788F", + "height": 62, + "width": 131, + "x": 1418, + "y": 489, + }, + "groupLayout": Object { + "_class": "MSImmutableFreeformGroupLayout", + }, + "hasBackgroundColor": false, + "hasClickThrough": false, + "hasClippingMask": false, + "horizontalRulerData": Object { + "_class": "rulerData", + "base": 0, + "do_objectID": "70025BC0-DC04-49CF-A575-147B99AB9E20", + "guides": Array [], + }, + "includeBackgroundColorInExport": true, + "includeInCloudUpload": true, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isFlowHome": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 0, + "layers": Array [ + Object { + "_class": "rectangle", + "booleanOperation": -1, + "clippingMaskMode": 0, + "do_objectID": "FDE90C50-C91D-41B2-9B9A-5A4246ED0EE6", + "edited": false, + "exportOptions": Object { + "_class": "exportOptions", + "do_objectID": "24A44529-F887-4E2B-AD62-8CF8DE378A6E", + "exportFormats": Array [], + "includedLayerIds": Array [], + "layerOptions": 0, + "shouldTrim": false, + }, + "fixedRadius": 0, + "frame": Object { + "_class": "rect", + "constrainProportions": false, + "do_objectID": "7487F607-C720-42B0-BDA8-EF8EF8266E87", + "height": 62, + "width": 131, + "x": 0, + "y": 0, + }, + "hasClippingMask": false, + "hasConvertedToNewRoundCorners": true, + "isClosed": true, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 0, + "name": "Rectangle", + "nameIsFixed": false, + "pointRadiusBehaviour": 1, + "points": Array [ + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0, 0}", + "curveMode": 1, + "curveTo": "{0, 0}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{0, 0}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{1, 0}", + "curveMode": 1, + "curveTo": "{1, 0}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{1, 0}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{1, 1}", + "curveMode": 1, + "curveTo": "{1, 1}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{1, 1}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0, 1}", + "curveMode": 1, + "curveTo": "{0, 1}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{0, 1}", + }, + ], + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": false, + "style": Object { + "_class": "style", + "borders": Array [ + Object { + "_class": "border", + "color": Object { + "_class": "color", + "alpha": 1, + "blue": 0.592, + "green": 0.592, + "red": 0.592, + }, + "fillType": 0, + "isEnabled": false, + "position": 1, + "thickness": 1, + }, + ], + "do_objectID": "9FEC3341-CD55-4C7E-A95D-7905CE9E0589", + "endMarkerType": 0, + "fills": Array [ + Object { + "_class": "fill", + "color": Object { + "_class": "color", + "alpha": 1, + "blue": 0.847, + "green": 0.847, + "red": 0.847, + }, + "fillType": 1, + "gradient": Object { + "_class": "gradient", + "elipseLength": 1, + "from": "{0.5, 1}", + "gradientType": 1, + "stops": Array [ + Object { + "_class": "gradientStop", + "color": Object { + "_class": "color", + "alpha": 1, + "blue": 0.5647058823529412, + "green": 0.7137254901960784, + "red": 0.592156862745098, + }, + "position": 0, + }, + Object { + "_class": "gradientStop", + "color": Object { + "_class": "color", + "alpha": 1, + "blue": 0.2431372549019607, + "green": 0.4901960784313725, + "red": 0.1333333333333333, + }, + "position": 1, + }, + ], + "to": "{0.5, -0.27263153394819584}", + }, + "isEnabled": true, + "noiseIndex": 0, + "noiseIntensity": 0, + "patternFillType": 1, + "patternTileScale": 1, + }, + ], + "miterLimit": 10, + "startMarkerType": 0, + "windingRule": 1, + }, + }, + ], + "name": "primitives/gradient/radial", + "nameIsFixed": true, + "resizesContent": false, + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": true, + "style": Object { + "_class": "style", + "do_objectID": "B53C39F9-A608-4AC9-B37F-79F196241DAD", + "endMarkerType": 0, + "miterLimit": 10, + "startMarkerType": 0, + "windingRule": 1, + }, + "verticalRulerData": Object { + "_class": "rulerData", + "base": 0, + "do_objectID": "869D6FB4-42EC-4DFF-80E5-B6D1085302B7", + "guides": Array [], + }, + }, + Object { + "_class": "artboard", + "backgroundColor": Object { + "_class": "color", + "alpha": 1, + "blue": 1, + "do_objectID": "BC0199B1-60D3-44F3-9C78-E3B0B9BD718D", + "green": 1, + "red": 1, + }, + "booleanOperation": -1, + "clippingMaskMode": 0, + "do_objectID": "83CB7245-64A8-4D1D-A91D-7BED3E8E536F", + "exportOptions": Object { + "_class": "exportOptions", + "do_objectID": "CF6BAB56-FC97-48FD-A269-0064F83C76A5", + "exportFormats": Array [], + "includedLayerIds": Array [], + "layerOptions": 0, + "shouldTrim": false, + }, + "frame": Object { + "_class": "rect", + "constrainProportions": false, + "do_objectID": "C44A5538-6606-46C3-9362-C675E3A7B92B", + "height": 62, + "width": 131, + "x": 1418, + "y": 570, + }, + "groupLayout": Object { + "_class": "MSImmutableFreeformGroupLayout", + }, + "hasBackgroundColor": false, + "hasClickThrough": true, + "hasClippingMask": false, + "horizontalRulerData": Object { + "_class": "rulerData", + "base": 0, + "do_objectID": "06DD1E0B-4B8C-4F3B-B525-A124F8A37006", + "guides": Array [], + }, + "includeBackgroundColorInExport": true, + "includeInCloudUpload": true, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isFlowHome": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 1, + "layers": Array [ + Object { + "_class": "rectangle", + "booleanOperation": -1, + "clippingMaskMode": 0, + "do_objectID": "45A2BCD3-E9A7-48E8-9A25-7862BCE83CC5", + "edited": false, + "exportOptions": Object { + "_class": "exportOptions", + "do_objectID": "918164E3-544D-4F05-AE16-CA911DED02EB", + "exportFormats": Array [], + "includedLayerIds": Array [], + "layerOptions": 0, + "shouldTrim": false, + }, + "fixedRadius": 0, + "frame": Object { + "_class": "rect", + "constrainProportions": false, + "do_objectID": "C943BA4E-5D13-4E5B-BAB0-36895B9FD0EB", + "height": 62, + "width": 131, + "x": 0, + "y": 0, + }, + "hasClippingMask": false, + "hasConvertedToNewRoundCorners": true, + "isClosed": true, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 0, + "name": "Rectangle", + "nameIsFixed": false, + "pointRadiusBehaviour": 1, + "points": Array [ + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0, 0}", + "curveMode": 1, + "curveTo": "{0, 0}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{0, 0}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{1, 0}", + "curveMode": 1, + "curveTo": "{1, 0}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{1, 0}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{1, 1}", + "curveMode": 1, + "curveTo": "{1, 1}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{1, 1}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0, 1}", + "curveMode": 1, + "curveTo": "{0, 1}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{0, 1}", + }, + ], + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": false, + "style": Object { + "_class": "style", + "borders": Array [ + Object { + "_class": "border", + "color": Object { + "_class": "color", + "alpha": 1, + "blue": 0.592, + "green": 0.592, + "red": 0.592, + }, + "fillType": 0, + "isEnabled": false, + "position": 1, + "thickness": 1, + }, + ], + "do_objectID": "D0339510-D7AB-4587-90C9-0820A0C372EB", + "endMarkerType": 0, + "fills": Array [ + Object { + "_class": "fill", + "color": Object { + "_class": "color", + "alpha": 1, + "blue": 0.847, + "green": 0.847, + "red": 0.847, + }, + "fillType": 1, + "gradient": Object { + "_class": "gradient", + "elipseLength": 1, + "from": "{0.5, 1}", + "gradientType": 2, + "stops": Array [ + Object { + "_class": "gradientStop", + "color": Object { + "_class": "color", + "alpha": 1, + "blue": 0.5647058823529412, + "green": 0.7137254901960784, + "red": 0.592156862745098, + }, + "position": 0.4336458341191861, + }, + Object { + "_class": "gradientStop", + "color": Object { + "_class": "color", + "alpha": 1, + "blue": 0.2431372549019607, + "green": 0.4901960784313725, + "red": 0.1333333333333333, + }, + "position": 1, + }, + ], + "to": "{0.5, -0.27263153394819584}", + }, + "isEnabled": true, + "noiseIndex": 0, + "noiseIntensity": 0, + "patternFillType": 1, + "patternTileScale": 1, + }, + ], + "miterLimit": 10, + "startMarkerType": 0, + "windingRule": 1, + }, + }, + ], + "name": "primitives/gradient/angular", + "nameIsFixed": true, + "resizesContent": false, + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": true, + "style": Object { + "_class": "style", + "do_objectID": "804A7260-A853-4AA9-9FB9-89D6BF51A644", + "endMarkerType": 0, + "miterLimit": 10, + "startMarkerType": 0, + "windingRule": 1, + }, + "verticalRulerData": Object { + "_class": "rulerData", + "base": 0, + "do_objectID": "60ABF9ED-D4B7-4FC8-9F4A-897503ABA544", + "guides": Array [], + }, + }, + Object { + "_class": "artboard", + "backgroundColor": Object { + "_class": "color", + "alpha": 1, + "blue": 1, + "green": 1, + "red": 1, + }, + "booleanOperation": -1, + "clippingMaskMode": 0, + "do_objectID": "C88996D5-D133-4F93-B701-1BD926488842", + "exportOptions": Object { + "_class": "exportOptions", + "exportFormats": Array [], + "includedLayerIds": Array [], + "layerOptions": 0, + "shouldTrim": false, + }, + "frame": Object { + "_class": "rect", + "constrainProportions": false, + "height": 44, + "width": 102, + "x": 1588, + "y": 408, + }, + "groupLayout": Object { + "_class": "MSImmutableFreeformGroupLayout", + }, + "hasBackgroundColor": false, + "hasClickThrough": true, + "hasClippingMask": false, + "horizontalRulerData": Object { + "_class": "rulerData", + "base": 0, + "guides": Array [], + }, + "includeBackgroundColorInExport": true, + "includeInCloudUpload": true, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isFlowHome": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 1, + "layers": Array [ + Object { + "_class": "rectangle", + "booleanOperation": -1, + "clippingMaskMode": 0, + "do_objectID": "670FB00E-A217-4D3E-88F2-4CC6A2514AD4", + "edited": false, + "exportOptions": Object { + "_class": "exportOptions", + "exportFormats": Array [], + "includedLayerIds": Array [], + "layerOptions": 0, + "shouldTrim": false, + }, + "fixedRadius": 0, + "frame": Object { + "_class": "rect", + "constrainProportions": false, + "height": 25, + "width": 80, + "x": 11, + "y": 9, + }, + "hasClippingMask": false, + "hasConvertedToNewRoundCorners": true, + "isClosed": true, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 0, + "name": "Rectangle", + "nameIsFixed": false, + "pointRadiusBehaviour": 1, + "points": Array [ + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0, 0}", + "curveMode": 1, + "curveTo": "{0, 0}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{0, 0}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{1, 0}", + "curveMode": 1, + "curveTo": "{1, 0}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{1, 0}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{1, 1}", + "curveMode": 1, + "curveTo": "{1, 1}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{1, 1}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0, 1}", + "curveMode": 1, + "curveTo": "{0, 1}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{0, 1}", + }, + ], + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": false, + "style": Object { + "_class": "style", + "borders": Array [ + Object { + "_class": "border", + "color": Object { + "_class": "color", + "alpha": 1, + "blue": 0.592, + "green": 0.592, + "red": 0.592, + }, + "fillType": 0, + "isEnabled": false, + "position": 1, + "thickness": 1, + }, + ], + "endMarkerType": 0, + "fills": Array [ + Object { + "_class": "fill", + "color": Object { + "_class": "color", + "alpha": 1, + "blue": 0.847, + "green": 0.847, + "red": 0.847, + }, + "fillType": 0, + "isEnabled": true, + "noiseIndex": 0, + "noiseIntensity": 0, + "patternFillType": 1, + "patternTileScale": 1, + }, + ], + "miterLimit": 10, + "shadows": Array [ + Object { + "_class": "shadow", + "blurRadius": 4, + "color": Object { + "_class": "color", + "alpha": 0.5, + "blue": 0, + "green": 0, + "red": 0, + }, + "contextSettings": Object { + "_class": "graphicsContextSettings", + "blendMode": 0, + "opacity": 1, + }, + "isEnabled": true, + "offsetX": 0, + "offsetY": 2, + "spread": 0, + }, + ], + "startMarkerType": 0, + "windingRule": 1, + }, + }, + ], + "name": "primitives/drop-shadow/simple", + "nameIsFixed": true, + "resizesContent": false, + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": true, + "style": Object { + "_class": "style", + "endMarkerType": 0, + "miterLimit": 10, + "startMarkerType": 0, + "windingRule": 1, + }, + "verticalRulerData": Object { + "_class": "rulerData", + "base": 0, + "guides": Array [], + }, + }, + Object { + "_class": "artboard", + "backgroundColor": Object { + "_class": "color", + "alpha": 1, + "blue": 1, + "do_objectID": "78C82A3E-B795-4CC7-BEF0-D73AEAA16E84", + "green": 1, + "red": 1, + }, + "booleanOperation": -1, + "clippingMaskMode": 0, + "do_objectID": "78EED8DF-E23A-40C7-B916-FB8D70BDDDD1", + "exportOptions": Object { + "_class": "exportOptions", + "do_objectID": "7E81A180-3479-4A40-98CC-2D9063CED95C", + "exportFormats": Array [], + "includedLayerIds": Array [], + "layerOptions": 0, + "shouldTrim": false, + }, + "frame": Object { + "_class": "rect", + "constrainProportions": false, + "do_objectID": "1D86753E-D7EF-4390-9BCF-0E849416D56A", + "height": 44, + "width": 102, + "x": 1729, + "y": 408, + }, + "groupLayout": Object { + "_class": "MSImmutableFreeformGroupLayout", + }, + "hasBackgroundColor": false, + "hasClickThrough": true, + "hasClippingMask": false, + "horizontalRulerData": Object { + "_class": "rulerData", + "base": 0, + "do_objectID": "B9F65356-2BA0-4A3E-8880-CF67735EBA14", + "guides": Array [], + }, + "includeBackgroundColorInExport": true, + "includeInCloudUpload": true, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isFlowHome": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 1, + "layers": Array [ + Object { + "_class": "rectangle", + "booleanOperation": -1, + "clippingMaskMode": 0, + "do_objectID": "2243D0A2-FC45-481B-AE97-D870899002D9", + "edited": false, + "exportOptions": Object { + "_class": "exportOptions", + "do_objectID": "BF39C3F9-1983-4788-AA26-CEAF9C3BF800", + "exportFormats": Array [], + "includedLayerIds": Array [], + "layerOptions": 0, + "shouldTrim": false, + }, + "fixedRadius": 3, + "frame": Object { + "_class": "rect", + "constrainProportions": false, + "do_objectID": "BA9C9CBF-9684-47CC-8D9D-6A2EEDDB342E", + "height": 25, + "width": 80, + "x": 11, + "y": 9, + }, + "hasClippingMask": false, + "hasConvertedToNewRoundCorners": true, + "isClosed": true, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 0, + "name": "Rectangle", + "nameIsFixed": false, + "pointRadiusBehaviour": 1, + "points": Array [ + Object { + "_class": "curvePoint", + "cornerRadius": 3, + "curveFrom": "{0, 0}", + "curveMode": 1, + "curveTo": "{0, 0}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{0, 0}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 3, + "curveFrom": "{1, 0}", + "curveMode": 1, + "curveTo": "{1, 0}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{1, 0}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 3, + "curveFrom": "{1, 1}", + "curveMode": 1, + "curveTo": "{1, 1}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{1, 1}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 3, + "curveFrom": "{0, 1}", + "curveMode": 1, + "curveTo": "{0, 1}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{0, 1}", + }, + ], + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": false, + "style": Object { + "_class": "style", + "borders": Array [ + Object { + "_class": "border", + "color": Object { + "_class": "color", + "alpha": 1, + "blue": 0.5868647411616161, + "green": 0.5868647411616161, + "red": 1, + }, + "fillType": 0, + "isEnabled": true, + "position": 1, + "thickness": 1, + }, + ], + "do_objectID": "563A5CA8-061B-4AA4-8A7F-BE0C824053D5", + "endMarkerType": 0, + "fills": Array [ + Object { + "_class": "fill", + "color": Object { + "_class": "color", + "alpha": 1, + "blue": 0.847, + "green": 0.847, + "red": 0.847, + }, + "fillType": 0, + "isEnabled": true, + "noiseIndex": 0, + "noiseIntensity": 0, + "patternFillType": 1, + "patternTileScale": 1, + }, + ], + "miterLimit": 10, + "startMarkerType": 0, + "windingRule": 1, + }, + }, + ], + "name": "primitives/border/inside", + "nameIsFixed": true, + "resizesContent": false, + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": true, + "style": Object { + "_class": "style", + "do_objectID": "64099790-0EA8-4F25-A3E5-20BB07E11AE5", + "endMarkerType": 0, + "miterLimit": 10, + "startMarkerType": 0, + "windingRule": 1, + }, + "verticalRulerData": Object { + "_class": "rulerData", + "base": 0, + "do_objectID": "9FC20463-C034-4BF1-ADC5-AA42F172AAA3", + "guides": Array [], + }, + }, + Object { + "_class": "artboard", + "backgroundColor": Object { + "_class": "color", + "alpha": 1, + "blue": 0.3339186667384677, + "green": 0.3339186667384677, + "red": 0.4557857789855073, + }, + "booleanOperation": -1, + "clippingMaskMode": 0, + "do_objectID": "D9767214-B1DA-4088-91A8-219C3261D917", + "exportOptions": Object { + "_class": "exportOptions", + "do_objectID": "410DEE9C-776B-41FC-B558-793E5AA6B4FE", + "exportFormats": Array [], + "includedLayerIds": Array [], + "layerOptions": 0, + "shouldTrim": false, + }, + "frame": Object { + "_class": "rect", + "constrainProportions": false, + "do_objectID": "AFBF88B5-309E-4180-8358-63919BA3D37D", + "height": 44, + "width": 102, + "x": 1863, + "y": 569, + }, + "groupLayout": Object { + "_class": "MSImmutableFreeformGroupLayout", + "do_objectID": "D7604479-74EA-4E3B-BD54-69D53FB1FCAB", + }, + "hasBackgroundColor": false, + "hasClickThrough": false, + "hasClippingMask": false, + "horizontalRulerData": Object { + "_class": "rulerData", + "base": 0, + "do_objectID": "2CBCD47D-0E1B-4EAA-87FA-B6BB2431C155", + "guides": Array [], + }, + "includeBackgroundColorInExport": false, + "includeInCloudUpload": true, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isFlowHome": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 0, + "layers": Array [ + Object { + "_class": "rectangle", + "booleanOperation": -1, + "clippingMaskMode": 0, + "do_objectID": "F39CB443-7939-467B-8A9B-D307DDFB276E", + "edited": false, + "exportOptions": Object { + "_class": "exportOptions", + "do_objectID": "DB2B27E4-6297-423E-BD1E-D4E552B61EFD", + "exportFormats": Array [], + "includedLayerIds": Array [], + "layerOptions": 0, + "shouldTrim": false, + }, + "fixedRadius": 3, + "frame": Object { + "_class": "rect", + "constrainProportions": false, + "do_objectID": "7D098426-B90C-4647-A54A-5883363721D0", + "height": 25, + "width": 80, + "x": 11, + "y": 9, + }, + "hasClippingMask": false, + "hasConvertedToNewRoundCorners": true, + "isClosed": true, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 0, + "name": "Rectangle", + "nameIsFixed": false, + "pointRadiusBehaviour": 1, + "points": Array [ + Object { + "_class": "curvePoint", + "cornerRadius": 3, + "curveFrom": "{0, 0}", + "curveMode": 1, + "curveTo": "{0, 0}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{0, 0}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 3, + "curveFrom": "{1, 0}", + "curveMode": 1, + "curveTo": "{1, 0}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{1, 0}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 3, + "curveFrom": "{1, 1}", + "curveMode": 1, + "curveTo": "{1, 1}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{1, 1}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 3, + "curveFrom": "{0, 1}", + "curveMode": 1, + "curveTo": "{0, 1}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{0, 1}", + }, + ], + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": false, + "style": Object { + "_class": "style", + "blur": Object { + "_class": "blur", + "center": "{0.5, 0.5}", + "do_objectID": "8472A580-3962-4904-AFC2-8FADE1D49CD0", + "isEnabled": true, + "motionAngle": 0, + "radius": 28, + "saturation": 0.4654579402515723, + "type": 3, + }, + "borders": Array [ + Object { + "_class": "border", + "color": Object { + "_class": "color", + "alpha": 1, + "blue": 0.5868647411616161, + "green": 0.5868647411616161, + "red": 1, + }, + "fillType": 0, + "isEnabled": true, + "position": 1, + "thickness": 1, + }, + ], + "do_objectID": "454D4101-5FD4-4DBD-BCA6-349147BED17A", + "endMarkerType": 0, + "fills": Array [ + Object { + "_class": "fill", + "color": Object { + "_class": "color", + "alpha": 1, + "blue": 0.847, + "green": 0.847, + "red": 0.847, + }, + "fillType": 0, + "isEnabled": true, + "noiseIndex": 0, + "noiseIntensity": 0, + "patternFillType": 1, + "patternTileScale": 1, + }, + ], + "miterLimit": 10, + "startMarkerType": 0, + "windingRule": 1, + }, + }, + ], + "name": "primitives/blur/background", + "nameIsFixed": true, + "resizesContent": false, + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": true, + "style": Object { + "_class": "style", + "do_objectID": "E7E4A264-72A7-43CF-94A6-AF9330C515D0", + "endMarkerType": 0, + "miterLimit": 10, + "startMarkerType": 0, + "windingRule": 1, + }, + "verticalRulerData": Object { + "_class": "rulerData", + "base": 0, + "do_objectID": "BD2DB0BE-39F6-44A0-95FB-EDA9970A02FF", + "guides": Array [], + }, + }, + Object { + "_class": "artboard", + "backgroundColor": Object { + "_class": "color", + "alpha": 1, + "blue": 1, + "do_objectID": "1FF072FE-D2FC-4F58-8CAF-8E8EE076C0B5", + "green": 1, + "red": 1, + }, + "booleanOperation": -1, + "clippingMaskMode": 0, + "do_objectID": "ABA3D887-846B-471F-9FD2-3D24D545568F", + "exportOptions": Object { + "_class": "exportOptions", + "do_objectID": "88DCBAFA-3B86-4C6A-8E88-05D01C81D5D9", + "exportFormats": Array [], + "includedLayerIds": Array [], + "layerOptions": 0, + "shouldTrim": false, + }, + "frame": Object { + "_class": "rect", + "constrainProportions": false, + "do_objectID": "0E8A2A59-5B15-4682-A5D0-518321517C5D", + "height": 44, + "width": 102, + "x": 1863, + "y": 516, + }, + "groupLayout": Object { + "_class": "MSImmutableFreeformGroupLayout", + "do_objectID": "D2434135-5213-4940-9EDC-F50B83D9C38C", + }, + "hasBackgroundColor": false, + "hasClickThrough": true, + "hasClippingMask": false, + "horizontalRulerData": Object { + "_class": "rulerData", + "base": 0, + "do_objectID": "D60482FA-B14B-4998-9336-B15B3A51A87C", + "guides": Array [], + }, + "includeBackgroundColorInExport": true, + "includeInCloudUpload": true, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isFlowHome": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 1, + "layers": Array [ + Object { + "_class": "rectangle", + "booleanOperation": -1, + "clippingMaskMode": 0, + "do_objectID": "F1C3463A-905E-45C0-B723-B78A7CE1268C", + "edited": false, + "exportOptions": Object { + "_class": "exportOptions", + "do_objectID": "4BBC4BF9-C7C3-42F9-BE20-196573E003A0", + "exportFormats": Array [], + "includedLayerIds": Array [], + "layerOptions": 0, + "shouldTrim": false, + }, + "fixedRadius": 3, + "frame": Object { + "_class": "rect", + "constrainProportions": false, + "do_objectID": "7631BC17-000E-4BC9-831C-C9632AF9A777", + "height": 25, + "width": 80, + "x": 11, + "y": 9, + }, + "hasClippingMask": false, + "hasConvertedToNewRoundCorners": true, + "isClosed": true, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 0, + "name": "Rectangle", + "nameIsFixed": false, + "pointRadiusBehaviour": 1, + "points": Array [ + Object { + "_class": "curvePoint", + "cornerRadius": 3, + "curveFrom": "{0, 0}", + "curveMode": 1, + "curveTo": "{0, 0}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{0, 0}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 3, + "curveFrom": "{1, 0}", + "curveMode": 1, + "curveTo": "{1, 0}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{1, 0}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 3, + "curveFrom": "{1, 1}", + "curveMode": 1, + "curveTo": "{1, 1}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{1, 1}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 3, + "curveFrom": "{0, 1}", + "curveMode": 1, + "curveTo": "{0, 1}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{0, 1}", + }, + ], + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": false, + "style": Object { + "_class": "style", + "blur": Object { + "_class": "blur", + "center": "{0.041109924840958455, -0.3039919564746924}", + "do_objectID": "984CFC28-BC68-42C8-B437-C641B82E730A", + "isEnabled": true, + "motionAngle": 0, + "radius": 6, + "saturation": 1, + "type": 2, + }, + "borders": Array [ + Object { + "_class": "border", + "color": Object { + "_class": "color", + "alpha": 1, + "blue": 0.5868647411616161, + "green": 0.5868647411616161, + "red": 1, + }, + "fillType": 0, + "isEnabled": true, + "position": 1, + "thickness": 1, + }, + ], + "do_objectID": "F2FB26A4-15D1-4D9C-85BF-A75E8E46D32F", + "endMarkerType": 0, + "fills": Array [ + Object { + "_class": "fill", + "color": Object { + "_class": "color", + "alpha": 1, + "blue": 0.847, + "green": 0.847, + "red": 0.847, + }, + "fillType": 0, + "isEnabled": true, + "noiseIndex": 0, + "noiseIntensity": 0, + "patternFillType": 1, + "patternTileScale": 1, + }, + ], + "miterLimit": 10, + "startMarkerType": 0, + "windingRule": 1, + }, + }, + ], + "name": "primitives/blur/zoom", + "nameIsFixed": true, + "resizesContent": false, + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": true, + "style": Object { + "_class": "style", + "do_objectID": "8AD94B96-B2AE-4F62-9873-29F1B02C3E7D", + "endMarkerType": 0, + "miterLimit": 10, + "startMarkerType": 0, + "windingRule": 1, + }, + "verticalRulerData": Object { + "_class": "rulerData", + "base": 0, + "do_objectID": "25E18239-5846-44E5-B027-7B7E04634E4F", + "guides": Array [], + }, + }, + Object { + "_class": "artboard", + "backgroundColor": Object { + "_class": "color", + "alpha": 1, + "blue": 1, + "do_objectID": "0E22148F-FC10-4197-9452-4A2C9BDD1B7F", + "green": 1, + "red": 1, + }, + "booleanOperation": -1, + "clippingMaskMode": 0, + "do_objectID": "947DD40A-6C91-4E6A-980B-194031B82939", + "exportOptions": Object { + "_class": "exportOptions", + "do_objectID": "25CF27CB-5967-4952-BEDA-194916792B25", + "exportFormats": Array [], + "includedLayerIds": Array [], + "layerOptions": 0, + "shouldTrim": false, + }, + "frame": Object { + "_class": "rect", + "constrainProportions": false, + "do_objectID": "D7C35DD6-1F70-43AB-96EF-028D15D7ADA3", + "height": 44, + "width": 102, + "x": 1863, + "y": 461, + }, + "groupLayout": Object { + "_class": "MSImmutableFreeformGroupLayout", + "do_objectID": "EB38CF10-AE7B-4557-ACA9-058B40377DE3", + }, + "hasBackgroundColor": false, + "hasClickThrough": true, + "hasClippingMask": false, + "horizontalRulerData": Object { + "_class": "rulerData", + "base": 0, + "do_objectID": "11ECA2A5-0520-4ACD-8C32-1C74D2FFED9E", + "guides": Array [], + }, + "includeBackgroundColorInExport": true, + "includeInCloudUpload": true, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isFlowHome": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 1, + "layers": Array [ + Object { + "_class": "rectangle", + "booleanOperation": -1, + "clippingMaskMode": 0, + "do_objectID": "2064E3E2-86EC-4A70-AE7D-BA52967B3306", + "edited": false, + "exportOptions": Object { + "_class": "exportOptions", + "do_objectID": "D0FFF0FE-B083-4833-91CE-3EEFF3652787", + "exportFormats": Array [], + "includedLayerIds": Array [], + "layerOptions": 0, + "shouldTrim": false, + }, + "fixedRadius": 3, + "frame": Object { + "_class": "rect", + "constrainProportions": false, + "do_objectID": "C28A0EF3-46B3-4B65-B8FE-D78E4353DFA3", + "height": 25, + "width": 80, + "x": 11, + "y": 9, + }, + "hasClippingMask": false, + "hasConvertedToNewRoundCorners": true, + "isClosed": true, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 0, + "name": "Rectangle", + "nameIsFixed": false, + "pointRadiusBehaviour": 1, + "points": Array [ + Object { + "_class": "curvePoint", + "cornerRadius": 3, + "curveFrom": "{0, 0}", + "curveMode": 1, + "curveTo": "{0, 0}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{0, 0}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 3, + "curveFrom": "{1, 0}", + "curveMode": 1, + "curveTo": "{1, 0}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{1, 0}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 3, + "curveFrom": "{1, 1}", + "curveMode": 1, + "curveTo": "{1, 1}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{1, 1}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 3, + "curveFrom": "{0, 1}", + "curveMode": 1, + "curveTo": "{0, 1}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{0, 1}", + }, + ], + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": false, + "style": Object { + "_class": "style", + "blur": Object { + "_class": "blur", + "center": "{0.5, 0.5}", + "do_objectID": "08AA1268-B6D4-4A26-827A-AE757DF7C983", + "isEnabled": true, + "motionAngle": 35.61906645569621, + "radius": 2, + "saturation": 1, + "type": 1, + }, + "borders": Array [ + Object { + "_class": "border", + "color": Object { + "_class": "color", + "alpha": 1, + "blue": 0.5868647411616161, + "green": 0.5868647411616161, + "red": 1, + }, + "fillType": 0, + "isEnabled": true, + "position": 1, + "thickness": 1, + }, + ], + "do_objectID": "260682EE-B90F-42C7-A72D-F0AF942BC474", + "endMarkerType": 0, + "fills": Array [ + Object { + "_class": "fill", + "color": Object { + "_class": "color", + "alpha": 1, + "blue": 0.847, + "green": 0.847, + "red": 0.847, + }, + "fillType": 0, + "isEnabled": true, + "noiseIndex": 0, + "noiseIntensity": 0, + "patternFillType": 1, + "patternTileScale": 1, + }, + ], + "miterLimit": 10, + "startMarkerType": 0, + "windingRule": 1, + }, + }, + ], + "name": "primitives/blur/motion", + "nameIsFixed": true, + "resizesContent": false, + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": true, + "style": Object { + "_class": "style", + "do_objectID": "ECE16541-5682-4DA9-B9BB-6E585ACB27E9", + "endMarkerType": 0, + "miterLimit": 10, + "startMarkerType": 0, + "windingRule": 1, + }, + "verticalRulerData": Object { + "_class": "rulerData", + "base": 0, + "do_objectID": "0A854D9F-22CF-42E8-B336-B558AD857311", + "guides": Array [], + }, + }, + Object { + "_class": "artboard", + "backgroundColor": Object { + "_class": "color", + "alpha": 1, + "blue": 1, + "do_objectID": "747CF38A-04D1-4854-B850-D2E47485F866", + "green": 1, + "red": 1, + }, + "booleanOperation": -1, + "clippingMaskMode": 0, + "do_objectID": "ED1047C4-05E4-45F9-95FB-E3B5B58E8174", + "exportOptions": Object { + "_class": "exportOptions", + "do_objectID": "5B297B3A-B83C-4678-B7C1-CC9D420FAC24", + "exportFormats": Array [], + "includedLayerIds": Array [], + "layerOptions": 0, + "shouldTrim": false, + }, + "frame": Object { + "_class": "rect", + "constrainProportions": false, + "do_objectID": "AFFB2DF0-A3AE-4226-9185-3523B891E064", + "height": 44, + "width": 102, + "x": 1863, + "y": 408, + }, + "groupLayout": Object { + "_class": "MSImmutableFreeformGroupLayout", + "do_objectID": "268E2360-2BCA-4E9B-A85D-69AC5C31274C", + }, + "hasBackgroundColor": false, + "hasClickThrough": true, + "hasClippingMask": false, + "horizontalRulerData": Object { + "_class": "rulerData", + "base": 0, + "do_objectID": "FA8D92A8-2066-49DD-A69F-A8C36791DAF0", + "guides": Array [], + }, + "includeBackgroundColorInExport": true, + "includeInCloudUpload": true, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isFlowHome": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 1, + "layers": Array [ + Object { + "_class": "rectangle", + "booleanOperation": -1, + "clippingMaskMode": 0, + "do_objectID": "22EA4DD1-6350-44EB-B339-C9798F0C7C8C", + "edited": false, + "exportOptions": Object { + "_class": "exportOptions", + "do_objectID": "AAD68AF6-32D8-4622-B383-0691BE75D5C8", + "exportFormats": Array [], + "includedLayerIds": Array [], + "layerOptions": 0, + "shouldTrim": false, + }, + "fixedRadius": 3, + "frame": Object { + "_class": "rect", + "constrainProportions": false, + "do_objectID": "D1D080BB-2A25-48F0-91AF-9E38EA6E87FE", + "height": 25, + "width": 80, + "x": 11, + "y": 9, + }, + "hasClippingMask": false, + "hasConvertedToNewRoundCorners": true, + "isClosed": true, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 0, + "name": "Rectangle", + "nameIsFixed": false, + "pointRadiusBehaviour": 1, + "points": Array [ + Object { + "_class": "curvePoint", + "cornerRadius": 3, + "curveFrom": "{0, 0}", + "curveMode": 1, + "curveTo": "{0, 0}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{0, 0}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 3, + "curveFrom": "{1, 0}", + "curveMode": 1, + "curveTo": "{1, 0}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{1, 0}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 3, + "curveFrom": "{1, 1}", + "curveMode": 1, + "curveTo": "{1, 1}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{1, 1}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 3, + "curveFrom": "{0, 1}", + "curveMode": 1, + "curveTo": "{0, 1}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{0, 1}", + }, + ], + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": false, + "style": Object { + "_class": "style", + "blur": Object { + "_class": "blur", + "center": "{0.5, 0.5}", + "do_objectID": "9525EEBA-120E-4A48-9981-0CEB1DED1964", + "isEnabled": true, + "motionAngle": 0, + "radius": 2, + "saturation": 1, + "type": 0, + }, + "borders": Array [ + Object { + "_class": "border", + "color": Object { + "_class": "color", + "alpha": 1, + "blue": 0.5868647411616161, + "green": 0.5868647411616161, + "red": 1, + }, + "fillType": 0, + "isEnabled": true, + "position": 1, + "thickness": 1, + }, + ], + "do_objectID": "421BFB98-CD2D-4EB5-A0B3-6C4C4F39EDAA", + "endMarkerType": 0, + "fills": Array [ + Object { + "_class": "fill", + "color": Object { + "_class": "color", + "alpha": 1, + "blue": 0.847, + "green": 0.847, + "red": 0.847, + }, + "fillType": 0, + "isEnabled": true, + "noiseIndex": 0, + "noiseIntensity": 0, + "patternFillType": 1, + "patternTileScale": 1, + }, + ], + "miterLimit": 10, + "startMarkerType": 0, + "windingRule": 1, + }, + }, + ], + "name": "primitives/blur/gaussian", + "nameIsFixed": true, + "resizesContent": false, + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": true, + "style": Object { + "_class": "style", + "do_objectID": "48A34C68-857D-4CB7-8AF0-3A099559377E", + "endMarkerType": 0, + "miterLimit": 10, + "startMarkerType": 0, + "windingRule": 1, + }, + "verticalRulerData": Object { + "_class": "rulerData", + "base": 0, + "do_objectID": "F24D3AB8-A56D-404A-AA5F-1F1E227F0B5B", + "guides": Array [], + }, + }, + Object { + "_class": "artboard", + "backgroundColor": Object { + "_class": "color", + "alpha": 1, + "blue": 1, + "do_objectID": "0A316CBD-B3AD-406D-B887-7A44EBC40F91", + "green": 1, + "red": 1, + }, + "booleanOperation": -1, + "clippingMaskMode": 0, + "do_objectID": "E17C144B-6CC5-42A1-93BC-40CFC5BF78AD", + "exportOptions": Object { + "_class": "exportOptions", + "do_objectID": "FA315F21-0860-453B-AF84-E458DECD4F06", + "exportFormats": Array [], + "includedLayerIds": Array [], + "layerOptions": 0, + "shouldTrim": false, + }, + "frame": Object { + "_class": "rect", + "constrainProportions": false, + "do_objectID": "20EE71B0-A0FE-4E11-AAC9-FB7FE2FA62D4", + "height": 44, + "width": 102, + "x": 1729, + "y": 516, + }, + "groupLayout": Object { + "_class": "MSImmutableFreeformGroupLayout", + }, + "hasBackgroundColor": false, + "hasClickThrough": false, + "hasClippingMask": false, + "horizontalRulerData": Object { + "_class": "rulerData", + "base": 0, + "do_objectID": "AFD1E873-35FB-4581-9D82-D507C877B2A7", + "guides": Array [], + }, + "includeBackgroundColorInExport": true, + "includeInCloudUpload": true, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isFlowHome": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 1, + "layers": Array [ + Object { + "_class": "rectangle", + "booleanOperation": -1, + "clippingMaskMode": 0, + "do_objectID": "63A471F5-D77A-44A7-8541-A7ABDE2E2189", + "edited": false, + "exportOptions": Object { + "_class": "exportOptions", + "do_objectID": "8D0FC993-95F4-4B2C-99B5-65A1C901E190", + "exportFormats": Array [], + "includedLayerIds": Array [], + "layerOptions": 0, + "shouldTrim": false, + }, + "fixedRadius": 12.5, + "frame": Object { + "_class": "rect", + "constrainProportions": false, + "do_objectID": "B4C2D7CB-EA17-47B7-936E-792373065DCF", + "height": 25, + "width": 80, + "x": 11, + "y": 9, + }, + "hasClippingMask": false, + "hasConvertedToNewRoundCorners": true, + "isClosed": true, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 0, + "name": "Rectangle", + "nameIsFixed": false, + "pointRadiusBehaviour": 1, + "points": Array [ + Object { + "_class": "curvePoint", + "cornerRadius": 12.5, + "curveFrom": "{0, 0}", + "curveMode": 1, + "curveTo": "{0, 0}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{0, 0}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 12.5, + "curveFrom": "{1, 0}", + "curveMode": 1, + "curveTo": "{1, 0}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{1, 0}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 12.5, + "curveFrom": "{1, 1}", + "curveMode": 1, + "curveTo": "{1, 1}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{1, 1}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 12.5, + "curveFrom": "{0, 1}", + "curveMode": 1, + "curveTo": "{0, 1}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{0, 1}", + }, + ], + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": false, + "style": Object { + "_class": "style", + "borders": Array [ + Object { + "_class": "border", + "color": Object { + "_class": "color", + "alpha": 1, + "blue": 0.5868647411616161, + "green": 0.5868647411616161, + "red": 1, + }, + "fillType": 0, + "isEnabled": true, + "position": 2, + "thickness": 1, + }, + ], + "do_objectID": "39C6E122-7F1C-433E-973D-B35B070376C1", + "endMarkerType": 0, + "fills": Array [ + Object { + "_class": "fill", + "color": Object { + "_class": "color", + "alpha": 1, + "blue": 0.847, + "green": 0.847, + "red": 0.847, + }, + "fillType": 0, + "isEnabled": true, + "noiseIndex": 0, + "noiseIntensity": 0, + "patternFillType": 1, + "patternTileScale": 1, + }, + ], + "miterLimit": 10, + "startMarkerType": 0, + "windingRule": 1, + }, + }, + ], + "name": "primitives/border/outside", + "nameIsFixed": true, + "resizesContent": false, + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": true, + "style": Object { + "_class": "style", + "do_objectID": "E5D05675-ACAA-4125-97C1-3F4D76E0CC84", + "endMarkerType": 0, + "miterLimit": 10, + "startMarkerType": 0, + "windingRule": 1, + }, + "verticalRulerData": Object { + "_class": "rulerData", + "base": 0, + "do_objectID": "DE0831E4-BA14-4BC2-A739-1458E198FA50", + "guides": Array [], + }, + }, + Object { + "_class": "artboard", + "backgroundColor": Object { + "_class": "color", + "alpha": 1, + "blue": 1, + "do_objectID": "CD8E5EA8-48E5-49B9-9782-D6BDD27DB07F", + "green": 1, + "red": 1, + }, + "booleanOperation": -1, + "clippingMaskMode": 0, + "do_objectID": "6AE4CFC3-4143-4B35-9361-84A6619528A9", + "exportOptions": Object { + "_class": "exportOptions", + "do_objectID": "E8075A1D-963F-42CE-AF1F-B3E2AD8B7DAA", + "exportFormats": Array [], + "includedLayerIds": Array [], + "layerOptions": 0, + "shouldTrim": false, + }, + "frame": Object { + "_class": "rect", + "constrainProportions": false, + "do_objectID": "6D8FE2FD-7883-4DC3-9256-FCB1052A182E", + "height": 44, + "width": 102, + "x": 1729, + "y": 569, + }, + "groupLayout": Object { + "_class": "MSImmutableFreeformGroupLayout", + }, + "hasBackgroundColor": false, + "hasClickThrough": true, + "hasClippingMask": false, + "horizontalRulerData": Object { + "_class": "rulerData", + "base": 0, + "do_objectID": "6A46C894-98DF-48C4-A6AA-BC14478C7C63", + "guides": Array [], + }, + "includeBackgroundColorInExport": true, + "includeInCloudUpload": true, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isFlowHome": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 1, + "layers": Array [ + Object { + "_class": "rectangle", + "booleanOperation": -1, + "clippingMaskMode": 0, + "do_objectID": "5D7549DB-8ACD-4EF5-A293-78332C3794D4", + "edited": false, + "exportOptions": Object { + "_class": "exportOptions", + "do_objectID": "E68611C1-DAF5-4290-AD31-20823B3980F5", + "exportFormats": Array [], + "includedLayerIds": Array [], + "layerOptions": 0, + "shouldTrim": false, + }, + "fixedRadius": 12.5, + "frame": Object { + "_class": "rect", + "constrainProportions": false, + "do_objectID": "97DA891D-DC08-44BA-871B-9B2805A07E34", + "height": 25, + "width": 80, + "x": 11, + "y": 9, + }, + "hasClippingMask": false, + "hasConvertedToNewRoundCorners": true, + "isClosed": true, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 0, + "name": "Rectangle", + "nameIsFixed": false, + "pointRadiusBehaviour": 1, + "points": Array [ + Object { + "_class": "curvePoint", + "cornerRadius": 8, + "curveFrom": "{0, 0}", + "curveMode": 1, + "curveTo": "{0, 0}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{0, 0}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 12.5, + "curveFrom": "{1, 0}", + "curveMode": 1, + "curveTo": "{1, 0}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{1, 0}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 12.5, + "curveFrom": "{1, 1}", + "curveMode": 1, + "curveTo": "{1, 1}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{1, 1}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 12.5, + "curveFrom": "{0, 1}", + "curveMode": 1, + "curveTo": "{0, 1}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{0, 1}", + }, + ], + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": false, + "style": Object { + "_class": "style", + "borders": Array [ + Object { + "_class": "border", + "color": Object { + "_class": "color", + "alpha": 1, + "blue": 0.5868647411616161, + "green": 0.5868647411616161, + "red": 1, + }, + "fillType": 1, + "gradient": Object { + "_class": "gradient", + "elipseLength": 1, + "from": "{0.5, 1}", + "gradientType": 0, + "stops": Array [ + Object { + "_class": "gradientStop", + "color": Object { + "_class": "color", + "alpha": 1, + "blue": 0.5647058823529412, + "green": 0.7137254901960784, + "red": 0.592156862745098, + }, + "position": 0, + }, + Object { + "_class": "gradientStop", + "color": Object { + "_class": "color", + "alpha": 1, + "blue": 0.3450980392156862, + "green": 0.5686274509803921, + "red": 0.3333333333333334, + }, + "position": 0.5038507579143953, + }, + Object { + "_class": "gradientStop", + "color": Object { + "_class": "color", + "alpha": 1, + "blue": 0.2431372549019607, + "green": 0.4901960784313725, + "red": 0.1333333333333333, + }, + "position": 1, + }, + ], + "to": "{0.49999999999999989, 3.0616169978683836e-17}", + }, + "isEnabled": true, + "position": 2, + "thickness": 1, + }, + ], + "do_objectID": "1414490A-A027-4F35-BF2D-EB21672D3174", + "endMarkerType": 0, + "fills": Array [ + Object { + "_class": "fill", + "color": Object { + "_class": "color", + "alpha": 1, + "blue": 0.847, + "green": 0.847, + "red": 0.847, + }, + "fillType": 0, + "isEnabled": true, + "noiseIndex": 0, + "noiseIntensity": 0, + "patternFillType": 1, + "patternTileScale": 1, + }, + ], + "miterLimit": 10, + "startMarkerType": 0, + "windingRule": 1, + }, + }, + ], + "name": "primitives/border/gradient-with-corners", + "nameIsFixed": true, + "resizesContent": false, + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": true, + "style": Object { + "_class": "style", + "do_objectID": "2E9102E8-856F-487F-8949-062F0DB432C8", + "endMarkerType": 0, + "miterLimit": 10, + "startMarkerType": 0, + "windingRule": 1, + }, + "verticalRulerData": Object { + "_class": "rulerData", + "base": 0, + "do_objectID": "4343539D-F59C-4B47-8F52-39234580610C", + "guides": Array [], + }, + }, Object { - "color": Object { + "_class": "artboard", + "backgroundColor": Object { + "_class": "color", "alpha": 1, - "blue": 144, - "green": 182, - "hex": "97b690", - "hsl": Array [ - 109, - 21, - 64, - ], - "name": "norway", - "red": 151, - "rgb": Array [ - 151, - 182, - 144, - ], - "rgba": Array [ - 151, - 182, - 144, - 1, - ], - "token": "color", + "blue": 1, + "green": 1, + "red": 1, + }, + "booleanOperation": -1, + "clippingMaskMode": 0, + "do_objectID": "F32C4D04-3727-4622-98D0-1F5ABB8AFA89", + "exportOptions": Object { + "_class": "exportOptions", + "exportFormats": Array [], + "includedLayerIds": Array [], + "layerOptions": 0, + "shouldTrim": false, + }, + "frame": Object { + "_class": "rect", + "constrainProportions": false, + "height": 44, + "width": 102, + "x": 1729, + "y": 461, + }, + "groupLayout": Object { + "_class": "MSImmutableFreeformGroupLayout", + }, + "hasBackgroundColor": false, + "hasClickThrough": true, + "hasClippingMask": false, + "horizontalRulerData": Object { + "_class": "rulerData", + "base": 0, + "guides": Array [], + }, + "includeBackgroundColorInExport": true, + "includeInCloudUpload": true, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isFlowHome": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 1, + "layers": Array [ + Object { + "_class": "rectangle", + "booleanOperation": -1, + "clippingMaskMode": 0, + "do_objectID": "C5CBF4F5-CB32-40E1-BBA0-7B41385D7344", + "edited": false, + "exportOptions": Object { + "_class": "exportOptions", + "exportFormats": Array [], + "includedLayerIds": Array [], + "layerOptions": 0, + "shouldTrim": false, + }, + "fixedRadius": 0, + "frame": Object { + "_class": "rect", + "constrainProportions": false, + "height": 25, + "width": 80, + "x": 11, + "y": 9, + }, + "hasClippingMask": false, + "hasConvertedToNewRoundCorners": true, + "isClosed": true, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 0, + "name": "Rectangle", + "nameIsFixed": false, + "pointRadiusBehaviour": 1, + "points": Array [ + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0, 0}", + "curveMode": 1, + "curveTo": "{0, 0}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{0, 0}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{1, 0}", + "curveMode": 1, + "curveTo": "{1, 0}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{1, 0}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{1, 1}", + "curveMode": 1, + "curveTo": "{1, 1}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{1, 1}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0, 1}", + "curveMode": 1, + "curveTo": "{0, 1}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{0, 1}", + }, + ], + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": false, + "style": Object { + "_class": "style", + "borders": Array [ + Object { + "_class": "border", + "color": Object { + "_class": "color", + "alpha": 1, + "blue": 0.5868647411616161, + "green": 0.5868647411616161, + "red": 1, + }, + "fillType": 0, + "isEnabled": true, + "position": 0, + "thickness": 1, + }, + ], + "endMarkerType": 0, + "fills": Array [ + Object { + "_class": "fill", + "color": Object { + "_class": "color", + "alpha": 1, + "blue": 0.847, + "green": 0.847, + "red": 0.847, + }, + "fillType": 0, + "isEnabled": true, + "noiseIndex": 0, + "noiseIntensity": 0, + "patternFillType": 1, + "patternTileScale": 1, + }, + ], + "miterLimit": 10, + "startMarkerType": 0, + "windingRule": 1, + }, + }, + ], + "name": "primitives/border/center", + "nameIsFixed": true, + "resizesContent": false, + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": true, + "style": Object { + "_class": "style", + "endMarkerType": 0, + "miterLimit": 10, + "startMarkerType": 0, + "windingRule": 1, }, - "position": 0, - }, - Object { - "color": Object { - "alpha": 1, - "blue": 88, - "green": 145, - "hex": "559158", - "hsl": Array [ - 123, - 26, - 45, - ], - "name": "hippieGreen", - "red": 85, - "rgb": Array [ - 85, - 145, - 88, - ], - "rgba": Array [ - 85, - 145, - 88, - 1, - ], - "token": "color", + "verticalRulerData": Object { + "_class": "rulerData", + "base": 0, + "guides": Array [], }, - "position": 0.5038507579143953, }, Object { - "color": Object { + "_class": "artboard", + "backgroundColor": Object { + "_class": "color", "alpha": 1, - "blue": 62, - "green": 125, - "hex": "227d3e", - "hsl": Array [ - 138, - 57, - 31, - ], - "name": "salem", - "red": 34, - "rgb": Array [ - 34, - 125, - 62, - ], - "rgba": Array [ - 34, - 125, - 62, - 1, - ], - "token": "color", + "blue": 1, + "do_objectID": "0F6CC1D8-4843-4571-BB29-4FB7F9641251", + "green": 1, + "red": 1, + }, + "booleanOperation": -1, + "clippingMaskMode": 0, + "do_objectID": "3CA8B6DB-E34A-4F1C-B420-798F9BF702D1", + "exportOptions": Object { + "_class": "exportOptions", + "do_objectID": "E3E871C4-6E83-4DCC-9C34-66A86AD6EC06", + "exportFormats": Array [], + "includedLayerIds": Array [], + "layerOptions": 0, + "shouldTrim": false, + }, + "frame": Object { + "_class": "rect", + "constrainProportions": false, + "do_objectID": "807DB016-0231-40B4-BEE9-3EDC8D679236", + "height": 44, + "width": 102, + "x": 1588, + "y": 458, + }, + "groupLayout": Object { + "_class": "MSImmutableFreeformGroupLayout", + }, + "hasBackgroundColor": false, + "hasClickThrough": true, + "hasClippingMask": false, + "horizontalRulerData": Object { + "_class": "rulerData", + "base": 0, + "do_objectID": "87FD0ACF-4E64-4D87-B552-F0005F9C0E12", + "guides": Array [], + }, + "includeBackgroundColorInExport": true, + "includeInCloudUpload": true, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isFlowHome": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 1, + "layers": Array [ + Object { + "_class": "rectangle", + "booleanOperation": -1, + "clippingMaskMode": 0, + "do_objectID": "990C8531-1C2C-40CC-A9B6-4988D4DC21D4", + "edited": false, + "exportOptions": Object { + "_class": "exportOptions", + "do_objectID": "FB30D3CA-908E-43B6-98C6-C7C53AADB1C1", + "exportFormats": Array [], + "includedLayerIds": Array [], + "layerOptions": 0, + "shouldTrim": false, + }, + "fixedRadius": 0, + "frame": Object { + "_class": "rect", + "constrainProportions": false, + "do_objectID": "8444A7CD-CA8D-4B78-A0C0-8B14B1E53A16", + "height": 25, + "width": 80, + "x": 11, + "y": 9, + }, + "hasClippingMask": false, + "hasConvertedToNewRoundCorners": true, + "isClosed": true, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 0, + "name": "Rectangle", + "nameIsFixed": false, + "pointRadiusBehaviour": 1, + "points": Array [ + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0, 0}", + "curveMode": 1, + "curveTo": "{0, 0}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{0, 0}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{1, 0}", + "curveMode": 1, + "curveTo": "{1, 0}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{1, 0}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{1, 1}", + "curveMode": 1, + "curveTo": "{1, 1}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{1, 1}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0, 1}", + "curveMode": 1, + "curveTo": "{0, 1}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{0, 1}", + }, + ], + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": false, + "style": Object { + "_class": "style", + "borders": Array [ + Object { + "_class": "border", + "color": Object { + "_class": "color", + "alpha": 1, + "blue": 0.592, + "green": 0.592, + "red": 0.592, + }, + "fillType": 0, + "isEnabled": false, + "position": 1, + "thickness": 1, + }, + ], + "do_objectID": "AF76E8AA-7164-4EA2-8E38-41BFFE2A8D7A", + "endMarkerType": 0, + "fills": Array [ + Object { + "_class": "fill", + "color": Object { + "_class": "color", + "alpha": 1, + "blue": 0.847, + "green": 0.847, + "red": 0.847, + }, + "fillType": 0, + "isEnabled": true, + "noiseIndex": 0, + "noiseIntensity": 0, + "patternFillType": 1, + "patternTileScale": 1, + }, + ], + "innerShadows": Array [ + Object { + "_class": "innerShadow", + "blurRadius": 3, + "color": Object { + "_class": "color", + "alpha": 0.5, + "blue": 0, + "green": 0, + "red": 0, + }, + "contextSettings": Object { + "_class": "graphicsContextSettings", + "blendMode": 0, + "opacity": 1, + }, + "isEnabled": true, + "offsetX": 0, + "offsetY": 1, + "spread": 0, + }, + ], + "miterLimit": 10, + "startMarkerType": 0, + "windingRule": 1, + }, + }, + ], + "name": "primitives/inner-shadow/simple", + "nameIsFixed": true, + "resizesContent": false, + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": true, + "style": Object { + "_class": "style", + "do_objectID": "7FFF98D8-F73C-42CE-8337-7D92FF8E94B2", + "endMarkerType": 0, + "miterLimit": 10, + "startMarkerType": 0, + "windingRule": 1, }, - "position": 1, - }, - ], - "to": Array [ - 0.4999999999999999, - 3.0616169978683836e-17, - ], - "token": "gradient", - "type": "LINEAR", - }, - Object { - "from": Array [ - 0.5, - 1, - ], - "id": "radial", - "stops": Array [ - Object { - "color": Object { - "alpha": 1, - "blue": 144, - "green": 182, - "hex": "97b690", - "hsl": Array [ - 109, - 21, - 64, - ], - "name": "norway", - "red": 151, - "rgb": Array [ - 151, - 182, - 144, - ], - "rgba": Array [ - 151, - 182, - 144, - 1, - ], - "token": "color", + "verticalRulerData": Object { + "_class": "rulerData", + "base": 0, + "do_objectID": "B2C7F811-6288-4D1E-93A0-DB0B878BCCDA", + "guides": Array [], }, - "position": 0, }, Object { - "color": Object { + "_class": "symbolMaster", + "allowsOverrides": true, + "backgroundColor": Object { + "_class": "color", "alpha": 1, - "blue": 62, - "green": 125, - "hex": "227d3e", - "hsl": Array [ - 138, - 57, - 31, - ], - "name": "salem", - "red": 34, - "rgb": Array [ - 34, - 125, - 62, - ], - "rgba": Array [ - 34, - 125, - 62, - 1, - ], - "token": "color", + "blue": 1, + "green": 1, + "red": 1, }, - "position": 1, - }, - ], - "to": Array [ - 0.5, - -0.27263153394819584, - ], - "token": "gradient", - "type": "RADIAL", - }, - Object { - "from": Array [ - 0.5, - 1, - ], - "id": "angular", - "stops": Array [ - Object { - "color": Object { - "alpha": 1, - "blue": 144, - "green": 182, - "hex": "97b690", - "hsl": Array [ - 109, - 21, - 64, - ], - "name": "norway", - "red": 151, - "rgb": Array [ - 151, - 182, - 144, - ], - "rgba": Array [ - 151, - 182, - 144, - 1, - ], - "token": "color", + "booleanOperation": -1, + "changeIdentifier": 21, + "clippingMaskMode": 0, + "do_objectID": "39FA99D3-F37F-4F0A-80D2-7D6964268931", + "exportOptions": Object { + "_class": "exportOptions", + "exportFormats": Array [], + "includedLayerIds": Array [], + "layerOptions": 0, + "shouldTrim": false, + }, + "frame": Object { + "_class": "rect", + "constrainProportions": false, + "height": 135, + "width": 138, + "x": 1026, + "y": 408, + }, + "groupLayout": Object { + "_class": "MSImmutableFreeformGroupLayout", + }, + "hasBackgroundColor": false, + "hasClickThrough": true, + "hasClippingMask": false, + "horizontalRulerData": Object { + "_class": "rulerData", + "base": 0, + "guides": Array [], + }, + "includeBackgroundColorInExport": true, + "includeBackgroundColorInInstance": true, + "includeInCloudUpload": true, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isFlowHome": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 2, + "layers": Array [ + Object { + "_class": "group", + "booleanOperation": -1, + "clippingMaskMode": 0, + "do_objectID": "E684C09A-AEFD-4B70-B4AF-F12B8FA8BB38", + "exportOptions": Object { + "_class": "exportOptions", + "exportFormats": Array [], + "includedLayerIds": Array [], + "layerOptions": 0, + "shouldTrim": false, + }, + "frame": Object { + "_class": "rect", + "constrainProportions": false, + "height": 123, + "width": 119, + "x": 10, + "y": 6, + }, + "groupLayout": Object { + "_class": "MSImmutableFreeformGroupLayout", + }, + "hasClickThrough": false, + "hasClippingMask": false, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 1, + "layers": Array [ + Object { + "_class": "shapePath", + "booleanOperation": -1, + "clippingMaskMode": 0, + "do_objectID": "02FC3A23-FED1-41F0-AFDB-3886E7814B0E", + "edited": true, + "exportOptions": Object { + "_class": "exportOptions", + "exportFormats": Array [], + "includedLayerIds": Array [], + "layerOptions": 0, + "shouldTrim": false, + }, + "frame": Object { + "_class": "rect", + "constrainProportions": false, + "height": 59.0211311075975, + "width": 58.95181613831292, + "x": 9.113085425705663, + "y": 53.00289139456186, + }, + "hasClippingMask": false, + "isClosed": true, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 0, + "name": "Path", + "nameIsFixed": false, + "pointRadiusBehaviour": 1, + "points": Array [ + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{-0.041760976793820154, 0.71128607360820562}", + "curveMode": 2, + "curveTo": "{0.27844120248615156, 1.0392228589048957}", + "hasCurveFrom": true, + "hasCurveTo": true, + "point": "{0.11833926469587491, 0.87524768902282957}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0.12434077615346789, 0.2874412653073386}", + "curveMode": 4, + "curveTo": "{-0.03907403667261402, 0.44811422805879764}", + "hasCurveFrom": false, + "hasCurveTo": true, + "point": "{0.12434077615346789, 0.2874412653073386}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0.45929737789193131, -0.041893324444328986}", + "curveMode": 4, + "curveTo": "{0.29588256506584942, 0.11877794399869997}", + "hasCurveFrom": true, + "hasCurveTo": false, + "point": "{0.29588256506584942, 0.11877794399869997}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{1.0417611974872043, 0.28871030232161493}", + "curveMode": 2, + "curveTo": "{0.72155901820723267, -0.039223094358214708}", + "hasCurveFrom": true, + "hasCurveTo": true, + "point": "{0.8816592596969276, 0.12474360398170001}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0.8756594445399164, 0.71256019354777267}", + "curveMode": 4, + "curveTo": "{1.0390742573659981, 0.55188384217945297}", + "hasCurveFrom": false, + "hasCurveTo": true, + "point": "{0.8756594445399164, 0.71256019354777267}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0.54070284280145287, 1.041899866224731}", + "curveMode": 4, + "curveTo": "{0.70411765562753481, 0.88121165469739948}", + "hasCurveFrom": true, + "hasCurveTo": false, + "point": "{0.70411765562753481, 0.88121165469739948}", + }, + ], + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": false, + "style": Object { + "_class": "style", + "endMarkerType": 0, + "fills": Array [ + Object { + "_class": "fill", + "color": Object { + "_class": "color", + "alpha": 1, + "blue": 1, + "green": 1, + "red": 1, + }, + "fillType": 0, + "isEnabled": true, + "noiseIndex": 0, + "noiseIntensity": 0, + "patternFillType": 1, + "patternTileScale": 1, + }, + ], + "miterLimit": 10, + "startMarkerType": 0, + "windingRule": 0, + }, + }, + Object { + "_class": "shapePath", + "booleanOperation": -1, + "clippingMaskMode": 0, + "do_objectID": "DF387994-F0DC-4BCE-85FE-148F63B79218", + "edited": true, + "exportOptions": Object { + "_class": "exportOptions", + "exportFormats": Array [], + "includedLayerIds": Array [], + "layerOptions": 0, + "shouldTrim": false, + }, + "frame": Object { + "_class": "rect", + "constrainProportions": false, + "height": 36.52828213511435, + "width": 45.9905, + "x": 22.7808, + "y": 75.49630000000002, + }, + "hasClippingMask": false, + "isClosed": true, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 0, + "name": "Path", + "nameIsFixed": false, + "pointRadiusBehaviour": 1, + "points": Array [ + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0.60533371022276339, 0.80810534398560996}", + "curveMode": 4, + "curveTo": "{0.44022352442352225, 1.0127413017443334}", + "hasCurveFrom": false, + "hasCurveTo": true, + "point": "{0.60533371022276339, 0.80810534398560996}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{1, 0.31897202164893218}", + "curveMode": 1, + "curveTo": "{1, 0.31897202164893218}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{1, 0.31897202164893218}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0.75488850958350118, 0}", + "curveMode": 1, + "curveTo": "{0.75488850958350118, 0}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{0.75488850958350118, 0}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0.19637533838510124, 1.0533673567696107}", + "curveMode": 4, + "curveTo": "{0, 0.931626071933083}", + "hasCurveFrom": true, + "hasCurveTo": false, + "point": "{0, 0.931626071933083}", + }, + ], + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": false, + "style": Object { + "_class": "style", + "endMarkerType": 0, + "fills": Array [ + Object { + "_class": "fill", + "color": Object { + "_class": "color", + "alpha": 0.1, + "blue": 0.611764705882353, + "green": 0.1882352941176471, + "red": 0.2352941176470588, + }, + "fillType": 0, + "isEnabled": true, + "noiseIndex": 0, + "noiseIntensity": 0, + "patternFillType": 1, + "patternTileScale": 1, + }, + ], + "miterLimit": 10, + "startMarkerType": 0, + "windingRule": 0, + }, + }, + Object { + "_class": "oval", + "booleanOperation": -1, + "clippingMaskMode": 0, + "do_objectID": "547CB42C-9477-409F-891E-D6B980598CA0", + "edited": false, + "exportOptions": Object { + "_class": "exportOptions", + "exportFormats": Array [], + "includedLayerIds": Array [], + "layerOptions": 0, + "shouldTrim": false, + }, + "frame": Object { + "_class": "rect", + "constrainProportions": false, + "height": 49.4074, + "width": 49.1784, + "x": 19.29930000000002, + "y": 52.51690000000002, + }, + "hasClippingMask": false, + "isClosed": true, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 0, + "name": "Oval", + "nameIsFixed": false, + "pointRadiusBehaviour": 1, + "points": Array [ + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0.77614237490000004, 1}", + "curveMode": 2, + "curveTo": "{0.22385762510000001, 1}", + "hasCurveFrom": true, + "hasCurveTo": true, + "point": "{0.5, 1}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{1, 0.22385762510000001}", + "curveMode": 2, + "curveTo": "{1, 0.77614237490000004}", + "hasCurveFrom": true, + "hasCurveTo": true, + "point": "{1, 0.5}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0.22385762510000001, 0}", + "curveMode": 2, + "curveTo": "{0.77614237490000004, 0}", + "hasCurveFrom": true, + "hasCurveTo": true, + "point": "{0.5, 0}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0, 0.77614237490000004}", + "curveMode": 2, + "curveTo": "{0, 0.22385762510000001}", + "hasCurveFrom": true, + "hasCurveTo": true, + "point": "{0, 0.5}", + }, + ], + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": false, + "style": Object { + "_class": "style", + "endMarkerType": 0, + "fills": Array [ + Object { + "_class": "fill", + "color": Object { + "_class": "color", + "alpha": 1, + "blue": 0.3137254901960784, + "green": 0.09019607843137255, + "red": 0.1294117647058823, + }, + "fillType": 0, + "isEnabled": true, + "noiseIndex": 0, + "noiseIntensity": 0, + "patternFillType": 1, + "patternTileScale": 1, + }, + ], + "miterLimit": 10, + "startMarkerType": 0, + "windingRule": 0, + }, + }, + Object { + "_class": "shapePath", + "booleanOperation": -1, + "clippingMaskMode": 0, + "do_objectID": "52D7F231-0C71-46CD-8EA2-6814F95BC179", + "edited": true, + "exportOptions": Object { + "_class": "exportOptions", + "exportFormats": Array [], + "includedLayerIds": Array [], + "layerOptions": 0, + "shouldTrim": false, + }, + "frame": Object { + "_class": "rect", + "constrainProportions": false, + "height": 48.32166084006638, + "width": 47.97987629871568, + "x": 23.72352370128431, + "y": 49.40300000000002, + }, + "hasClippingMask": false, + "isClosed": true, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 0, + "name": "Path", + "nameIsFixed": false, + "pointRadiusBehaviour": 1, + "points": Array [ + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{-0.046840964893118842, 0.67807271998465912}", + "curveMode": 2, + "curveTo": "{0.31231794357745751, 1.0437348204344277}", + "hasCurveFrom": true, + "hasCurveTo": true, + "point": "{0.13273848934216939, 0.86090377020954334}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0.1394683941462099, 0.20546686159776392}", + "curveMode": 4, + "curveTo": "{-0.043829285598650368, 0.38462254146259756}", + "hasCurveFrom": false, + "hasCurveTo": true, + "point": "{0.1394683941462099, 0.20546686159776392}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0.34968360890010841, 0}", + "curveMode": 1, + "curveTo": "{0.34968360890010841, 0}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{0.34968360890010841, 0}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{1, 0.66208817006290721}", + "curveMode": 1, + "curveTo": "{1, 0.66208817006290721}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{1, 0.66208817006290721}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0.60648918970836529, 1.0467148504560904}", + "curveMode": 4, + "curveTo": "{0.78978478524610152, 0.86755503166067127}", + "hasCurveFrom": true, + "hasCurveTo": false, + "point": "{0.78978478524610152, 0.86755503166067127}", + }, + ], + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": false, + "style": Object { + "_class": "style", + "endMarkerType": 0, + "fills": Array [ + Object { + "_class": "fill", + "color": Object { + "_class": "color", + "alpha": 1, + "blue": 1, + "green": 1, + "red": 1, + }, + "fillType": 0, + "isEnabled": true, + "noiseIndex": 0, + "noiseIntensity": 0, + "patternFillType": 1, + "patternTileScale": 1, + }, + ], + "miterLimit": 10, + "startMarkerType": 0, + "windingRule": 0, + }, + }, + Object { + "_class": "shapePath", + "booleanOperation": -1, + "clippingMaskMode": 0, + "do_objectID": "565169BE-7DCB-4E12-85A9-05260BF1D68F", + "edited": true, + "exportOptions": Object { + "_class": "exportOptions", + "exportFormats": Array [], + "includedLayerIds": Array [], + "layerOptions": 0, + "shouldTrim": false, + }, + "frame": Object { + "_class": "rect", + "constrainProportions": false, + "height": 26.91094023604795, + "width": 34.88010000000001, + "x": 36.83839999999998, + "y": 70.75940000000003, + }, + "hasClippingMask": false, + "isClosed": true, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 0, + "name": "Path", + "nameIsFixed": false, + "pointRadiusBehaviour": 1, + "points": Array [ + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0.69632541191108965, 0.78215401674464557}", + "curveMode": 4, + "curveTo": "{0.56928449173024143, 0.944247944408936}", + "hasCurveFrom": false, + "hasCurveTo": true, + "point": "{0.69632541191108965, 0.78215401674464557}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{1, 0.39470192816867145}", + "curveMode": 1, + "curveTo": "{1, 0.39470192816867145}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{1, 0.39470192816867145}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0.70452492968770153, 0}", + "curveMode": 1, + "curveTo": "{0.70452492968770153, 0}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{0.70452492968770153, 0}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0.28592807933463482, 1.0938896873089379}", + "curveMode": 4, + "curveTo": "{0, 0.92696872651757733}", + "hasCurveFrom": true, + "hasCurveTo": false, + "point": "{0, 0.92696872651757733}", + }, + ], + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": false, + "style": Object { + "_class": "style", + "endMarkerType": 0, + "fills": Array [ + Object { + "_class": "fill", + "color": Object { + "_class": "color", + "alpha": 0.1, + "blue": 0.611764705882353, + "green": 0.1882352941176471, + "red": 0.2352941176470588, + }, + "fillType": 0, + "isEnabled": true, + "noiseIndex": 0, + "noiseIntensity": 0, + "patternFillType": 1, + "patternTileScale": 1, + }, + ], + "miterLimit": 10, + "startMarkerType": 0, + "windingRule": 0, + }, + }, + Object { + "_class": "group", + "booleanOperation": -1, + "clippingMaskMode": 0, + "do_objectID": "2458A914-F884-42FB-A169-CEA9336F2431", + "exportOptions": Object { + "_class": "exportOptions", + "exportFormats": Array [], + "includedLayerIds": Array [], + "layerOptions": 0, + "shouldTrim": false, + }, + "frame": Object { + "_class": "rect", + "constrainProportions": false, + "height": 56, + "width": 56, + "x": 20, + "y": 45, + }, + "groupLayout": Object { + "_class": "MSImmutableFreeformGroupLayout", + }, + "hasClickThrough": false, + "hasClippingMask": false, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 0, + "layers": Array [ + Object { + "_class": "shapePath", + "booleanOperation": -1, + "clippingMaskMode": 0, + "do_objectID": "5717ADE9-2DFF-4E06-9E1A-8AD236321C0F", + "edited": true, + "exportOptions": Object { + "_class": "exportOptions", + "exportFormats": Array [], + "includedLayerIds": Array [], + "layerOptions": 0, + "shouldTrim": false, + }, + "frame": Object { + "_class": "rect", + "constrainProportions": false, + "height": 54.70281715274805, + "width": 54.46231744875875, + "x": 0.6800825512412452, + "y": 0.9478999999999971, + }, + "hasClippingMask": true, + "isClosed": true, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 0, + "name": "Path", + "nameIsFixed": false, + "pointRadiusBehaviour": 1, + "points": Array [ + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{-0.041241038877100414, 0.71553170453185133}", + "curveMode": 2, + "curveTo": "{0.27523833268502229, 1.0386137854903117}", + "hasCurveFrom": true, + "hasCurveTo": true, + "point": "{0.11699864690396097, 0.87706817486254052}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0.12280816832760735, 0.29808885261736173}", + "curveMode": 4, + "curveTo": "{-0.038639239933577318, 0.45631287928552372}", + "hasCurveFrom": false, + "hasCurveTo": true, + "point": "{0.12280816832760735, 0.29808885261736173}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0.42696709464552407, 0}", + "curveMode": 1, + "curveTo": "{0.42696709464552407, 0}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{0.42696709464552407, 0}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{1, 0.58497718519040587}", + "curveMode": 1, + "curveTo": "{1, 0.58497718519040587}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{1, 0.58497718519040587}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0.53439366542089861, 1.0412827522382642}", + "curveMode": 4, + "curveTo": "{0.69584107368208348, 0.88306603780776749}", + "hasCurveFrom": true, + "hasCurveTo": false, + "point": "{0.69584107368208348, 0.88306603780776749}", + }, + ], + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": false, + "style": Object { + "_class": "style", + "endMarkerType": 0, + "miterLimit": 10, + "startMarkerType": 0, + "windingRule": 1, + }, + }, + Object { + "_class": "group", + "booleanOperation": -1, + "clippingMaskMode": 0, + "do_objectID": "FFEA95FD-211D-4950-BA6C-6E10F0B5C8DF", + "exportOptions": Object { + "_class": "exportOptions", + "exportFormats": Array [], + "includedLayerIds": Array [], + "layerOptions": 0, + "shouldTrim": false, + }, + "frame": Object { + "_class": "rect", + "constrainProportions": false, + "height": 57, + "width": 57, + "x": 8, + "y": -9, + }, + "groupLayout": Object { + "_class": "MSImmutableFreeformGroupLayout", + }, + "hasClickThrough": false, + "hasClippingMask": false, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 0, + "layers": Array [ + Object { + "_class": "shapePath", + "booleanOperation": -1, + "clippingMaskMode": 0, + "do_objectID": "452FEFAA-4D5A-46E1-B22C-A04980A54CE8", + "edited": true, + "exportOptions": Object { + "_class": "exportOptions", + "exportFormats": Array [], + "includedLayerIds": Array [], + "layerOptions": 0, + "shouldTrim": false, + }, + "frame": Object { + "_class": "rect", + "constrainProportions": false, + "height": 51.50773346718231, + "width": 51.28453763765749, + "x": 0.5589352318613834, + "y": 5.06633326640884, + }, + "hasClippingMask": false, + "isClosed": true, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 0, + "name": "Path", + "nameIsFixed": false, + "pointRadiusBehaviour": 1, + "points": Array [ + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0.98705510666374008, 0.79859787967178353}", + "curveMode": 2, + "curveTo": "{1.0119144513849034, 0.24681665990391735}", + "hasCurveFrom": true, + "hasCurveTo": true, + "point": "{0.99948380407159121, 0.52270726978785054}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0.20167998473956905, 0.98693658819175456}", + "curveMode": 2, + "curveTo": "{0.7533160392533329, 1.0120143757985998}", + "hasCurveFrom": true, + "hasCurveTo": true, + "point": "{0.47749801199645087, 0.99947451126715947}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0.012946685272464651, 0.20140212032821658}", + "curveMode": 2, + "curveTo": "{-0.011912659448698668, 0.75318334009608268}", + "hasCurveFrom": true, + "hasCurveTo": true, + "point": "{0.00051603795915250363, 0.47729273021214963}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0.79832180719663581, 0.01306535326428088}", + "curveMode": 2, + "curveTo": "{0.24668380277741109, -0.01201437579859976}", + "hasCurveFrom": true, + "hasCurveTo": true, + "point": "{0.52250183003429307, 0.0005254887328406295}", + }, + ], + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": false, + "style": Object { + "_class": "style", + "borders": Array [ + Object { + "_class": "border", + "color": Object { + "_class": "color", + "alpha": 0.1, + "blue": 0.5137254901960784, + "green": 0.1529411764705882, + "red": 0.192156862745098, + }, + "fillType": 0, + "isEnabled": true, + "position": 0, + "thickness": 1, + }, + ], + "endMarkerType": 0, + "miterLimit": 10, + "startMarkerType": 0, + "windingRule": 1, + }, + }, + Object { + "_class": "shapePath", + "booleanOperation": -1, + "clippingMaskMode": 0, + "do_objectID": "872D5D1B-1CDE-42AD-847C-ADFB449DF3F2", + "edited": true, + "exportOptions": Object { + "_class": "exportOptions", + "exportFormats": Array [], + "includedLayerIds": Array [], + "layerOptions": 0, + "shouldTrim": false, + }, + "frame": Object { + "_class": "rect", + "constrainProportions": false, + "height": 51.50773346718231, + "width": 51.28444574332464, + "x": 5.227327128337677, + "y": 0.7824332664088445, + }, + "hasClippingMask": false, + "isClosed": true, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 0, + "name": "Path", + "nameIsFixed": false, + "pointRadiusBehaviour": 1, + "points": Array [ + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0.98705508342656245, 0.79859787967178353}", + "curveMode": 2, + "curveTo": "{1.0119144726920875, 0.24681665990391727}", + "hasCurveFrom": true, + "hasCurveTo": true, + "point": "{0.99948380310484752, 0.52270726978785043}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0.20167855422340414, 0.98693658819175456}", + "curveMode": 2, + "curveTo": "{0.75331754709840049, 1.0120143757986}", + "hasCurveFrom": true, + "hasCurveTo": true, + "point": "{0.47749707570642497, 0.99947451126715947}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0.012944916573437524, 0.20140212032821647}", + "curveMode": 2, + "curveTo": "{-0.01191447269208731, 0.7531833400960829}", + "hasCurveFrom": true, + "hasCurveTo": true, + "point": "{0.00051619689515250032, 0.47729273021214952}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0.79832144577659614, 0.013063411808245605}", + "curveMode": 2, + "curveTo": "{0.24668245290159971, -0.012014375798599762}", + "hasCurveFrom": true, + "hasCurveTo": true, + "point": "{0.52250292429357537, 0.00052548873284049159}", + }, + ], + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": false, + "style": Object { + "_class": "style", + "borders": Array [ + Object { + "_class": "border", + "color": Object { + "_class": "color", + "alpha": 0.1, + "blue": 0.5137254901960784, + "green": 0.1529411764705882, + "red": 0.192156862745098, + }, + "fillType": 0, + "isEnabled": true, + "position": 0, + "thickness": 1, + }, + ], + "endMarkerType": 0, + "miterLimit": 10, + "startMarkerType": 0, + "windingRule": 1, + }, + }, + ], + "name": "Group", + "nameIsFixed": false, + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": false, + "style": Object { + "_class": "style", + "endMarkerType": 0, + "miterLimit": 10, + "startMarkerType": 0, + "windingRule": 1, + }, + }, + ], + "name": "Clipped", + "nameIsFixed": false, + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": false, + "style": Object { + "_class": "style", + "endMarkerType": 0, + "miterLimit": 10, + "startMarkerType": 0, + "windingRule": 1, + }, + }, + Object { + "_class": "shapePath", + "booleanOperation": -1, + "clippingMaskMode": 0, + "do_objectID": "1FFA72B0-1706-49F3-9626-B3B30267D5EA", + "edited": true, + "exportOptions": Object { + "_class": "exportOptions", + "exportFormats": Array [], + "includedLayerIds": Array [], + "layerOptions": 0, + "shouldTrim": false, + }, + "frame": Object { + "_class": "rect", + "constrainProportions": false, + "height": 47.3343, + "width": 62.93455, + "x": 0.3845499999999902, + "y": 0, + }, + "hasClippingMask": false, + "isClosed": true, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 0, + "name": "Path", + "nameIsFixed": false, + "pointRadiusBehaviour": 1, + "points": Array [ + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{1, 1}", + "curveMode": 1, + "curveTo": "{1, 1}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{1, 1}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0.47541056542074261, 0}", + "curveMode": 1, + "curveTo": "{0.47541056542074261, 0}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{0.47541056542074261, 0}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0.010928973036273382, 0}", + "curveMode": 1, + "curveTo": "{0.010928973036273382, 0}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{0.010928973036273382, 0}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0, 0.043795514035276747}", + "curveMode": 1, + "curveTo": "{0, 0.043795514035276747}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{0, 0.043795514035276747}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0.51282085913063657, 1}", + "curveMode": 1, + "curveTo": "{0.51282085913063657, 1}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{0.51282085913063657, 1}", + }, + ], + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": false, + "style": Object { + "_class": "style", + "endMarkerType": 0, + "fills": Array [ + Object { + "_class": "fill", + "color": Object { + "_class": "color", + "alpha": 1, + "blue": 0.2313725490196079, + "green": 0.05882352941176471, + "red": 0.09019607843137255, + }, + "fillType": 0, + "isEnabled": true, + "noiseIndex": 0, + "noiseIntensity": 0, + "patternFillType": 1, + "patternTileScale": 1, + }, + ], + "miterLimit": 10, + "startMarkerType": 0, + "windingRule": 0, + }, + }, + Object { + "_class": "shapePath", + "booleanOperation": -1, + "clippingMaskMode": 0, + "do_objectID": "553AA9E6-FAFC-4450-A962-282FBA4C7150", + "edited": true, + "exportOptions": Object { + "_class": "exportOptions", + "exportFormats": Array [], + "includedLayerIds": Array [], + "layerOptions": 0, + "shouldTrim": false, + }, + "frame": Object { + "_class": "rect", + "constrainProportions": false, + "height": 45.2612, + "width": 62.93457, + "x": 1.072329999999965, + "y": 0, + }, + "hasClippingMask": false, + "isClosed": true, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 0, + "name": "Path", + "nameIsFixed": false, + "pointRadiusBehaviour": 1, + "points": Array [ + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0.46794901434934727, 0}", + "curveMode": 1, + "curveTo": "{0.46794901434934727, 0}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{0.46794901434934727, 0}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0, 0}", + "curveMode": 1, + "curveTo": "{0, 0}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{0, 0}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0.51282101395147373, 1}", + "curveMode": 1, + "curveTo": "{0.51282101395147373, 1}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{0.51282101395147373, 1}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{1, 1}", + "curveMode": 1, + "curveTo": "{1, 1}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{1, 1}", + }, + ], + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": false, + "style": Object { + "_class": "style", + "endMarkerType": 0, + "fills": Array [ + Object { + "_class": "fill", + "color": Object { + "_class": "color", + "alpha": 1, + "blue": 0.6392156862745098, + "green": 0.3411764705882353, + "red": 0.3450980392156863, + }, + "fillType": 0, + "isEnabled": true, + "noiseIndex": 0, + "noiseIntensity": 0, + "patternFillType": 1, + "patternTileScale": 1, + }, + ], + "miterLimit": 10, + "startMarkerType": 0, + "windingRule": 0, + }, + }, + Object { + "_class": "group", + "booleanOperation": -1, + "clippingMaskMode": 0, + "do_objectID": "F5AA027E-EB7A-4341-9AA8-1B96642CB999", + "exportOptions": Object { + "_class": "exportOptions", + "exportFormats": Array [], + "includedLayerIds": Array [], + "layerOptions": 0, + "shouldTrim": false, + }, + "frame": Object { + "_class": "rect", + "constrainProportions": false, + "height": 31, + "width": 42, + "x": 12, + "y": 8, + }, + "groupLayout": Object { + "_class": "MSImmutableFreeformGroupLayout", + }, + "hasClickThrough": false, + "hasClippingMask": false, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 0, + "layers": Array [ + Object { + "_class": "shapePath", + "booleanOperation": -1, + "clippingMaskMode": 0, + "do_objectID": "E88DA914-2975-492A-B253-95D76EB55ADE", + "edited": true, + "exportOptions": Object { + "_class": "exportOptions", + "exportFormats": Array [], + "includedLayerIds": Array [], + "layerOptions": 0, + "shouldTrim": false, + }, + "frame": Object { + "_class": "rect", + "constrainProportions": false, + "height": 1, + "width": 20.6343, + "x": 0.07730000000000103, + "y": 0.3286999999999995, + }, + "hasClippingMask": false, + "isClosed": false, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 0, + "name": "Path", + "nameIsFixed": false, + "pointRadiusBehaviour": 1, + "points": Array [ + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0, 0.5}", + "curveMode": 1, + "curveTo": "{0, 0.5}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{0, 0.5}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{1, 0.5}", + "curveMode": 1, + "curveTo": "{1, 0.5}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{1, 0.5}", + }, + ], + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": false, + "style": Object { + "_class": "style", + "borders": Array [ + Object { + "_class": "border", + "color": Object { + "_class": "color", + "alpha": 1, + "blue": 0.384313725490196, + "green": 0.1568627450980392, + "red": 0.1843137254901961, + }, + "fillType": 0, + "isEnabled": true, + "position": 0, + "thickness": 1, + }, + ], + "endMarkerType": 0, + "miterLimit": 10, + "startMarkerType": 0, + "windingRule": 1, + }, + }, + Object { + "_class": "shapePath", + "booleanOperation": -1, + "clippingMaskMode": 0, + "do_objectID": "D7502CD3-BFA4-4EBE-AEEC-86F993BE816C", + "edited": true, + "exportOptions": Object { + "_class": "exportOptions", + "exportFormats": Array [], + "includedLayerIds": Array [], + "layerOptions": 0, + "shouldTrim": false, + }, + "frame": Object { + "_class": "rect", + "constrainProportions": false, + "height": 1, + "width": 20.6343, + "x": 2.828499999999998, + "y": 3.783799999999999, + }, + "hasClippingMask": false, + "isClosed": false, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 0, + "name": "Path", + "nameIsFixed": false, + "pointRadiusBehaviour": 1, + "points": Array [ + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0, 0.5}", + "curveMode": 1, + "curveTo": "{0, 0.5}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{0, 0.5}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{1, 0.5}", + "curveMode": 1, + "curveTo": "{1, 0.5}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{1, 0.5}", + }, + ], + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": false, + "style": Object { + "_class": "style", + "borders": Array [ + Object { + "_class": "border", + "color": Object { + "_class": "color", + "alpha": 1, + "blue": 0.384313725490196, + "green": 0.1568627450980392, + "red": 0.1843137254901961, + }, + "fillType": 0, + "isEnabled": true, + "position": 0, + "thickness": 1, + }, + ], + "endMarkerType": 0, + "miterLimit": 10, + "startMarkerType": 0, + "windingRule": 1, + }, + }, + Object { + "_class": "shapePath", + "booleanOperation": -1, + "clippingMaskMode": 0, + "do_objectID": "39B6949B-8573-46E4-ADFE-FEEBC6C2368E", + "edited": true, + "exportOptions": Object { + "_class": "exportOptions", + "exportFormats": Array [], + "includedLayerIds": Array [], + "layerOptions": 0, + "shouldTrim": false, + }, + "frame": Object { + "_class": "rect", + "constrainProportions": false, + "height": 1, + "width": 20.6343, + "x": 5.235800000000001, + "y": 7.238800000000001, + }, + "hasClippingMask": false, + "isClosed": false, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 0, + "name": "Path", + "nameIsFixed": false, + "pointRadiusBehaviour": 1, + "points": Array [ + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0, 0.5}", + "curveMode": 1, + "curveTo": "{0, 0.5}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{0, 0.5}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{1, 0.5}", + "curveMode": 1, + "curveTo": "{1, 0.5}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{1, 0.5}", + }, + ], + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": false, + "style": Object { + "_class": "style", + "borders": Array [ + Object { + "_class": "border", + "color": Object { + "_class": "color", + "alpha": 1, + "blue": 0.384313725490196, + "green": 0.1568627450980392, + "red": 0.1843137254901961, + }, + "fillType": 0, + "isEnabled": true, + "position": 0, + "thickness": 1, + }, + ], + "endMarkerType": 0, + "miterLimit": 10, + "startMarkerType": 0, + "windingRule": 1, + }, + }, + Object { + "_class": "shapePath", + "booleanOperation": -1, + "clippingMaskMode": 0, + "do_objectID": "2A4A73AB-8F3E-48F6-8CFA-B84ADB5579A6", + "edited": true, + "exportOptions": Object { + "_class": "exportOptions", + "exportFormats": Array [], + "includedLayerIds": Array [], + "layerOptions": 0, + "shouldTrim": false, + }, + "frame": Object { + "_class": "rect", + "constrainProportions": false, + "height": 1, + "width": 20.6343, + "x": 7.987100000000002, + "y": 11.0393, + }, + "hasClippingMask": false, + "isClosed": false, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 0, + "name": "Path", + "nameIsFixed": false, + "pointRadiusBehaviour": 1, + "points": Array [ + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0, 0.5}", + "curveMode": 1, + "curveTo": "{0, 0.5}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{0, 0.5}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{1, 0.5}", + "curveMode": 1, + "curveTo": "{1, 0.5}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{1, 0.5}", + }, + ], + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": false, + "style": Object { + "_class": "style", + "borders": Array [ + Object { + "_class": "border", + "color": Object { + "_class": "color", + "alpha": 1, + "blue": 0.384313725490196, + "green": 0.1568627450980392, + "red": 0.1843137254901961, + }, + "fillType": 0, + "isEnabled": true, + "position": 0, + "thickness": 1, + }, + ], + "endMarkerType": 0, + "miterLimit": 10, + "startMarkerType": 0, + "windingRule": 1, + }, + }, + Object { + "_class": "shapePath", + "booleanOperation": -1, + "clippingMaskMode": 0, + "do_objectID": "5C686341-17E3-4683-85F0-D4070E2C799E", + "edited": true, + "exportOptions": Object { + "_class": "exportOptions", + "exportFormats": Array [], + "includedLayerIds": Array [], + "layerOptions": 0, + "shouldTrim": false, + }, + "frame": Object { + "_class": "rect", + "constrainProportions": false, + "height": 1, + "width": 20.6343, + "x": 10.3944, + "y": 14.4944, + }, + "hasClippingMask": false, + "isClosed": false, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 0, + "name": "Path", + "nameIsFixed": false, + "pointRadiusBehaviour": 1, + "points": Array [ + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0, 0.5}", + "curveMode": 1, + "curveTo": "{0, 0.5}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{0, 0.5}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{1, 0.5}", + "curveMode": 1, + "curveTo": "{1, 0.5}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{1, 0.5}", + }, + ], + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": false, + "style": Object { + "_class": "style", + "borders": Array [ + Object { + "_class": "border", + "color": Object { + "_class": "color", + "alpha": 1, + "blue": 0.384313725490196, + "green": 0.1568627450980392, + "red": 0.1843137254901961, + }, + "fillType": 0, + "isEnabled": true, + "position": 0, + "thickness": 1, + }, + ], + "endMarkerType": 0, + "miterLimit": 10, + "startMarkerType": 0, + "windingRule": 1, + }, + }, + Object { + "_class": "shapePath", + "booleanOperation": -1, + "clippingMaskMode": 0, + "do_objectID": "960E468A-E05F-46C3-B3C9-F559D7E15F8F", + "edited": true, + "exportOptions": Object { + "_class": "exportOptions", + "exportFormats": Array [], + "includedLayerIds": Array [], + "layerOptions": 0, + "shouldTrim": false, + }, + "frame": Object { + "_class": "rect", + "constrainProportions": false, + "height": 1, + "width": 20.6342, + "x": 13.1457, + "y": 17.9495, + }, + "hasClippingMask": false, + "isClosed": false, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 0, + "name": "Path", + "nameIsFixed": false, + "pointRadiusBehaviour": 1, + "points": Array [ + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0, 0.5}", + "curveMode": 1, + "curveTo": "{0, 0.5}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{0, 0.5}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{1, 0.5}", + "curveMode": 1, + "curveTo": "{1, 0.5}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{1, 0.5}", + }, + ], + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": false, + "style": Object { + "_class": "style", + "borders": Array [ + Object { + "_class": "border", + "color": Object { + "_class": "color", + "alpha": 1, + "blue": 0.384313725490196, + "green": 0.1568627450980392, + "red": 0.1843137254901961, + }, + "fillType": 0, + "isEnabled": true, + "position": 0, + "thickness": 1, + }, + ], + "endMarkerType": 0, + "miterLimit": 10, + "startMarkerType": 0, + "windingRule": 1, + }, + }, + Object { + "_class": "shapePath", + "booleanOperation": -1, + "clippingMaskMode": 0, + "do_objectID": "82E18D9B-45FB-4D99-AFD6-FE7AA8DD475C", + "edited": true, + "exportOptions": Object { + "_class": "exportOptions", + "exportFormats": Array [], + "includedLayerIds": Array [], + "layerOptions": 0, + "shouldTrim": false, + }, + "frame": Object { + "_class": "rect", + "constrainProportions": false, + "height": 1, + "width": 20.6343, + "x": 15.5529, + "y": 21.4045, + }, + "hasClippingMask": false, + "isClosed": false, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 0, + "name": "Path", + "nameIsFixed": false, + "pointRadiusBehaviour": 1, + "points": Array [ + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0, 0.5}", + "curveMode": 1, + "curveTo": "{0, 0.5}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{0, 0.5}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{1, 0.5}", + "curveMode": 1, + "curveTo": "{1, 0.5}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{1, 0.5}", + }, + ], + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": false, + "style": Object { + "_class": "style", + "borders": Array [ + Object { + "_class": "border", + "color": Object { + "_class": "color", + "alpha": 1, + "blue": 0.384313725490196, + "green": 0.1568627450980392, + "red": 0.1843137254901961, + }, + "fillType": 0, + "isEnabled": true, + "position": 0, + "thickness": 1, + }, + ], + "endMarkerType": 0, + "miterLimit": 10, + "startMarkerType": 0, + "windingRule": 1, + }, + }, + Object { + "_class": "shapePath", + "booleanOperation": -1, + "clippingMaskMode": 0, + "do_objectID": "4F026D50-A8A0-42AE-8067-5F00F9459D7C", + "edited": true, + "exportOptions": Object { + "_class": "exportOptions", + "exportFormats": Array [], + "includedLayerIds": Array [], + "layerOptions": 0, + "shouldTrim": false, + }, + "frame": Object { + "_class": "rect", + "constrainProportions": false, + "height": 1, + "width": 20.6343, + "x": 18.3042, + "y": 25.2051, + }, + "hasClippingMask": false, + "isClosed": false, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 0, + "name": "Path", + "nameIsFixed": false, + "pointRadiusBehaviour": 1, + "points": Array [ + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0, 0.5}", + "curveMode": 1, + "curveTo": "{0, 0.5}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{0, 0.5}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{1, 0.5}", + "curveMode": 1, + "curveTo": "{1, 0.5}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{1, 0.5}", + }, + ], + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": false, + "style": Object { + "_class": "style", + "borders": Array [ + Object { + "_class": "border", + "color": Object { + "_class": "color", + "alpha": 1, + "blue": 0.384313725490196, + "green": 0.1568627450980392, + "red": 0.1843137254901961, + }, + "fillType": 0, + "isEnabled": true, + "position": 0, + "thickness": 1, + }, + ], + "endMarkerType": 0, + "miterLimit": 10, + "startMarkerType": 0, + "windingRule": 1, + }, + }, + Object { + "_class": "shapePath", + "booleanOperation": -1, + "clippingMaskMode": 0, + "do_objectID": "1B875F14-33A3-41FE-ADEE-44AB1DE62EDF", + "edited": true, + "exportOptions": Object { + "_class": "exportOptions", + "exportFormats": Array [], + "includedLayerIds": Array [], + "layerOptions": 0, + "shouldTrim": false, + }, + "frame": Object { + "_class": "rect", + "constrainProportions": false, + "height": 1, + "width": 20.6342, + "x": 21.0555, + "y": 29.0057, + }, + "hasClippingMask": false, + "isClosed": false, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 0, + "name": "Path", + "nameIsFixed": false, + "pointRadiusBehaviour": 1, + "points": Array [ + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0, 0.5}", + "curveMode": 1, + "curveTo": "{0, 0.5}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{0, 0.5}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{1, 0.5}", + "curveMode": 1, + "curveTo": "{1, 0.5}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{1, 0.5}", + }, + ], + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": false, + "style": Object { + "_class": "style", + "borders": Array [ + Object { + "_class": "border", + "color": Object { + "_class": "color", + "alpha": 1, + "blue": 0.384313725490196, + "green": 0.1568627450980392, + "red": 0.1843137254901961, + }, + "fillType": 0, + "isEnabled": true, + "position": 0, + "thickness": 1, + }, + ], + "endMarkerType": 0, + "miterLimit": 10, + "startMarkerType": 0, + "windingRule": 1, + }, + }, + ], + "name": "Group", + "nameIsFixed": false, + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": false, + "style": Object { + "_class": "style", + "contextSettings": Object { + "_class": "graphicsContextSettings", + "blendMode": 0, + "opacity": 0.4, + }, + "endMarkerType": 0, + "miterLimit": 10, + "startMarkerType": 0, + "windingRule": 1, + }, + }, + Object { + "_class": "shapePath", + "booleanOperation": -1, + "clippingMaskMode": 0, + "do_objectID": "9D121131-C930-422C-BE05-04E222186B62", + "edited": true, + "exportOptions": Object { + "_class": "exportOptions", + "exportFormats": Array [], + "includedLayerIds": Array [], + "layerOptions": 0, + "shouldTrim": false, + }, + "frame": Object { + "_class": "rect", + "constrainProportions": false, + "height": 49.2978, + "width": 49.0693, + "x": 37.04999999999995, + "y": 34.68770000000001, + }, + "hasClippingMask": false, + "isClosed": true, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 0, + "name": "Path", + "nameIsFixed": false, + "pointRadiusBehaviour": 1, + "points": Array [ + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0, 0.77614011172912389}", + "curveMode": 2, + "curveTo": "{0, 0.22385785978278946}", + "hasCurveFrom": true, + "hasCurveTo": true, + "point": "{0, 0.50000000000000011}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0.77614312818809317, 1}", + "curveMode": 2, + "curveTo": "{0.22385890974601227, 1}", + "hasCurveFrom": true, + "hasCurveTo": true, + "point": "{0.50000101896705273, 1}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{1, 0.22385785978278946}", + "curveMode": 2, + "curveTo": "{1, 0.77614011172912389}", + "hasCurveFrom": true, + "hasCurveTo": true, + "point": "{1, 0.50000000000000011}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0.22385890974601227, 0}", + "curveMode": 2, + "curveTo": "{0.77614312818809317, 0}", + "hasCurveFrom": true, + "hasCurveTo": true, + "point": "{0.50000101896705273, 0}", + }, + ], + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": false, + "style": Object { + "_class": "style", + "endMarkerType": 0, + "fills": Array [ + Object { + "_class": "fill", + "color": Object { + "_class": "color", + "alpha": 1, + "blue": 1, + "green": 1, + "red": 1, + }, + "fillType": 0, + "isEnabled": true, + "noiseIndex": 0, + "noiseIntensity": 0, + "patternFillType": 1, + "patternTileScale": 1, + }, + ], + "miterLimit": 10, + "startMarkerType": 0, + "windingRule": 1, + }, + }, + Object { + "_class": "shapePath", + "booleanOperation": -1, + "clippingMaskMode": 0, + "do_objectID": "CC7B40B9-5756-4957-AB11-569B42906975", + "edited": true, + "exportOptions": Object { + "_class": "exportOptions", + "exportFormats": Array [], + "includedLayerIds": Array [], + "layerOptions": 0, + "shouldTrim": false, + }, + "frame": Object { + "_class": "rect", + "constrainProportions": false, + "height": 36.3211, + "width": 34.7768, + "x": 51.34270000000004, + "y": 47.66430000000003, + }, + "hasClippingMask": false, + "isClosed": true, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 0, + "name": "Path", + "nameIsFixed": false, + "pointRadiusBehaviour": 1, + "points": Array [ + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0.237802212969566, 0.92255741153213988}", + "curveMode": 4, + "curveTo": "{0.08962871799590523, 0.97788337908268219}", + "hasCurveFrom": true, + "hasCurveTo": true, + "point": "{0, 0.93821773018988963}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0.82552448758942742, 0.46283289878335204}", + "curveMode": 2, + "curveTo": "{0.47043431253019247, 0.82411876292292918}", + "hasCurveFrom": true, + "hasCurveTo": true, + "point": "{0.64717570334245822, 0.64429491397562288}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0.96960329875089124, 0.095657895823639774}", + "curveMode": 4, + "curveTo": "{0.91466724943065481, 0.2313586317595008}", + "hasCurveFrom": true, + "hasCurveTo": true, + "point": "{0.91604172896873792, 0}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{1, 0.69616008325739054}", + "curveMode": 3, + "curveTo": "{1, 0.20509566064904425}", + "hasCurveFrom": true, + "hasCurveTo": true, + "point": "{1, 0.32136416573286619}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0.18938487727450479, 1}", + "curveMode": 3, + "curveTo": "{0.68414287686043584, 1}", + "hasCurveFrom": true, + "hasCurveTo": true, + "point": "{0.29450955809620205, 1}", + }, + ], + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": false, + "style": Object { + "_class": "style", + "endMarkerType": 0, + "fills": Array [ + Object { + "_class": "fill", + "color": Object { + "_class": "color", + "alpha": 1, + "blue": 0.9607843137254902, + "green": 0.9176470588235294, + "red": 0.9215686274509803, + }, + "fillType": 0, + "isEnabled": true, + "noiseIndex": 0, + "noiseIntensity": 0, + "patternFillType": 1, + "patternTileScale": 1, + }, + ], + "miterLimit": 10, + "startMarkerType": 0, + "windingRule": 1, + }, + }, + Object { + "_class": "shapePath", + "booleanOperation": -1, + "clippingMaskMode": 0, + "do_objectID": "65483E80-F950-4CD9-92AC-D72C2C1761D4", + "edited": true, + "exportOptions": Object { + "_class": "exportOptions", + "exportFormats": Array [], + "includedLayerIds": Array [], + "layerOptions": 0, + "shouldTrim": false, + }, + "frame": Object { + "_class": "rect", + "constrainProportions": false, + "height": 30.7584461791868, + "width": 30.61593611899821, + "x": 54.51884719771147, + "y": 35.63179886682468, + }, + "hasClippingMask": false, + "isClosed": true, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 0, + "name": "Path", + "nameIsFixed": false, + "pointRadiusBehaviour": 1, + "points": Array [ + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0.45595707895490983, 1.0054084316554688}", + "curveMode": 2, + "curveTo": "{-0.0054104893957059525, 0.54403597098797751}", + "hasCurveFrom": true, + "hasCurveTo": true, + "point": "{0.22527656105242169, 0.774723826891484}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{1.0694219074350448, 0.76596850815947903}", + "curveMode": 2, + "curveTo": "{0.76597209737893523, 1.0694233688382302}", + "hasCurveFrom": true, + "hasCurveTo": true, + "point": "{0.91769700240698981, 0.91769918963837649}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0.54403539181520721, -0.0054131104625605216}", + "curveMode": 2, + "curveTo": "{1.005412758984283, 0.45595935020493045}", + "hasCurveFrom": true, + "hasCurveTo": true, + "point": "{0.77472570853615486, 0.22527474544094575}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{-0.069422904119287782, 0.23402681303342915}", + "curveMode": 2, + "curveTo": "{0.23402690593682229, -0.069421545366278842}", + "hasCurveFrom": true, + "hasCurveTo": true, + "point": "{0.082302000908767256, 0.082302633833575153}", + }, + ], + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": false, + "style": Object { + "_class": "style", + "endMarkerType": 0, + "fills": Array [ + Object { + "_class": "fill", + "color": Object { + "_class": "color", + "alpha": 1, + "blue": 0.3137254901960784, + "green": 0.09019607843137255, + "red": 0.1294117647058823, + }, + "fillType": 0, + "isEnabled": true, + "noiseIndex": 0, + "noiseIntensity": 0, + "patternFillType": 1, + "patternTileScale": 1, + }, + ], + "miterLimit": 10, + "startMarkerType": 0, + "windingRule": 1, + }, + }, + Object { + "_class": "shapePath", + "booleanOperation": -1, + "clippingMaskMode": 0, + "do_objectID": "3C079E43-E084-4EC6-83C8-F4A675CCDD64", + "edited": true, + "exportOptions": Object { + "_class": "exportOptions", + "exportFormats": Array [], + "includedLayerIds": Array [], + "layerOptions": 0, + "shouldTrim": false, + }, + "frame": Object { + "_class": "rect", + "constrainProportions": false, + "height": 16.01127909089457, + "width": 15.93702474264511, + "x": 61.0780899971187, + "y": 43.78931045455272, + }, + "hasClippingMask": false, + "isClosed": true, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 0, + "name": "Path", + "nameIsFixed": false, + "pointRadiusBehaviour": 1, + "points": Array [ + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0.45595775373535496, 1.0054155857293141}", + "curveMode": 2, + "curveTo": "{-0.0054144357878713415, 0.54404082871811399}", + "hasCurveFrom": true, + "hasCurveTo": true, + "point": "{0.22527479632219982, 0.77472820722371405}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{1.0694223218011076, 0.76595938874250702}", + "curveMode": 2, + "curveTo": "{0.76597170425520411, 1.0694204659254749}", + "hasCurveFrom": true, + "hasCurveTo": true, + "point": "{0.91770015037661434, 0.91769617293119976}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0.54404194903961678, -0.0054155857293142042}", + "curveMode": 2, + "curveTo": "{1.0054078638659261, 0.45595917128188651}", + "hasCurveFrom": true, + "hasCurveTo": true, + "point": "{0.77473118114968698, 0.22527179277628637}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{-0.069422619026136861, 0.23402812006307575}", + "curveMode": 2, + "curveTo": "{0.23404054791359871, -0.069420465925474864}", + "hasCurveFrom": true, + "hasCurveTo": true, + "point": "{0.082305827095272469, 0.082303827068800656}", + }, + ], + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": false, + "style": Object { + "_class": "style", + "endMarkerType": 0, + "fills": Array [ + Object { + "_class": "fill", + "color": Object { + "_class": "color", + "alpha": 1, + "blue": 0.4941176470588236, + "green": 0, + "red": 0.9019607843137255, + }, + "fillType": 0, + "isEnabled": true, + "noiseIndex": 0, + "noiseIntensity": 0, + "patternFillType": 1, + "patternTileScale": 1, + }, + ], + "miterLimit": 10, + "startMarkerType": 0, + "windingRule": 1, + }, + }, + Object { + "_class": "shapePath", + "booleanOperation": -1, + "clippingMaskMode": 0, + "do_objectID": "541121D9-91E4-453B-B7C9-03FE4BABBEF7", + "edited": true, + "exportOptions": Object { + "_class": "exportOptions", + "exportFormats": Array [], + "includedLayerIds": Array [], + "layerOptions": 0, + "shouldTrim": false, + }, + "frame": Object { + "_class": "rect", + "constrainProportions": false, + "height": 7.584289949385479, + "width": 7.549103426722269, + "x": 64.0138482866389, + "y": 48.84532028425281, + }, + "hasClippingMask": false, + "isClosed": true, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 0, + "name": "Path", + "nameIsFixed": false, + "pointRadiusBehaviour": 1, + "points": Array [ + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0.45596828110430104, 1.005430932445434}", + "curveMode": 2, + "curveTo": "{-0.0054242582627649864, 0.54402979623445158}", + "hasCurveFrom": true, + "hasCurveTo": true, + "point": "{0.22527863472385123, 0.7747303643399428}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{1.0694186126505898, 0.76597542479476077}", + "curveMode": 2, + "curveTo": "{0.76595211199427415, 1.0694184649947829}", + "hasCurveFrom": true, + "hasCurveTo": true, + "point": "{0.91769198562551424, 0.91768375974485483}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0.54404496550186721, -0.0054217711252127912}", + "curveMode": 2, + "curveTo": "{1.005424258262765, 0.45595299478593576}", + "hasCurveFrom": true, + "hasCurveTo": true, + "point": "{0.77472136527615065, 0.22527879698027842}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{-0.069418612650587894, 0.23404692167537741}", + "curveMode": 2, + "curveTo": "{0.23402139479339487, -0.069422488824478532}", + "hasCurveFrom": true, + "hasCurveTo": true, + "point": "{0.082308014374485747, 0.082312216425449433}", + }, + ], + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": false, + "style": Object { + "_class": "style", + "endMarkerType": 0, + "fills": Array [ + Object { + "_class": "fill", + "color": Object { + "_class": "color", + "alpha": 1, + "blue": 1, + "green": 1, + "red": 1, + }, + "fillType": 0, + "isEnabled": true, + "noiseIndex": 0, + "noiseIntensity": 0, + "patternFillType": 1, + "patternTileScale": 1, + }, + ], + "miterLimit": 10, + "startMarkerType": 0, + "windingRule": 1, + }, + }, + Object { + "_class": "shapePath", + "booleanOperation": -1, + "clippingMaskMode": 0, + "do_objectID": "D1C69F32-B2F7-40BF-B54E-9F7CC415F590", + "edited": true, + "exportOptions": Object { + "_class": "exportOptions", + "exportFormats": Array [], + "includedLayerIds": Array [], + "layerOptions": 0, + "shouldTrim": false, + }, + "frame": Object { + "_class": "rect", + "constrainProportions": false, + "height": 47.3343, + "width": 63.9663, + "x": 54.03369999999995, + "y": 75.66570000000002, + }, + "hasClippingMask": false, + "isClosed": true, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 0, + "name": "Path", + "nameIsFixed": false, + "pointRadiusBehaviour": 1, + "points": Array [ + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0.50454848881364089, 1}", + "curveMode": 1, + "curveTo": "{0.50454848881364089, 1}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{0.50454848881364089, 1}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0.98386650470638448, 1}", + "curveMode": 1, + "curveTo": "{0.98386650470638448, 1}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{0.98386650470638448, 1}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{1, 0.95985997469065765}", + "curveMode": 1, + "curveTo": "{1, 0.95985997469065765}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{1, 0.95985997469065765}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0.47849414457300166, 0}", + "curveMode": 1, + "curveTo": "{0.47849414457300166, 0}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{0.47849414457300166, 0}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0.01612880532405335, 0}", + "curveMode": 1, + "curveTo": "{0.01612880532405335, 0}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{0.01612880532405335, 0}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0, 0.043796992878314386}", + "curveMode": 1, + "curveTo": "{0, 0.043796992878314386}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{0, 0.043796992878314386}", + }, + ], + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": false, + "style": Object { + "_class": "style", + "endMarkerType": 0, + "fills": Array [ + Object { + "_class": "fill", + "color": Object { + "_class": "color", + "alpha": 1, + "blue": 0.3137254901960784, + "green": 0.09019607843137255, + "red": 0.1294117647058823, + }, + "fillType": 0, + "isEnabled": true, + "noiseIndex": 0, + "noiseIntensity": 0, + "patternFillType": 1, + "patternTileScale": 1, + }, + ], + "miterLimit": 10, + "startMarkerType": 0, + "windingRule": 0, + }, + }, + Object { + "_class": "shapePath", + "booleanOperation": -1, + "clippingMaskMode": 0, + "do_objectID": "FA2C323E-6231-42F2-A34D-76FE807FBFE4", + "edited": true, + "exportOptions": Object { + "_class": "exportOptions", + "exportFormats": Array [], + "includedLayerIds": Array [], + "layerOptions": 0, + "shouldTrim": false, + }, + "frame": Object { + "_class": "rect", + "constrainProportions": false, + "height": 45.26130000000001, + "width": 62.9346, + "x": 55.06539999999995, + "y": 75.66570000000002, + }, + "hasClippingMask": false, + "isClosed": true, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 0, + "name": "Path", + "nameIsFixed": false, + "pointRadiusBehaviour": 1, + "points": Array [ + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0.46794926797024228, 0}", + "curveMode": 1, + "curveTo": "{0.46794926797024228, 0}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{0.46794926797024228, 0}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0, 0}", + "curveMode": 1, + "curveTo": "{0, 0}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{0, 0}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0.5128212461825451, 1}", + "curveMode": 1, + "curveTo": "{0.5128212461825451, 1}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{0.5128212461825451, 1}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{1, 1}", + "curveMode": 1, + "curveTo": "{1, 1}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{1, 1}", + }, + ], + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": false, + "style": Object { + "_class": "style", + "endMarkerType": 0, + "fills": Array [ + Object { + "_class": "fill", + "color": Object { + "_class": "color", + "alpha": 1, + "blue": 0.6392156862745098, + "green": 0.3411764705882353, + "red": 0.3450980392156863, + }, + "fillType": 0, + "isEnabled": true, + "noiseIndex": 0, + "noiseIntensity": 0, + "patternFillType": 1, + "patternTileScale": 1, + }, + ], + "miterLimit": 10, + "startMarkerType": 0, + "windingRule": 0, + }, + }, + Object { + "_class": "group", + "booleanOperation": -1, + "clippingMaskMode": 0, + "do_objectID": "8E81FC69-C17D-49F4-8C51-E96C8BEDC5E7", + "exportOptions": Object { + "_class": "exportOptions", + "exportFormats": Array [], + "includedLayerIds": Array [], + "layerOptions": 0, + "shouldTrim": false, + }, + "frame": Object { + "_class": "rect", + "constrainProportions": false, + "height": 31, + "width": 43, + "x": 64, + "y": 81, + }, + "groupLayout": Object { + "_class": "MSImmutableFreeformGroupLayout", + }, + "hasClickThrough": false, + "hasClippingMask": false, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 0, + "layers": Array [ + Object { + "_class": "shapePath", + "booleanOperation": -1, + "clippingMaskMode": 0, + "do_objectID": "AB052785-79F8-4EAF-8976-3B4FEDAD448E", + "edited": true, + "exportOptions": Object { + "_class": "exportOptions", + "exportFormats": Array [], + "includedLayerIds": Array [], + "layerOptions": 0, + "shouldTrim": false, + }, + "frame": Object { + "_class": "rect", + "constrainProportions": false, + "height": 1, + "width": 20.6343, + "x": 0.6946999999999974, + "y": 0.9213000000000022, + }, + "hasClippingMask": false, + "isClosed": false, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 0, + "name": "Path", + "nameIsFixed": false, + "pointRadiusBehaviour": 1, + "points": Array [ + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0, 0.5}", + "curveMode": 1, + "curveTo": "{0, 0.5}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{0, 0.5}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{1, 0.5}", + "curveMode": 1, + "curveTo": "{1, 0.5}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{1, 0.5}", + }, + ], + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": false, + "style": Object { + "_class": "style", + "borders": Array [ + Object { + "_class": "border", + "color": Object { + "_class": "color", + "alpha": 1, + "blue": 0.384313725490196, + "green": 0.1568627450980392, + "red": 0.1843137254901961, + }, + "fillType": 0, + "isEnabled": true, + "position": 0, + "thickness": 1, + }, + ], + "endMarkerType": 0, + "miterLimit": 10, + "startMarkerType": 0, + "windingRule": 1, + }, + }, + Object { + "_class": "shapePath", + "booleanOperation": -1, + "clippingMaskMode": 0, + "do_objectID": "2A5A55DE-E237-43ED-BA4A-290AE17AFF6F", + "edited": true, + "exportOptions": Object { + "_class": "exportOptions", + "exportFormats": Array [], + "includedLayerIds": Array [], + "layerOptions": 0, + "shouldTrim": false, + }, + "frame": Object { + "_class": "rect", + "constrainProportions": false, + "height": 1, + "width": 20.63420000000001, + "x": 3.445999999999998, + "y": 4.376400000000004, + }, + "hasClippingMask": false, + "isClosed": false, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 0, + "name": "Path", + "nameIsFixed": false, + "pointRadiusBehaviour": 1, + "points": Array [ + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0, 0.5}", + "curveMode": 1, + "curveTo": "{0, 0.5}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{0, 0.5}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{1, 0.5}", + "curveMode": 1, + "curveTo": "{1, 0.5}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{1, 0.5}", + }, + ], + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": false, + "style": Object { + "_class": "style", + "borders": Array [ + Object { + "_class": "border", + "color": Object { + "_class": "color", + "alpha": 1, + "blue": 0.384313725490196, + "green": 0.1568627450980392, + "red": 0.1843137254901961, + }, + "fillType": 0, + "isEnabled": true, + "position": 0, + "thickness": 1, + }, + ], + "endMarkerType": 0, + "miterLimit": 10, + "startMarkerType": 0, + "windingRule": 1, + }, + }, + Object { + "_class": "shapePath", + "booleanOperation": -1, + "clippingMaskMode": 0, + "do_objectID": "490A1D38-64B8-45BC-A17D-77643F470059", + "edited": true, + "exportOptions": Object { + "_class": "exportOptions", + "exportFormats": Array [], + "includedLayerIds": Array [], + "layerOptions": 0, + "shouldTrim": false, + }, + "frame": Object { + "_class": "rect", + "constrainProportions": false, + "height": 1, + "width": 20.6343, + "x": 5.853300000000004, + "y": 7.831500000000005, + }, + "hasClippingMask": false, + "isClosed": false, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 0, + "name": "Path", + "nameIsFixed": false, + "pointRadiusBehaviour": 1, + "points": Array [ + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0, 0.5}", + "curveMode": 1, + "curveTo": "{0, 0.5}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{0, 0.5}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{1, 0.5}", + "curveMode": 1, + "curveTo": "{1, 0.5}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{1, 0.5}", + }, + ], + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": false, + "style": Object { + "_class": "style", + "borders": Array [ + Object { + "_class": "border", + "color": Object { + "_class": "color", + "alpha": 1, + "blue": 0.384313725490196, + "green": 0.1568627450980392, + "red": 0.1843137254901961, + }, + "fillType": 0, + "isEnabled": true, + "position": 0, + "thickness": 1, + }, + ], + "endMarkerType": 0, + "miterLimit": 10, + "startMarkerType": 0, + "windingRule": 1, + }, + }, + Object { + "_class": "shapePath", + "booleanOperation": -1, + "clippingMaskMode": 0, + "do_objectID": "A2F110DA-9893-4FDF-AA16-BEC96E279734", + "edited": true, + "exportOptions": Object { + "_class": "exportOptions", + "exportFormats": Array [], + "includedLayerIds": Array [], + "layerOptions": 0, + "shouldTrim": false, + }, + "frame": Object { + "_class": "rect", + "constrainProportions": false, + "height": 1, + "width": 20.6345, + "x": 8.604500000000002, + "y": 11.63200000000001, + }, + "hasClippingMask": false, + "isClosed": false, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 0, + "name": "Path", + "nameIsFixed": false, + "pointRadiusBehaviour": 1, + "points": Array [ + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0, 0.5}", + "curveMode": 1, + "curveTo": "{0, 0.5}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{0, 0.5}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{1, 0.5}", + "curveMode": 1, + "curveTo": "{1, 0.5}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{1, 0.5}", + }, + ], + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": false, + "style": Object { + "_class": "style", + "borders": Array [ + Object { + "_class": "border", + "color": Object { + "_class": "color", + "alpha": 1, + "blue": 0.384313725490196, + "green": 0.1568627450980392, + "red": 0.1843137254901961, + }, + "fillType": 0, + "isEnabled": true, + "position": 0, + "thickness": 1, + }, + ], + "endMarkerType": 0, + "miterLimit": 10, + "startMarkerType": 0, + "windingRule": 1, + }, + }, + Object { + "_class": "shapePath", + "booleanOperation": -1, + "clippingMaskMode": 0, + "do_objectID": "C513B61D-CB6D-4AB7-BBB5-9DB8BF597139", + "edited": true, + "exportOptions": Object { + "_class": "exportOptions", + "exportFormats": Array [], + "includedLayerIds": Array [], + "layerOptions": 0, + "shouldTrim": false, + }, + "frame": Object { + "_class": "rect", + "constrainProportions": false, + "height": 1, + "width": 20.63420000000001, + "x": 11.01179999999999, + "y": 15.087, + }, + "hasClippingMask": false, + "isClosed": false, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 0, + "name": "Path", + "nameIsFixed": false, + "pointRadiusBehaviour": 1, + "points": Array [ + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0, 0.5}", + "curveMode": 1, + "curveTo": "{0, 0.5}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{0, 0.5}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{1, 0.5}", + "curveMode": 1, + "curveTo": "{1, 0.5}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{1, 0.5}", + }, + ], + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": false, + "style": Object { + "_class": "style", + "borders": Array [ + Object { + "_class": "border", + "color": Object { + "_class": "color", + "alpha": 1, + "blue": 0.384313725490196, + "green": 0.1568627450980392, + "red": 0.1843137254901961, + }, + "fillType": 0, + "isEnabled": true, + "position": 0, + "thickness": 1, + }, + ], + "endMarkerType": 0, + "miterLimit": 10, + "startMarkerType": 0, + "windingRule": 1, + }, + }, + Object { + "_class": "shapePath", + "booleanOperation": -1, + "clippingMaskMode": 0, + "do_objectID": "56752D2E-5A97-41C7-9F7D-5192A759EAC4", + "edited": true, + "exportOptions": Object { + "_class": "exportOptions", + "exportFormats": Array [], + "includedLayerIds": Array [], + "layerOptions": 0, + "shouldTrim": false, + }, + "frame": Object { + "_class": "rect", + "constrainProportions": false, + "height": 1, + "width": 20.63390000000001, + "x": 13.76309999999999, + "y": 18.542, + }, + "hasClippingMask": false, + "isClosed": false, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 0, + "name": "Path", + "nameIsFixed": false, + "pointRadiusBehaviour": 1, + "points": Array [ + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0, 0.5}", + "curveMode": 1, + "curveTo": "{0, 0.5}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{0, 0.5}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{1, 0.5}", + "curveMode": 1, + "curveTo": "{1, 0.5}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{1, 0.5}", + }, + ], + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": false, + "style": Object { + "_class": "style", + "borders": Array [ + Object { + "_class": "border", + "color": Object { + "_class": "color", + "alpha": 1, + "blue": 0.384313725490196, + "green": 0.1568627450980392, + "red": 0.1843137254901961, + }, + "fillType": 0, + "isEnabled": true, + "position": 0, + "thickness": 1, + }, + ], + "endMarkerType": 0, + "miterLimit": 10, + "startMarkerType": 0, + "windingRule": 1, + }, + }, + Object { + "_class": "shapePath", + "booleanOperation": -1, + "clippingMaskMode": 0, + "do_objectID": "6177FA33-1842-404B-A559-92D859841F62", + "edited": true, + "exportOptions": Object { + "_class": "exportOptions", + "exportFormats": Array [], + "includedLayerIds": Array [], + "layerOptions": 0, + "shouldTrim": false, + }, + "frame": Object { + "_class": "rect", + "constrainProportions": false, + "height": 1, + "width": 20.63460000000001, + "x": 16.1704, + "y": 21.997, + }, + "hasClippingMask": false, + "isClosed": false, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 0, + "name": "Path", + "nameIsFixed": false, + "pointRadiusBehaviour": 1, + "points": Array [ + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0, 0.5}", + "curveMode": 1, + "curveTo": "{0, 0.5}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{0, 0.5}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{1, 0.5}", + "curveMode": 1, + "curveTo": "{1, 0.5}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{1, 0.5}", + }, + ], + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": false, + "style": Object { + "_class": "style", + "borders": Array [ + Object { + "_class": "border", + "color": Object { + "_class": "color", + "alpha": 1, + "blue": 0.384313725490196, + "green": 0.1568627450980392, + "red": 0.1843137254901961, + }, + "fillType": 0, + "isEnabled": true, + "position": 0, + "thickness": 1, + }, + ], + "endMarkerType": 0, + "miterLimit": 10, + "startMarkerType": 0, + "windingRule": 1, + }, + }, + Object { + "_class": "shapePath", + "booleanOperation": -1, + "clippingMaskMode": 0, + "do_objectID": "51784CC8-318F-4EE1-A001-2031971D5EF8", + "edited": true, + "exportOptions": Object { + "_class": "exportOptions", + "exportFormats": Array [], + "includedLayerIds": Array [], + "layerOptions": 0, + "shouldTrim": false, + }, + "frame": Object { + "_class": "rect", + "constrainProportions": false, + "height": 1, + "width": 20.6343, + "x": 18.9217, + "y": 25.798, + }, + "hasClippingMask": false, + "isClosed": false, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 0, + "name": "Path", + "nameIsFixed": false, + "pointRadiusBehaviour": 1, + "points": Array [ + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0, 0.5}", + "curveMode": 1, + "curveTo": "{0, 0.5}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{0, 0.5}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{1, 0.5}", + "curveMode": 1, + "curveTo": "{1, 0.5}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{1, 0.5}", + }, + ], + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": false, + "style": Object { + "_class": "style", + "borders": Array [ + Object { + "_class": "border", + "color": Object { + "_class": "color", + "alpha": 1, + "blue": 0.384313725490196, + "green": 0.1568627450980392, + "red": 0.1843137254901961, + }, + "fillType": 0, + "isEnabled": true, + "position": 0, + "thickness": 1, + }, + ], + "endMarkerType": 0, + "miterLimit": 10, + "startMarkerType": 0, + "windingRule": 1, + }, + }, + Object { + "_class": "shapePath", + "booleanOperation": -1, + "clippingMaskMode": 0, + "do_objectID": "BFC67878-CEDB-45B2-9FE0-048828876360", + "edited": true, + "exportOptions": Object { + "_class": "exportOptions", + "exportFormats": Array [], + "includedLayerIds": Array [], + "layerOptions": 0, + "shouldTrim": false, + }, + "frame": Object { + "_class": "rect", + "constrainProportions": false, + "height": 1, + "width": 20.6341, + "x": 21.6729, + "y": 29.598, + }, + "hasClippingMask": false, + "isClosed": false, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 0, + "name": "Path", + "nameIsFixed": false, + "pointRadiusBehaviour": 1, + "points": Array [ + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0, 0.5}", + "curveMode": 1, + "curveTo": "{0, 0.5}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{0, 0.5}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{1, 0.5}", + "curveMode": 1, + "curveTo": "{1, 0.5}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{1, 0.5}", + }, + ], + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": false, + "style": Object { + "_class": "style", + "borders": Array [ + Object { + "_class": "border", + "color": Object { + "_class": "color", + "alpha": 1, + "blue": 0.384313725490196, + "green": 0.1568627450980392, + "red": 0.1843137254901961, + }, + "fillType": 0, + "isEnabled": true, + "position": 0, + "thickness": 1, + }, + ], + "endMarkerType": 0, + "miterLimit": 10, + "startMarkerType": 0, + "windingRule": 1, + }, + }, + ], + "name": "Group", + "nameIsFixed": false, + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": false, + "style": Object { + "_class": "style", + "contextSettings": Object { + "_class": "graphicsContextSettings", + "blendMode": 0, + "opacity": 0.3, + }, + "endMarkerType": 0, + "miterLimit": 10, + "startMarkerType": 0, + "windingRule": 1, + }, + }, + ], + "name": "telescope", + "nameIsFixed": false, + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": false, + "style": Object { + "_class": "style", + "endMarkerType": 0, + "miterLimit": 10, + "startMarkerType": 0, + "windingRule": 1, + }, + }, + Object { + "_class": "slice", + "backgroundColor": Object { + "_class": "color", + "alpha": 1, + "blue": 1, + "green": 1, + "red": 1, + }, + "booleanOperation": -1, + "do_objectID": "F0CBD656-2721-4EE1-A5DE-4F2C25DD9978", + "exportOptions": Object { + "_class": "exportOptions", + "exportFormats": Array [ + Object { + "_class": "exportFormat", + "absoluteSize": 0, + "fileFormat": "png", + "name": "", + "namingScheme": 0, + "scale": 1, + "visibleScaleType": 0, + }, + Object { + "_class": "exportFormat", + "absoluteSize": 0, + "fileFormat": "png", + "name": "@2x", + "namingScheme": 0, + "scale": 2, + "visibleScaleType": 0, + }, + Object { + "_class": "exportFormat", + "absoluteSize": 0, + "fileFormat": "png", + "name": "@3x", + "namingScheme": 0, + "scale": 3, + "visibleScaleType": 0, + }, + Object { + "_class": "exportFormat", + "absoluteSize": 0, + "fileFormat": "svg", + "namingScheme": 0, + "scale": 1.5, + "visibleScaleType": 0, + }, + ], + "includedLayerIds": Array [], + "layerOptions": 0, + "shouldTrim": false, + }, + "frame": Object { + "_class": "rect", + "constrainProportions": false, + "height": 123, + "width": 118, + "x": 10, + "y": 6, + }, + "hasBackgroundColor": false, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 0, + "name": "illustrations/hubble/telescope", + "nameIsFixed": true, + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": false, + }, + ], + "name": "illustrations/hubble/telescope", + "nameIsFixed": false, + "overrideProperties": Array [], + "resizesContent": false, + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": true, + "style": Object { + "_class": "style", + "endMarkerType": 0, + "miterLimit": 10, + "startMarkerType": 0, + "windingRule": 1, }, - "position": 0.4336458341191861, - }, - Object { - "color": Object { - "alpha": 1, - "blue": 62, - "green": 125, - "hex": "227d3e", - "hsl": Array [ - 138, - 57, - 31, - ], - "name": "salem", - "red": 34, - "rgb": Array [ - 34, - 125, - 62, - ], - "rgba": Array [ - 34, - 125, - 62, - 1, - ], - "token": "color", + "symbolID": "0BD35D81-DC27-4A9A-B0D1-94197AF02189", + "verticalRulerData": Object { + "_class": "rulerData", + "base": 0, + "guides": Array [], }, - "position": 1, }, - ], - "to": Array [ - 0.5, - -0.27263153394819584, - ], - "token": "gradient", - "type": "ANGULAR", - }, - ], - "shadows": Array [ - Object { - "blur": 3, - "color": Object { - "alpha": 0.5, - "blue": 0, - "green": 0, - "hex": "000000", - "hsl": Array [ - 0, - 0, - 0, - ], - "name": "black", - "red": 0, - "rgb": Array [ - 0, - 0, - 0, - ], - "rgba": Array [ - 0, - 0, - 0, - 0.5, - ], - "token": "color", - }, - "id": "simple", - "spread": 0, - "token": "shadow", - "type": "inner-shadow", - "x": 0, - "y": 1, - }, - Object { - "blur": 4, - "color": Object { - "alpha": 0.5, - "blue": 0, - "green": 0, - "hex": "000000", - "hsl": Array [ - 0, - 0, - 0, - ], - "name": "black", - "red": 0, - "rgb": Array [ - 0, - 0, - 0, - ], - "rgba": Array [ - 0, - 0, - 0, - 0.5, - ], - "token": "color", - }, - "id": "simple", - "spread": 0, - "token": "shadow", - "type": "drop-shadow", - "x": 0, - "y": 2, - }, - ], - "sketchVersion": "55", - "textStyles": Array [ - Object { - "borderBottom": null, - "family": "FiraSans-Bold", - "id": "heading1", - "kerning": null, - "lineHeight": 57.6, - "paragraphSpacing": 0, - "size": 48, - "token": "text-style", - "weight": "bold", - }, - Object { - "borderBottom": null, - "family": "FiraSans-Regular", - "id": "heading2", - "kerning": null, - "lineHeight": 43.2, - "paragraphSpacing": 0, - "size": 36, - "token": "text-style", - "weight": "regular", - }, - Object { - "borderBottom": null, - "family": "FiraSans-Book", - "id": "paragraph", - "kerning": null, - "lineHeight": 21.6, - "paragraphSpacing": 0, - "size": 18, - "token": "text-style", - "weight": "book", - }, - Object { - "borderBottom": null, - "family": "Helvetica-Bold", - "id": "quote", - "kerning": 0.6, - "lineHeight": 16.8, - "paragraphSpacing": 0, - "size": 14, - "token": "text-style", - "weight": "bold", - }, - ], -} -`; - -exports[`Verify that the mocks are unchanged for the hubble output (using document styles) 1`] = ` -Object { - "borders": Array [ - Object { - "color": Object { - "alpha": 1, - "blue": 150, - "green": 150, - "hex": "ff9696", - "hsl": Array [ - 0, - 100, - 79, - ], - "name": "geraldine", - "red": 255, - "rgb": Array [ - 255, - 150, - 150, - ], - "rgba": Array [ - 255, - 150, - 150, - 1, - ], - "token": "color", - }, - "id": "inside", - "radius": 3, - "token": "border", - "type": "INSIDE", - "width": 1, - }, - Object { - "color": Object { - "alpha": 1, - "blue": 150, - "green": 150, - "hex": "ff9696", - "hsl": Array [ - 0, - 100, - 79, - ], - "name": "geraldine", - "red": 255, - "rgb": Array [ - 255, - 150, - 150, - ], - "rgba": Array [ - 255, - 150, - 150, - 1, - ], - "token": "color", - }, - "id": "outside", - "radius": 12.5, - "token": "border", - "type": "OUTSIDE", - "width": 1, - }, - Object { - "gradient": Object { - "from": Array [ - 0.5, - 1, - ], - "name": "norwayGradient", - "stops": Array [ - Object { - "color": Object { - "alpha": 1, - "blue": 144, - "green": 182, - "hex": "97b690", - "hsl": Array [ - 109, - 21, - 64, - ], - "name": "norway", - "red": 151, - "rgb": Array [ - 151, - 182, - 144, - ], - "rgba": Array [ - 151, - 182, - 144, - 1, + Object { + "_class": "symbolMaster", + "allowsOverrides": true, + "backgroundColor": Object { + "_class": "color", + "alpha": 1, + "blue": 1, + "green": 1, + "red": 1, + }, + "booleanOperation": -1, + "changeIdentifier": 22, + "clippingMaskMode": 0, + "do_objectID": "282ABCA3-4AF1-446C-8071-D22CC478A2F9", + "exportOptions": Object { + "_class": "exportOptions", + "exportFormats": Array [ + Object { + "_class": "exportFormat", + "absoluteSize": 0, + "fileFormat": "png", + "name": "", + "namingScheme": 0, + "scale": 1, + "visibleScaleType": 0, + }, + Object { + "_class": "exportFormat", + "absoluteSize": 0, + "fileFormat": "png", + "name": "@2x", + "namingScheme": 0, + "scale": 2, + "visibleScaleType": 0, + }, + Object { + "_class": "exportFormat", + "absoluteSize": 0, + "fileFormat": "png", + "name": "@3x", + "namingScheme": 0, + "scale": 3, + "visibleScaleType": 0, + }, + Object { + "_class": "exportFormat", + "absoluteSize": 0, + "fileFormat": "svg", + "namingScheme": 1, + "scale": 1.5, + "visibleScaleType": 0, + }, + ], + "includedLayerIds": Array [], + "layerOptions": 0, + "shouldTrim": false, + }, + "frame": Object { + "_class": "rect", + "constrainProportions": false, + "height": 46, + "width": 46, + "x": 1203, + "y": 408, + }, + "groupLayout": Object { + "_class": "MSImmutableFreeformGroupLayout", + }, + "hasBackgroundColor": false, + "hasClickThrough": true, + "hasClippingMask": false, + "horizontalRulerData": Object { + "_class": "rulerData", + "base": 0, + "guides": Array [], + }, + "includeBackgroundColorInExport": true, + "includeBackgroundColorInInstance": true, + "includeInCloudUpload": true, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isFlowHome": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 0, + "layers": Array [ + Object { + "_class": "group", + "booleanOperation": -1, + "clippingMaskMode": 0, + "do_objectID": "31B6286E-5C0D-40EA-81F4-2FC798C7C18E", + "exportOptions": Object { + "_class": "exportOptions", + "exportFormats": Array [], + "includedLayerIds": Array [], + "layerOptions": 0, + "shouldTrim": false, + }, + "frame": Object { + "_class": "rect", + "constrainProportions": false, + "height": 46, + "width": 46, + "x": 0, + "y": 0, + }, + "groupLayout": Object { + "_class": "MSImmutableFreeformGroupLayout", + }, + "hasClickThrough": false, + "hasClippingMask": false, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 0, + "layers": Array [ + Object { + "_class": "group", + "booleanOperation": -1, + "clippingMaskMode": 0, + "do_objectID": "91618504-AA24-40DC-A0FF-4853D78B5752", + "exportOptions": Object { + "_class": "exportOptions", + "exportFormats": Array [], + "includedLayerIds": Array [], + "layerOptions": 0, + "shouldTrim": false, + }, + "frame": Object { + "_class": "rect", + "constrainProportions": false, + "height": 46, + "width": 46, + "x": 0, + "y": 0, + }, + "groupLayout": Object { + "_class": "MSImmutableFreeformGroupLayout", + }, + "hasClickThrough": false, + "hasClippingMask": false, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 1, + "layers": Array [ + Object { + "_class": "shapePath", + "booleanOperation": -1, + "clippingMaskMode": 0, + "do_objectID": "FB17F78C-981D-4363-B6E1-AB0951444431", + "edited": true, + "exportOptions": Object { + "_class": "exportOptions", + "exportFormats": Array [], + "includedLayerIds": Array [], + "layerOptions": 0, + "shouldTrim": false, + }, + "frame": Object { + "_class": "rect", + "constrainProportions": false, + "height": 45.728123, + "width": 45.845209, + "x": 0.1241909999999997, + "y": 0.1687769999999986, + }, + "hasClippingMask": false, + "isClosed": true, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 0, + "name": "Path", + "nameIsFixed": false, + "pointRadiusBehaviour": 1, + "points": Array [ + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{1, 0.77614213467716564}", + "curveMode": 2, + "curveTo": "{1, 0.22385618145752448}", + "hasCurveFrom": true, + "hasCurveTo": true, + "point": "{1, 0.49999915806734513}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0.22385782994249195, 1}", + "curveMode": 2, + "curveTo": "{0.77614236637027878, 1}", + "hasCurveFrom": true, + "hasCurveTo": true, + "point": "{0.50000009815638535, 1}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0, 0.22385618145752448}", + "curveMode": 2, + "curveTo": "{0, 0.77614213467716564}", + "hasCurveFrom": true, + "hasCurveTo": true, + "point": "{0, 0.49999915806734513}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0.77614236637027878, 0}", + "curveMode": 2, + "curveTo": "{0.22385782994249195, 0}", + "hasCurveFrom": true, + "hasCurveTo": true, + "point": "{0.50000009815638535, 0}", + }, + ], + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": false, + "style": Object { + "_class": "style", + "endMarkerType": 0, + "fills": Array [ + Object { + "_class": "fill", + "color": Object { + "_class": "color", + "alpha": 1, + "blue": 0.9490196078431372, + "green": 0.9019607843137255, + "red": 0.7607843137254902, + }, + "fillType": 0, + "isEnabled": true, + "noiseIndex": 0, + "noiseIntensity": 0, + "patternFillType": 1, + "patternTileScale": 1, + }, + ], + "miterLimit": 10, + "startMarkerType": 0, + "windingRule": 1, + }, + }, + Object { + "_class": "shapePath", + "booleanOperation": -1, + "clippingMaskMode": 0, + "do_objectID": "CE7972CD-E52B-4C2C-BA21-BCF351B37E95", + "edited": true, + "exportOptions": Object { + "_class": "exportOptions", + "exportFormats": Array [], + "includedLayerIds": Array [], + "layerOptions": 0, + "shouldTrim": false, + }, + "frame": Object { + "_class": "rect", + "constrainProportions": false, + "height": 32.86979, + "width": 32.78461, + "x": 7.346890000000002, + "y": 5.915510000000001, + }, + "hasClippingMask": false, + "isClosed": true, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 0, + "name": "Path", + "nameIsFixed": false, + "pointRadiusBehaviour": 1, + "points": Array [ + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{1, 0.77614094887737328}", + "curveMode": 2, + "curveTo": "{1, 0.22385570458466572}", + "hasCurveFrom": true, + "hasCurveTo": true, + "point": "{1, 0.49999984788463808}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0.22385838965294996, 1}", + "curveMode": 2, + "curveTo": "{0.7761388651565474, 1}", + "hasCurveFrom": true, + "hasCurveTo": true, + "point": "{0.5000001525105835, 1}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0, 0.22385570458466572}", + "curveMode": 2, + "curveTo": "{0, 0.77614094887737328}", + "hasCurveFrom": true, + "hasCurveTo": true, + "point": "{0, 0.49999984788463808}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0.7761388651565474, 0}", + "curveMode": 2, + "curveTo": "{0.22385838965294996, 0}", + "hasCurveFrom": true, + "hasCurveTo": true, + "point": "{0.5000001525105835, 0}", + }, + ], + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": false, + "style": Object { + "_class": "style", + "endMarkerType": 0, + "fills": Array [ + Object { + "_class": "fill", + "color": Object { + "_class": "color", + "alpha": 1, + "blue": 1, + "green": 1, + "red": 1, + }, + "fillType": 0, + "isEnabled": true, + "noiseIndex": 0, + "noiseIntensity": 0, + "patternFillType": 1, + "patternTileScale": 1, + }, + ], + "miterLimit": 10, + "startMarkerType": 0, + "windingRule": 1, + }, + }, + Object { + "_class": "shapePath", + "booleanOperation": -1, + "clippingMaskMode": 0, + "do_objectID": "F453C645-7AFA-4F77-82E3-82AA8287E3C1", + "edited": true, + "exportOptions": Object { + "_class": "exportOptions", + "exportFormats": Array [], + "includedLayerIds": Array [], + "layerOptions": 0, + "shouldTrim": false, + }, + "frame": Object { + "_class": "rect", + "constrainProportions": false, + "height": 23.6294, + "width": 32.78463, + "x": 7.821470000000001, + "y": 22.3706, + }, + "hasClippingMask": false, + "isClosed": true, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 0, + "name": "Path", + "nameIsFixed": false, + "pointRadiusBehaviour": 1, + "points": Array [ + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0.19078543817636495, 0.97156508417479914}", + "curveMode": 4, + "curveTo": "{0.0052021328287066354, 0.76158091191481814}", + "hasCurveFrom": true, + "hasCurveTo": false, + "point": "{0.0052021328287066354, 0.76158091191481814}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0.64844806850039172, 1}", + "curveMode": 3, + "curveTo": "{0.34963121438308131, 1}", + "hasCurveFrom": true, + "hasCurveTo": true, + "point": "{0.46601196963333119, 1}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{1, 0.65366450269579413}", + "curveMode": 4, + "curveTo": "{0.8702044220111681, 0.88188443210576672}", + "hasCurveFrom": false, + "hasCurveTo": true, + "point": "{1, 0.65366450269579413}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{1, 0}", + "curveMode": 1, + "curveTo": "{1, 0}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{1, 0}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0, 0}", + "curveMode": 1, + "curveTo": "{0, 0}", + "hasCurveFrom": false, + "hasCurveTo": false, + "point": "{0, 0}", + }, + ], + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": false, + "style": Object { + "_class": "style", + "endMarkerType": 0, + "fills": Array [ + Object { + "_class": "fill", + "color": Object { + "_class": "color", + "alpha": 1, + "blue": 1, + "green": 1, + "red": 1, + }, + "fillType": 0, + "isEnabled": true, + "noiseIndex": 0, + "noiseIntensity": 0, + "patternFillType": 1, + "patternTileScale": 1, + }, + ], + "miterLimit": 10, + "startMarkerType": 0, + "windingRule": 1, + }, + }, + Object { + "_class": "shapePath", + "booleanOperation": -1, + "clippingMaskMode": 0, + "do_objectID": "1DF3A4A0-7791-4ED2-8787-7D470346724D", + "edited": true, + "exportOptions": Object { + "_class": "exportOptions", + "exportFormats": Array [], + "includedLayerIds": Array [], + "layerOptions": 0, + "shouldTrim": false, + }, + "frame": Object { + "_class": "rect", + "constrainProportions": false, + "height": 18.22692421383033, + "width": 18.17966240066499, + "x": 8.612532019365606, + "y": 7.197245493567126, + }, + "hasClippingMask": false, + "isClosed": true, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 0, + "name": "Path", + "nameIsFixed": false, + "pointRadiusBehaviour": 1, + "points": Array [ + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0.54404024467872458, 1.0054112417128345}", + "curveMode": 2, + "curveTo": "{1.0054074480484194, 0.54403334265847858}", + "hasCurveFrom": true, + "hasCurveTo": true, + "point": "{0.77472109603747141, 0.77472503538025228}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{-0.069422192313067399, 0.76596875823071009}", + "curveMode": 2, + "curveTo": "{0.23402898727529542, 1.0694209444093938}", + "hasCurveFrom": true, + "hasCurveTo": true, + "point": "{0.082304497611554242, 0.91770033770924342}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0.45596380163424716, -0.0054126243358309746}", + "curveMode": 2, + "curveTo": "{-0.0054133029094096882, 0.45596033696825244}", + "hasCurveFrom": true, + "hasCurveTo": true, + "point": "{0.22527194897109803, 0.22527413063567031}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{1.0694240383651588, 0.23402492139602105}", + "curveMode": 2, + "curveTo": "{0.76597505903767638, -0.069421778393471301}", + "hasCurveFrom": true, + "hasCurveTo": true, + "point": "{0.91769954870141746, 0.082302668779113158}", + }, + ], + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": false, + "style": Object { + "_class": "style", + "endMarkerType": 0, + "fills": Array [ + Object { + "_class": "fill", + "color": Object { + "_class": "color", + "alpha": 1, + "blue": 0.5137254901960784, + "green": 0.1529411764705882, + "red": 0.192156862745098, + }, + "fillType": 0, + "isEnabled": true, + "noiseIndex": 0, + "noiseIntensity": 0, + "patternFillType": 1, + "patternTileScale": 1, + }, + ], + "miterLimit": 10, + "startMarkerType": 0, + "windingRule": 1, + }, + }, + Object { + "_class": "shapePath", + "booleanOperation": -1, + "clippingMaskMode": 0, + "do_objectID": "AE35FC6C-6C8A-4D55-87C9-A9898CAE21B8", + "edited": true, + "exportOptions": Object { + "_class": "exportOptions", + "exportFormats": Array [], + "includedLayerIds": Array [], + "layerOptions": 0, + "shouldTrim": false, + }, + "frame": Object { + "_class": "rect", + "constrainProportions": false, + "height": 9.599057974041237, + "width": 9.574200411976584, + "x": 13.85203463918251, + "y": 12.45026854222855, + }, + "hasClippingMask": false, + "isClosed": true, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 0, + "name": "Path", + "nameIsFixed": false, + "pointRadiusBehaviour": 1, + "points": Array [ + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0.54404181411345065, 1.0054144358613906}", + "curveMode": 2, + "curveTo": "{1.0054171572151367, 0.54403582850462517}", + "hasCurveFrom": true, + "hasCurveTo": true, + "point": "{0.77472426329606991, 0.77472513218300798}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{-0.06941933640234918, 0.76596385579240478}", + "curveMode": 2, + "curveTo": "{0.23402114687454362, 1.0694207166507683}", + "hasCurveFrom": true, + "hasCurveTo": true, + "point": "{0.082300905236097205, 0.9176974950660518}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0.45596135165048657, -0.0054139210711180077}", + "curveMode": 2, + "curveTo": "{-0.0054139914511995707, 0.45595426859671695}", + "hasCurveFrom": true, + "hasCurveTo": true, + "point": "{0.22526845773141968, 0.22526496491833412}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{1.0694225021662864, 0.23402624130893734}", + "curveMode": 2, + "curveTo": "{0.76596112941649841, -0.069420201860496036}", + "hasCurveFrom": true, + "hasCurveTo": true, + "point": "{0.91769181579139236, 0.082303019724220661}", + }, + ], + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": false, + "style": Object { + "_class": "style", + "endMarkerType": 0, + "fills": Array [ + Object { + "_class": "fill", + "color": Object { + "_class": "color", + "alpha": 1, + "blue": 0.4941176470588236, + "green": 0, + "red": 0.9019607843137255, + }, + "fillType": 0, + "isEnabled": true, + "noiseIndex": 0, + "noiseIntensity": 0, + "patternFillType": 1, + "patternTileScale": 1, + }, + ], + "miterLimit": 10, + "startMarkerType": 0, + "windingRule": 1, + }, + }, + Object { + "_class": "shapePath", + "booleanOperation": -1, + "clippingMaskMode": 0, + "do_objectID": "AB7DF95B-5D2E-49E8-B30E-E95CBAD38F5F", + "edited": true, + "exportOptions": Object { + "_class": "exportOptions", + "exportFormats": Array [], + "includedLayerIds": Array [], + "layerOptions": 0, + "shouldTrim": false, + }, + "frame": Object { + "_class": "rect", + "constrainProportions": false, + "height": 4.434776543700215, + "width": 4.423258486715238, + "x": 17.36418344012335, + "y": 15.97146172814989, + }, + "hasClippingMask": false, + "isClosed": true, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 0, + "name": "Path", + "nameIsFixed": false, + "pointRadiusBehaviour": 1, + "points": Array [ + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0.54401445610826338, 1.0054256912186641}", + "curveMode": 2, + "curveTo": "{1.0054163855070575, 0.54402702099553613}", + "hasCurveFrom": true, + "hasCurveTo": true, + "point": "{0.77472672469147186, 0.77472635610710017}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{-0.069424710548940463, 0.76597732453410794}", + "curveMode": 2, + "curveTo": "{0.234039354242084, 1.0694198963840065}", + "hasCurveFrom": true, + "hasCurveTo": true, + "point": "{0.082318625730383177, 0.91768733593383434}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0.45595720122030742, -0.0054256912186641595}", + "curveMode": 2, + "curveTo": "{-0.0054221204108645974, 0.45595042995401847}", + "hasCurveFrom": true, + "hasCurveTo": true, + "point": "{0.22526754040472183, 0.22527364389290025}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{1.0694189756451333, 0.23404522451633825}", + "curveMode": 2, + "curveTo": "{0.76597751862173169, -0.069419896384006516}", + "hasCurveFrom": true, + "hasCurveTo": true, + "point": "{0.91769824713343251, 0.082312664066166066}", + }, + ], + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": false, + "style": Object { + "_class": "style", + "endMarkerType": 0, + "fills": Array [ + Object { + "_class": "fill", + "color": Object { + "_class": "color", + "alpha": 1, + "blue": 1, + "green": 1, + "red": 1, + }, + "fillType": 0, + "isEnabled": true, + "noiseIndex": 0, + "noiseIntensity": 0, + "patternFillType": 1, + "patternTileScale": 1, + }, + ], + "miterLimit": 10, + "startMarkerType": 0, + "windingRule": 1, + }, + }, + Object { + "_class": "shapePath", + "booleanOperation": -1, + "clippingMaskMode": 0, + "do_objectID": "F3995741-C7E3-4B8A-871F-3D8E992484C7", + "edited": true, + "exportOptions": Object { + "_class": "exportOptions", + "exportFormats": Array [], + "includedLayerIds": Array [], + "layerOptions": 0, + "shouldTrim": false, + }, + "frame": Object { + "_class": "rect", + "constrainProportions": false, + "height": 13.12341810804631, + "width": 33.50352679410398, + "x": 6.987410819670007, + "y": 21.99096123905475, + }, + "hasClippingMask": false, + "isClosed": true, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 0, + "name": "Path", + "nameIsFixed": false, + "pointRadiusBehaviour": 1, + "points": Array [ + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{1.001398729946074, 0.031846791552652132}", + "curveMode": 2, + "curveTo": "{0.99720812634595679, 0.003553857734415836}", + "hasCurveFrom": true, + "hasCurveTo": true, + "point": "{0.99930342814601547, 0.017696514660525745}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0.99306527891222285, 0.052999817213687482}", + "curveMode": 4, + "curveTo": "{0.99860797897306175, 0.047650601070298865}", + "hasCurveFrom": false, + "hasCurveTo": true, + "point": "{0.99306527891222285, 0.052999817213687482}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0.008984701287715384, 1.0035753378054892}", + "curveMode": 4, + "curveTo": "{0.014525312016275081, 0.99821850169608473}", + "hasCurveFrom": true, + "hasCurveTo": false, + "point": "{0.014525312016275081, 0.99821850169608473}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{-0.0013992801402107143, 0.96815011579606791}", + "curveMode": 2, + "curveTo": "{0.0027934127921859062, 0.99644304961430485}", + "hasCurveFrom": true, + "hasCurveTo": true, + "point": "{0.00069691708796765434, 0.98230039268819458}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0.0069335739415610862, 0.94699709013503264}", + "curveMode": 4, + "curveTo": "{0.0013926647369614804, 0.95234630627842121}", + "hasCurveFrom": false, + "hasCurveTo": true, + "point": "{0.0069335739415610862, 0.94699709013503264}", + }, + Object { + "_class": "curvePoint", + "cornerRadius": 0, + "curveFrom": "{0.99101474851814819, -0.0035708104907529619}", + "curveMode": 4, + "curveTo": "{0.98547503321770835, 0.001778405652635655}", + "hasCurveFrom": true, + "hasCurveTo": false, + "point": "{0.98547503321770835, 0.001778405652635655}", + }, + ], + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": false, + "style": Object { + "_class": "style", + "endMarkerType": 0, + "fills": Array [ + Object { + "_class": "fill", + "color": Object { + "_class": "color", + "alpha": 1, + "blue": 0.9490196078431372, + "green": 0.9019607843137255, + "red": 0.7607843137254902, + }, + "fillType": 0, + "isEnabled": true, + "noiseIndex": 0, + "noiseIntensity": 0, + "patternFillType": 1, + "patternTileScale": 1, + }, + ], + "miterLimit": 10, + "startMarkerType": 0, + "windingRule": 1, + }, + }, + ], + "name": "plain", + "nameIsFixed": false, + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": false, + "style": Object { + "_class": "style", + "endMarkerType": 0, + "miterLimit": 10, + "startMarkerType": 0, + "windingRule": 1, + }, + }, ], - "token": "color", + "name": "logo/hubble", + "nameIsFixed": false, + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": false, + "style": Object { + "_class": "style", + "endMarkerType": 0, + "miterLimit": 10, + "startMarkerType": 0, + "windingRule": 1, + }, }, - "position": 0, + ], + "name": "icons/hubble/plain", + "nameIsFixed": false, + "overrideProperties": Array [], + "resizesContent": false, + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": true, + "style": Object { + "_class": "style", + "endMarkerType": 0, + "miterLimit": 10, + "startMarkerType": 0, + "windingRule": 1, }, - Object { - "color": Object { - "alpha": 1, - "blue": 88, - "green": 145, - "hex": "559158", - "hsl": Array [ - 123, - 26, - 45, - ], - "name": "hippieGreen", - "red": 85, - "rgb": Array [ - 85, - 145, - 88, - ], - "rgba": Array [ - 85, - 145, - 88, - 1, - ], - "token": "color", - }, - "position": 0.5038507579143953, + "symbolID": "4A12747B-0419-4B72-9B76-8FC3839A2F84", + "verticalRulerData": Object { + "_class": "rulerData", + "base": 0, + "guides": Array [], }, - Object { - "color": Object { - "alpha": 1, - "blue": 62, - "green": 125, - "hex": "227d3e", - "hsl": Array [ - 138, - 57, - 31, - ], - "name": "salem", - "red": 34, - "rgb": Array [ - 34, - 125, - 62, - ], - "rgba": Array [ - 34, - 125, - 62, - 1, - ], - "token": "color", + }, + Object { + "_class": "artboard", + "backgroundColor": Object { + "_class": "color", + "alpha": 1, + "blue": 1, + "do_objectID": "24D5BBB5-170D-425A-959E-4AAD65728341", + "green": 1, + "red": 1, + }, + "booleanOperation": -1, + "clippingMaskMode": 0, + "do_objectID": "F3A48001-231D-4273-A7AD-3C4B596A535A", + "exportOptions": Object { + "_class": "exportOptions", + "do_objectID": "B2ABCC3B-86A6-4646-BF12-F3CE972D1B5C", + "exportFormats": Array [], + "includedLayerIds": Array [], + "layerOptions": 0, + "shouldTrim": false, + }, + "frame": Object { + "_class": "rect", + "constrainProportions": false, + "do_objectID": "2A03546F-078B-45C2-BCA7-A2AA92C8CCD7", + "height": 37, + "width": 217, + "x": 1203, + "y": 293, + }, + "groupLayout": Object { + "_class": "MSImmutableFreeformGroupLayout", + "do_objectID": "257F57F5-6D4C-4B0A-AA0C-50343BF4EDF6", + }, + "hasBackgroundColor": false, + "hasClickThrough": true, + "hasClippingMask": false, + "horizontalRulerData": Object { + "_class": "rulerData", + "base": 0, + "do_objectID": "CEA1C232-CE42-4030-B47C-5AB49BEB0CFF", + "guides": Array [], + }, + "includeBackgroundColorInExport": true, + "includeInCloudUpload": true, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isFlowHome": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 1, + "layers": Array [ + Object { + "_class": "text", + "attributedString": Object { + "_class": "attributedString", + "attributes": Array [ + Object { + "_class": "stringAttribute", + "attributes": Object { + "MSAttributedStringColorAttribute": Object { + "_class": "color", + "alpha": 1, + "blue": 0, + "green": 0, + "red": 0, + }, + "MSAttributedStringFontAttribute": Object { + "_class": "fontDescriptor", + "attributes": Object { + "name": "FiraSans-Regular", + "size": 22, + }, + }, + "kerning": 0, + "paragraphStyle": Object { + "_class": "paragraphStyle", + "alignment": 2, + "allowsDefaultTighteningForTruncation": 0, + }, + "textStyleVerticalAlignmentKey": 0, + }, + "length": 17, + "location": 0, + }, + ], + "string": "my-hubble-project", + }, + "automaticallyDrawOnUnderlyingPath": false, + "booleanOperation": -1, + "clippingMaskMode": 0, + "do_objectID": "1BA72591-D1E7-4630-AD82-BA41109073C3", + "dontSynchroniseWithSymbol": false, + "exportOptions": Object { + "_class": "exportOptions", + "do_objectID": "B2DAEB45-DF2A-4D2B-920B-A19E26687748", + "exportFormats": Array [], + "includedLayerIds": Array [], + "layerOptions": 0, + "shouldTrim": false, + }, + "frame": Object { + "_class": "rect", + "constrainProportions": false, + "do_objectID": "4A38ECC7-B535-47C4-981C-63A39AC12721", + "height": 27, + "width": 189, + "x": 13, + "y": 4, + }, + "glyphBounds": "{{2, 3}, {187, 23}}", + "hasClippingMask": false, + "isFixedToViewport": false, + "isFlippedHorizontal": false, + "isFlippedVertical": false, + "isLocked": false, + "isVisible": true, + "layerListExpandedType": 0, + "lineSpacingBehaviour": 2, + "name": "my-hubble-project", + "nameIsFixed": false, + "resizingConstraint": 47, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": false, + "style": Object { + "_class": "style", + "do_objectID": "FB7F2CAD-F030-4327-865E-622A14C6FF27", + "endMarkerType": 0, + "miterLimit": 10, + "startMarkerType": 0, + "textStyle": Object { + "_class": "textStyle", + "do_objectID": "0DF12993-0F3B-4460-B305-6B1952D5A91D", + "encodedAttributes": Object { + "MSAttributedStringColorAttribute": Object { + "_class": "color", + "alpha": 1, + "blue": 0, + "green": 0, + "red": 0, + }, + "MSAttributedStringFontAttribute": Object { + "_class": "fontDescriptor", + "attributes": Object { + "name": "FiraSans-Regular", + "size": 22, + }, + }, + "kerning": 0, + "paragraphStyle": Object { + "_class": "paragraphStyle", + "alignment": 2, + "allowsDefaultTighteningForTruncation": 0, + }, + "textStyleVerticalAlignmentKey": 0, + }, + "verticalAlignment": 0, + }, + "windingRule": 1, + }, + "textBehaviour": 0, }, - "position": 1, - }, - ], - "to": Array [ - 0.4999999999999999, - 3.0616169978683836e-17, - ], - "token": "gradient", - "type": "LINEAR", - }, - "id": "gradientWithCorners", - "radius": Array [ - 8, - 12.5, - 12.5, - 12.5, - ], - "token": "border", - "type": "OUTSIDE", - "width": 1, - }, - Object { - "color": Object { - "alpha": 1, - "blue": 150, - "green": 150, - "hex": "ff9696", - "hsl": Array [ - 0, - 100, - 79, - ], - "name": "geraldine", - "red": 255, - "rgb": Array [ - 255, - 150, - 150, - ], - "rgba": Array [ - 255, - 150, - 150, - 1, - ], - "token": "color", - }, - "id": "center", - "radius": 0, - "token": "border", - "type": "CENTER", - "width": 1, - }, - ], - "colors": Array [ - Object { - "alpha": 1, - "blue": 159, - "green": 6, - "hex": "10069f", - "hsl": Array [ - 244, - 93, - 32, - ], - "name": "darkBlue", - "red": 16, - "rgb": Array [ - 16, - 6, - 159, - ], - "rgba": Array [ - 16, - 6, - 159, - 1, - ], - "token": "color", - }, - Object { - "alpha": 1, - "blue": 80, - "green": 0, - "hex": "e50050", - "hsl": Array [ - 339, - 100, - 45, - ], - "name": "hotRed", - "red": 229, - "rgb": Array [ - 229, - 0, - 80, - ], - "rgba": Array [ - 229, - 0, - 80, - 1, - ], - "token": "color", - }, - Object { - "alpha": 1, - "blue": 78, - "green": 190, - "hex": "2cbe4e", - "hsl": Array [ - 134, - 62, - 46, - ], - "name": "jungleGreen", - "red": 44, - "rgb": Array [ - 44, - 190, - 78, - ], - "rgba": Array [ - 44, - 190, - 78, - 1, + ], + "name": "config/projectid", + "nameIsFixed": true, + "resizesContent": false, + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": true, + "style": Object { + "_class": "style", + "do_objectID": "0862E84C-71A8-4B11-9C97-102E4A3CD007", + "endMarkerType": 0, + "miterLimit": 10, + "startMarkerType": 0, + "windingRule": 1, + }, + "verticalRulerData": Object { + "_class": "rulerData", + "base": 0, + "do_objectID": "93BF2301-9200-47A7-A100-A37FDAC81767", + "guides": Array [], + }, + }, ], - "token": "color", + "name": "primitives", + "nameIsFixed": true, + "resizingConstraint": 63, + "resizingType": 0, + "rotation": 0, + "shouldBreakMaskChain": false, + "style": Object { + "_class": "style", + "endMarkerType": 0, + "miterLimit": 10, + "startMarkerType": 0, + "windingRule": 1, + }, + "verticalRulerData": Object { + "_class": "rulerData", + "base": 0, + "guides": Array [], + }, }, - Object { - "alpha": 1, - "blue": 0, - "green": 0, - "hex": "000000", - "hsl": Array [ - 0, - 0, - 0, - ], - "name": "ashDark", - "red": 0, - "rgb": Array [ - 0, - 0, - 0, - ], - "rgba": Array [ - 0, - 0, - 0, - 1, - ], - "token": "color", + }, + "user": Object { + "3887CAEA-110F-415F-8010-F3C825F27590": Object { + "scrollOrigin": "{-3821, -591}", + "zoomValue": 2.235936859863144, }, - Object { - "alpha": 1, - "blue": 186, - "green": 210, - "hex": "c0d2ba", - "hsl": Array [ - 105, - 21, - 78, - ], - "name": "paleLeaf", - "red": 192, - "rgb": Array [ - 192, - 210, - 186, - ], - "rgba": Array [ - 192, - 210, - 186, - 1, - ], - "token": "color", + "document": Object { + "pageListCollapsed": 0, + "pageListHeight": 234, }, - ], - "fonts": Array [ - "FiraSans-Bold", - "Helvetica-Bold", - "FiraSans-Regular", - "FiraSans-Book", - ], - "gradients": Array [ - Object { - "from": Array [ - 0.5, - 1, - ], - "name": "norwayGradient", - "stops": Array [ - Object { - "color": Object { - "alpha": 1, - "blue": 144, - "green": 182, - "hex": "97b690", - "hsl": Array [ - 109, - 21, - 64, - ], - "name": "norway", - "red": 151, - "rgb": Array [ - 151, - 182, - 144, - ], - "rgba": Array [ - 151, - 182, - 144, - 1, - ], - "token": "color", - }, - "position": 0, + }, +} +`; + +exports[`Verify that the mocks are unchanged for Sketch -> Style Dictionary 1`] = ` +Object { + "asset": Object { + "font": Object { + "firaSansBold": Object { + "name": Object { + "value": "FiraSans-Bold", }, - Object { - "color": Object { - "alpha": 1, - "blue": 88, - "green": 145, - "hex": "559158", - "hsl": Array [ - 123, - 26, - 45, - ], - "name": "hippieGreen", - "red": 85, - "rgb": Array [ - 85, - 145, - 88, - ], - "rgba": Array [ - 85, - 145, - 88, - 1, - ], - "token": "color", - }, - "position": 0.5038507579143953, + }, + "firaSansBook": Object { + "name": Object { + "value": "FiraSans-Book", + }, + }, + "firaSansRegular": Object { + "name": Object { + "value": "FiraSans-Regular", + }, + }, + "helveticaBold": Object { + "name": Object { + "value": "Helvetica-Bold", + }, + }, + }, + }, + "blur": Object { + "background": Object { + "motionAngle": 0, + "radius": 28, + "saturation": 0.4654579402515723, + }, + "gaussian": Object { + "motionAngle": 0, + "radius": 2, + "saturation": 1, + }, + "motion": Object { + "motionAngle": 35.61906645569621, + "radius": 2, + "saturation": 1, + }, + "zoom": Object { + "motionAngle": 0, + "radius": 6, + "saturation": 1, + }, + }, + "color": Object { + "base": Object { + "primary100": Object { + "comment": "aliceBlue", + "value": "#F2F9FD", + }, + "primary200": Object { + "comment": "solitude", + "value": "#E5F3FA", + }, + "primary300": Object { + "comment": "pattensBlue", + "value": "#D4EBF0", + }, + "primary400": Object { + "comment": "powderBlue", + "value": "#B3DDE6", + }, + "primary500": Object { + "comment": "powderBlue", + "value": "#A0D6E0", + }, + "primary600": Object { + "comment": "halfBaked", + "value": "#8DCFDB", + }, + "primary700": Object { + "comment": "viking", + "value": "#77C8D6", + }, + "primary800": Object { + "comment": "viking", + "value": "#5EC1D1", + }, + "primary900": Object { + "comment": "seagull", + "value": "#5FC2E6", + }, + "red": Object { + "comment": "carnation", + "value": "#F55E5E", + }, + "secondary100": Object { + "comment": "grayNurse", + "value": "#E9EFE7", + }, + "secondary200": Object { + "comment": "tasman", + "value": "#D4E0D0", + }, + "secondary300": Object { + "comment": "paleLeaf", + "value": "#C0D2BA", + }, + "secondary400": Object { + "comment": "norway", + "value": "#97B690", + }, + "secondary500": Object { + "comment": "amulet", + "value": "#81A97C", + }, + "secondary600": Object { + "comment": "aquaForest", + "value": "#6B9D6A", + }, + "secondary700": Object { + "comment": "hippieGreen", + "value": "#559158", + }, + "secondary800": Object { + "comment": "seaGreen", + "value": "#3E874A", + }, + "secondary900": Object { + "comment": "salem", + "value": "#227D3E", + }, + }, + "border": Object { + "center": Object { + "comment": "geraldine", + "value": "#FF9696", + }, + "inside": Object { + "comment": "geraldine", + "value": "#FF9696", + }, + "outside": Object { + "comment": "geraldine", + "value": "#FF9696", + }, + }, + "shadow": Object { + "simple": Object { + "dropShadow": Object { + "comment": "black", + "value": "#000000", }, - Object { - "color": Object { - "alpha": 1, - "blue": 62, - "green": 125, - "hex": "227d3e", - "hsl": Array [ - 138, - 57, - 31, - ], - "name": "salem", - "red": 34, - "rgb": Array [ - 34, - 125, - 62, - ], - "rgba": Array [ - 34, - 125, - 62, - 1, - ], - "token": "color", - }, - "position": 1, + "innerShadow": Object { + "comment": "black", + "value": "#000000", }, - ], - "to": Array [ - 0.4999999999999999, - 3.0616169978683836e-17, - ], - "token": "gradient", - "type": "LINEAR", + }, }, - ], - "shadows": Array [ - Object { - "blur": 3, - "color": Object { - "alpha": 0.5, - "blue": 0, - "green": 0, - "hex": "000000", - "hsl": Array [ - 0, - 0, - 0, - ], - "name": "black", - "red": 0, - "rgb": Array [ - 0, - 0, - 0, - ], - "rgba": Array [ - 0, - 0, - 0, - 0.5, - ], - "token": "color", + }, + "font": Object { + "typo": Object { + "heading1": Object { + "value": "firaSansBold", + }, + "heading2": Object { + "value": "firaSansRegular", + }, + "paragraph": Object { + "value": "firaSansBook", + }, + "quote": Object { + "value": "helveticaBold", }, - "id": "simple", - "spread": 0, - "token": "shadow", - "type": "inner-shadow", - "x": 0, - "y": 1, }, - Object { - "blur": 4, - "color": Object { - "alpha": 0.5, - "blue": 0, - "green": 0, - "hex": "000000", - "hsl": Array [ - 0, - 0, - 0, - ], - "name": "black", - "red": 0, - "rgb": Array [ - 0, - 0, - 0, - ], - "rgba": Array [ - 0, - 0, - 0, - 0.5, - ], - "token": "color", + }, + "lineHeight": Object { + "font": Object { + "heading1": Object { + "value": 57.6, + }, + "heading2": Object { + "value": 43.2, + }, + "paragraph": Object { + "value": 21.6, + }, + "quote": Object { + "value": 16.8, }, - "id": "simple", - "spread": 0, - "token": "shadow", - "type": "drop-shadow", - "x": 0, - "y": 2, }, - ], - "sketchVersion": "55", - "textStyles": Array [ - Object { - "borderBottom": null, - "family": "FiraSans-Bold", - "id": "heading1", - "kerning": null, - "lineHeight": 57.6, - "paragraphSpacing": 0, - "size": 48, - "token": "text-style", - "weight": "bold", + }, + "size": Object { + "border": Object { + "center": Object { + "value": "1", + }, + "gradientWithCorners": Object { + "value": "1", + }, + "inside": Object { + "value": "1", + }, + "outside": Object { + "value": "1", + }, }, - Object { - "borderBottom": null, - "family": "FiraSans-Regular", - "id": "heading2", - "kerning": null, - "lineHeight": 43.2, - "paragraphSpacing": 0, - "size": 36, - "token": "text-style", - "weight": "regular", + "font": Object { + "heading1": Object { + "value": 48, + }, + "heading2": Object { + "value": 36, + }, + "paragraph": Object { + "value": 18, + }, + "quote": Object { + "value": 14, + }, }, - Object { - "borderBottom": null, - "family": "FiraSans-Book", - "id": "paragraph", - "kerning": null, - "lineHeight": 21.6, - "paragraphSpacing": 0, - "size": 18, - "token": "text-style", - "weight": "book", + }, + "weight": Object { + "font": Object { + "heading1": Object { + "value": 700, + }, + "heading2": Object { + "value": 400, + }, + "paragraph": Object { + "value": 350, + }, + "quote": Object { + "value": 700, + }, }, - Object { - "borderBottom": null, - "family": "Helvetica-Bold", - "id": "quote", - "kerning": 0.6, - "lineHeight": 16.8, - "paragraphSpacing": 0, - "size": 14, - "token": "text-style", - "weight": "bold", + "fontFamily": Object { + "firaSansBold": Object { + "value": 700, + }, + "firaSansBook": Object { + "value": 350, + }, + "firaSansRegular": Object { + "value": 400, + }, + "helveticaBold": Object { + "value": 700, + }, }, - ], + }, } `; diff --git a/__tests__/verifyMocks.test.js b/__tests__/verifyMocks.test.js index bf8ac94..f88e218 100644 --- a/__tests__/verifyMocks.test.js +++ b/__tests__/verifyMocks.test.js @@ -1,23 +1,42 @@ -const sketchDump = require('../__mocks__/sample_dump.json'); -const hubbleOutput = require('../__mocks__/sample_output.json'); -const hubbleOutputAsDocument = require('../__mocks__/sample_output.document.json'); -const hubbleOutputAsStyleDictionary = require('../__mocks__/sample_output.styledictionary.json'); +const sketchDump = require('../__mocks__/sketch/sample_dump.json'); +const figmaDump = require('../__mocks__/figma/sample_dump.json'); + +const genericSketchArtboards = require('../__mocks__/sketch/sample_output.artboard.json'); +const genericSketchDocument = require('../__mocks__/sketch/sample_output.document.json'); +const styleDictSketch = require('../__mocks__/sketch/sample_output.styledictionary.json'); + +const genericFigma = require('../__mocks__/figma/sample_output.json'); +const styleDictFigma = require('../__mocks__/figma/sample_output.styledictionary.json'); /** * This is a very basic snapshot-diffing test to harness * ourselves against external dependency or Sketch API changes. */ describe('Verify that the mocks are unchanged', () => { - it('for the Sketch dump', () => { - expect(sketchDump).toMatchSnapshot(); - }); - it('for the hubble output (using artboards)', () => { - expect(hubbleOutput).toMatchSnapshot(); + describe('for Sketch', () => { + it('-> Raw dump', () => { + expect(sketchDump).toMatchSnapshot(); + }); + it('-> Generic Tokens: Artboard Format', () => { + expect(genericSketchArtboards).toMatchSnapshot(); + }); + it('-> Generic Tokens: Document Styles', () => { + expect(genericSketchDocument).toMatchSnapshot(); + }); + it('-> Style Dictionary', () => { + expect(styleDictSketch).toMatchSnapshot(); + }); }); - it('for the hubble output (using document styles)', () => { - expect(hubbleOutputAsDocument).toMatchSnapshot(); - }); - it('for the hubble output (using Style Dictionary)', () => { - expect(hubbleOutputAsStyleDictionary).toMatchSnapshot(); + + describe('for Figma', () => { + it('-> Raw dump', () => { + expect(figmaDump).toMatchSnapshot(); + }); + it('-> Generic Tokens', () => { + expect(genericFigma).toMatchSnapshot(); + }); + it('-> Style Dictionary', () => { + expect(styleDictFigma).toMatchSnapshot(); + }); }); }); diff --git a/bin/hubble-cli b/bin/hubble-cli index baa8f71..31f273c 100755 Binary files a/bin/hubble-cli and b/bin/hubble-cli differ diff --git a/cli.js b/cli.js index 2bd4042..c530af4 100644 --- a/cli.js +++ b/cli.js @@ -2,50 +2,61 @@ const meow = require('meow'); const app = require('./index'); -const cli = meow(` +const cli = meow( + ` Usage - $ hubble-cli --outputDir="/home/usr/downloads" + $ hubble-cli [options] Options - --outputDir=, -o The directory where parsed files will be placed after a run. Defaults to current working directory - --dump, -d Dump all Sketch JSON files into 1 logdump.json - --useColorArtboards Use artboard formatting to export colors instead of using the document colors - --useGradientArtboards Use artboard formatting to export gradients instead of using the document gradients + --outputDir=, -o The directory where parsed files will be placed after a run. Defaults to current working directory. + --dump, -d Dump raw file output into logdump.json. + For Sketch this is the JSON inside the .sketch file bundle, + for Figma this is the received REST API response. + --useColorArtboards Use artboard formatting to export colors instead of using the document colors. + --useGradientArtboards Use artboard formatting to export gradients instead of using the document gradients. --useStyleDictionaryOutput, -s Generate Style Dictionary compatible output instead of the generic design token format. + --token, -t Authorization token when accessing the Figma API. Examples - $ hubble-cli "My Library.sketch" - $ hubble-cli "My Library.sketch" -d --useColorArtboards --outputDir="config/" -`, { - - flags: { - outputDir: { - default: __dirname, - type: 'string', - alias: 'o' - }, - dump: { - type: 'boolean', - alias: 'd' - }, - useColorArtboards: { - type: 'boolean', - default: false, - }, - useGradientArtboards: { - type: 'boolean', - default: false, - }, - useStyleDictionaryOutput: { - type: 'boolean', - default: false, - alias: 's' + $ hubble-cli "__mocks/sample_sketchfile.sketch" + $ hubble-cli "__mocks/sample_sketchfile.sketch" -d --useColorArtboards --outputDir="config/" + $ hubble-cli --token "29-206..." HbgJuBVOwIOcoZMVnpG01LqA + $ hubble-cli --token "29-206..." HbgJuBVOwIOcoZMVnpG01LqA --useStyleDictionary +`, + { + flags: { + token: { + type: 'string', + alias: 't', + }, + outputDir: { + default: __dirname, + type: 'string', + alias: 'o', + }, + dump: { + type: 'boolean', + alias: 'd', + }, + useColorArtboards: { + type: 'boolean', + default: false, + }, + useGradientArtboards: { + type: 'boolean', + default: false, + }, + useStyleDictionaryOutput: { + type: 'boolean', + default: false, + alias: 's', + }, + version: { + type: 'boolean', + alias: 'v', + }, }, - version: { - type: "boolean", - alias: 'v', - } }, -}); +); app(cli.input, cli.flags); diff --git a/generate_mocks.sh b/generate_mocks.sh new file mode 100755 index 0000000..9187b60 --- /dev/null +++ b/generate_mocks.sh @@ -0,0 +1,46 @@ +#!/usr/bin/env bash +set -e + +MOCKS_DIR="$(dirname "$0")/__mocks__" +FIGMA_FILE="HbgJuBVOwIOcoZMVnpG01LqA" + +function generate_figma() { + echo "Generating mocks for Figma" + node cli.js --dump --token "$FIGMA_TOKEN" "$FIGMA_FILE" && \ + mv hubble-data.json "$MOCKS_DIR/figma/sample_output.json" && \ + mv logdump.json "$MOCKS_DIR/figma/sample_dump.json" + + echo "Generating mocks for Figma: Style Dictionary" + node cli.js --useStyleDictionaryOutput --token "$FIGMA_TOKEN" "$FIGMA_FILE" && \ + mv hubble-style-dictionary-tokens.json "$MOCKS_DIR/figma/sample_output.styledictionary.json" +} + +function generate_sketch() { + echo "Generating mocks for Sketch: Document Styles" + node cli.js --dump "$MOCKS_DIR/sketch/sample_sketchfile.sketch" && \ + mv hubble-data.json "$MOCKS_DIR/sketch/sample_output.document.json" && \ + mv logdump.json "$MOCKS_DIR/sketch/sample_dump.json" + + echo "Generating mocks for Sketch: Artboard format" + node cli.js --useColorArtboards --useGradientArtboards "$MOCKS_DIR/sketch/sample_sketchfile.sketch" && \ + mv hubble-data.json "$MOCKS_DIR/sketch/sample_output.artboard.json" + + echo "Generating mocks for Sketch: Style Dictionary" + node cli.js --useStyleDictionaryOutput --useColorArtboards --useGradientArtboards "$MOCKS_DIR/sketch/sample_sketchfile.sketch" && \ + mv hubble-style-dictionary-tokens.json "$MOCKS_DIR/sketch/sample_output.styledictionary.json" +} + +function main() { + local arr=("sketch" "figma") + + for item in "${arr[@]}"; do + if [ ! -d "$MOCKS_DIR/$item" ]; then + mkdir -p "$MOCKS_DIR/$item" + fi + + # Will evaluate as calling: generate_sketch, generate_figma... + "generate_$item" + done +} + +main diff --git a/hubble.sh b/hubble.sh deleted file mode 100755 index eb22e90..0000000 --- a/hubble.sh +++ /dev/null @@ -1,61 +0,0 @@ -#!/usr/bin/env bash -set -e - -# Pretty log output -function log() { - printf "\\n\\033[1m\\033[34m%s\\033[0m\\n\\n" "[hubble-scripts] ${1}" -} - -# Generate config file from hubble -function generate_config() { - log "💎 Generating config from sketchfile..." - ./bin/hubble-cli "$SKETCHFILE" --outputDir="$CONFIG_OUTPUT_DIR" "$@" -} - -# Generate assets from hubble -function generate_assets() { - log "💎 Exporting & moving assets from sketchfile..." - - if [ ! -d "$ASSETS_OUTPUT_DIR" ]; then - log "Asset output dir does not exist yet. Creating it" - mkdir -p "$ASSETS_OUTPUT_DIR" - fi - - bash ./sketchtool.sh "$SKETCHFILE" "$ASSETS_OUTPUT_DIR" -} - -function upload_to_cloud() { - # You can enable custom cloud providers here to upload generated output to that provider - # upload_to_gcloud "$ASSETS_OUTPUT_DIR" "$CONFIG_OUTPUT_DIR" "$1" - exit 0 -} - -function main() { - # Check if we got a sketchfile, otherwise exit 1 - if [ -z "$1" ]; then - echo "No sketchfile provided" - echo "Please provide a sketchfile to export!" - echo "e.g: ./hubble.sh \"/home/usr/file.sketch\"" - exit 1 - fi - - SKETCHFILE=$1 - if [ -z "$2" ]; then CONFIG_OUTPUT_DIR="$PWD"; else CONFIG_OUTPUT_DIR=$2; fi - if [ -z "$3" ]; then ASSETS_OUTPUT_DIR="$PWD/assets/images"; else ASSETS_OUTPUT_DIR=$3; fi - - # Source cloud providers - for file in ./services/upload/*; do - # shellcheck disable=SC1090,SC1091 - [ -r "$file" ] && [ -f "$file" ] && source "$file" - done - - log "Sketchfile is $SKETCHFILE" - log "Config output dir is $CONFIG_OUTPUT_DIR" - log "Asset output dir is $ASSETS_OUTPUT_DIR" - - generate_config "$@" - generate_assets "$@" - - upload_to_cloud "hubble-output-dir" -} -main "$@" diff --git a/index.js b/index.js index ee01cfc..1deb2b2 100644 --- a/index.js +++ b/index.js @@ -1,80 +1,57 @@ const fs = require('fs'); -const sketch2json = require('sketch2json'); const pkg = require('./package.json'); - -const { - getPageArrays, getColorsFromArtboard, getGradientsFromArtboard, getShadowsFromArtboard, - getBordersFromArtboard -} = require('./lib/sketch'); -const mappers = require('./lib/mappers'); -const { prettyJSON } = require('./lib/utils'); +const getParser = require('./lib/parser'); +const getMappers = require('./lib/mappers'); +const { prettyJSON, writeFile } = require('./lib/utils'); const mapToStyleDictionaryTokens = require('./lib/styleDictionary'); -module.exports = (args, flags) => { +module.exports = async (args, flags) => { if (flags.version) return pkg.version; - if (args.length <= 0) throw new Error('No file input passed after npm start'); - const [filePath] = args; - - return fs.readFile(filePath, async (error, data) => { - if (error) throw new Error(error); - - try { - const response = await sketch2json(data); - - const primitivesPage = getPageArrays(response).find(i => i.name.toLowerCase() === 'primitives'); - if (!primitivesPage) { - throw new Error(`No primitives page found.`) - } - - const colorLayers = flags.useColorArtboards - ? getColorsFromArtboard(primitivesPage.layers) - : response.document.assets.colorAssets - .map(({ color, _class, name }) => ({ ...color, _class, name })); - const gradientLayers = flags.useGradientArtboards - ? getGradientsFromArtboard(primitivesPage.layers) - : response.document.assets.gradientAssets - .map(({ gradient, _class }) => ({ ...gradient, _class })); - - const mapping = { - textStyles: mappers.mapTextStyles(response.document.layerTextStyles), - colors: mappers.mapColors(colorLayers), - gradients: mappers.mapGradients(gradientLayers), - shadows: mappers.mapShadows(getShadowsFromArtboard(primitivesPage.layers)), - borders: mappers.mapBorders(getBordersFromArtboard(primitivesPage.layers)), - fonts: response.meta.fonts, - sketchVersion: response.meta.appVersion, - }; - - if (!fs.existsSync(flags.outputDir)) { - fs.mkdirSync(flags.outputDir); - } - - const fsErrorHandler = (err) => { - if (err) { - console.error('Error trying to write to file:', err); // eslint-disable-line no-console - throw new Error(err); - } - }; - - if (flags.useStyleDictionaryOutput) { - await fs.writeFile( - `${flags.outputDir}/hubble-style-dictionary-tokens.json`, - prettyJSON(mapToStyleDictionaryTokens(mapping)), - fsErrorHandler, - ); - } else { - await fs.writeFile(`${flags.outputDir}/hubble-data.json`, prettyJSON(mapping), fsErrorHandler); - } - - if (flags.dump) { - await fs.writeFile(`${flags.outputDir}/logdump.json`, prettyJSON(response), fsErrorHandler); - } - - return response; - } catch (err) { - throw new Error(err); - } - }); + const { parser } = await getParser(args, flags); + const { + textStyles, + colors, + gradients, + shadows, + borders, + blurs, + fonts, + version, + response, + fileType, + } = await parser.getTokens(); + + const mappers = getMappers(fileType); + + const mapping = { + textStyles: textStyles.map(mappers.textStyles), + colors: colors.map(mappers.colors), + gradients: gradients.map(mappers.gradients), + shadows: shadows.map(mappers.shadows), + borders: borders.map(mappers.borders), + blurs: blurs.map(mappers.blurs), + fonts, + fileType, + ...mappers.version(version), + }; + + if (!fs.existsSync(flags.outputDir)) { + fs.mkdirSync(flags.outputDir); + } + + if (flags.useStyleDictionaryOutput) { + await writeFile( + `${flags.outputDir}/hubble-style-dictionary-tokens.json`, + prettyJSON(mapToStyleDictionaryTokens(mapping)), + ); + } else { + await writeFile(`${flags.outputDir}/hubble-data.json`, prettyJSON(mapping)); + } + + if (flags.dump) { + await writeFile(`${flags.outputDir}/logdump.json`, prettyJSON(response)); + } + return response; }; diff --git a/lib/__tests__/sketch.test.js b/lib/__tests__/sketch.test.js index bf85a62..1b67291 100644 --- a/lib/__tests__/sketch.test.js +++ b/lib/__tests__/sketch.test.js @@ -1,5 +1,5 @@ const { getColorId, getColorsFromArtboard, getPageArrays } = require('../sketch'); -const dump = require('../../__mocks__/sample_dump.json'); +const dump = require('../../__mocks__/sketch/sample_dump.json'); describe('[sketch.js] test suite', () => { describe('-> #getColorId', () => { diff --git a/lib/__tests__/utils.test.js b/lib/__tests__/utils.test.js index d451ed4..43c2780 100644 --- a/lib/__tests__/utils.test.js +++ b/lib/__tests__/utils.test.js @@ -1,4 +1,4 @@ -const { convertNSColorToRGB, uniqueArray } = require('../utils'); +const { convertNSColorToRGB, uniqueArray, mapColorKeys, getCoordinatesFromStringPoint } = require('../utils'); describe('[utils.js] test suite', () => { describe('-> #convertNSColorToRGB', () => { @@ -16,4 +16,36 @@ describe('[utils.js] test suite', () => { expect(uniqueArray(arrayWithDupes)).toEqual([1, 2, `a`, `b`]); }); }); + + describe('-> #mapColorKeys', () => { + it('should output an object with full name keys', () => { + const color = { + r: 255, + g: 20, + b: 147, + a: 0.6, + }; + expect(mapColorKeys(color)).toEqual({red: color.r, green: color.g, blue: color.b, alpha: color.a}); + }) + }); + + describe('-> #getCoordinatesFromStringPoint', () => { + it('should map string coordinates to an tuple with those coordinates', () => { + const coords = '{0.457757575, 0.3004040949}'; + expect(getCoordinatesFromStringPoint(coords)).toEqual([ + 0.457757575, + 0.3004040949, + ]); + }); + + it('should return an empty array for invalid string points', () => { + expect(getCoordinatesFromStringPoint('')).toEqual([]); + }); + + it('should throw for non string values passed', () => { + expect(() => getCoordinatesFromStringPoint([])).toThrowError(TypeError); + expect(() => getCoordinatesFromStringPoint({})).toThrowError(TypeError); + expect(() => getCoordinatesFromStringPoint(undefined)).toThrowError(TypeError); + }); + }); }); diff --git a/lib/figma.js b/lib/figma.js new file mode 100644 index 0000000..b61a6e7 --- /dev/null +++ b/lib/figma.js @@ -0,0 +1,47 @@ +/** + * Helper function for flattenChildren + * @param {Object} element a parent element + * @param {Array} resultArray the array that will be returned at the end + */ +const flattenChildrenHelper = (element, resultArray) => { + if (element.children) { + element.children.forEach(child => { + const clone = Object.assign({}, child); + resultArray.push(clone); + flattenChildrenHelper(child, resultArray); + }); + } +}; + +/** + * Flattens a nested Figma API response recursively using flattenChildrenHelper. + * @param {Object} element parent element of the JSON file + * @return {Array} + */ +const flattenChildren = element => { + const flattened = []; + const clone = Object.assign({}, element); + flattened.push(clone); + element.children.forEach(child => { + flattenChildrenHelper(child, flattened); + }); + return flattened; +}; +exports.flattenChildren = flattenChildren; + +/** + * Finds specific tokens in the flattened Figma API response + * @param {Object} data + * @param {string} tokenType + * @return {Array} + */ +exports.findAllTokens = (data, tokenType) => + data.filter( + comp => + comp.name.toLowerCase().includes(tokenType.toLowerCase()) && + !comp.name + .split('/') + .pop() + .toLowerCase() + .includes(tokenType.toLowerCase()), + ); diff --git a/lib/font.js b/lib/font.js index 3ce8ffe..3796520 100644 --- a/lib/font.js +++ b/lib/font.js @@ -19,13 +19,13 @@ const fontWeights = Object.keys(FONT_WEIGHT).map(weightId => ({ value: FONT_WEIGHT[weightId], })); -const getFontWeight = (fontWeightName) => { +const getFontWeight = fontWeightName => { const key = camelCase(fontWeightName); - return typeof(FONT_WEIGHT[key]) !== 'undefined' ? FONT_WEIGHT[key] : FONT_WEIGHT.normal; + return typeof FONT_WEIGHT[key] !== 'undefined' ? FONT_WEIGHT[key] : FONT_WEIGHT.normal; }; module.exports = { FONT_WEIGHT, fontWeights, getFontWeight, -}; \ No newline at end of file +}; diff --git a/lib/mappers/__tests__/__fixtures__/mapper.figma.js b/lib/mappers/__tests__/__fixtures__/mapper.figma.js new file mode 100644 index 0000000..9821563 --- /dev/null +++ b/lib/mappers/__tests__/__fixtures__/mapper.figma.js @@ -0,0 +1,18 @@ +const sampleOutput = require('../../../../__mocks__/figma/sample_dump.json'); +const { flattenChildren, findAllTokens } = require('../../../figma'); +const { uniqueArray } = require('../../../utils'); + +module.exports = () => { + const response = flattenChildren(sampleOutput.document); + + return ({ + COLORS : findAllTokens(response, 'color'), + GRADIENTS : findAllTokens(response, 'gradient'), + TEXT_STYLES : findAllTokens(response, 'textstyle'), + BORDERS : findAllTokens(response, 'border'), + SHADOWS : findAllTokens(response, 'shadow'), + FONTS: uniqueArray( + findAllTokens(response, 'text').map(text => text.children[0].style.fontPostScriptName), + ) + }); +}; diff --git a/lib/mappers/__tests__/__fixtures__/mapper.js b/lib/mappers/__tests__/__fixtures__/mapper.sketch.js similarity index 85% rename from lib/mappers/__tests__/__fixtures__/mapper.js rename to lib/mappers/__tests__/__fixtures__/mapper.sketch.js index 03c7b95..5ee57e8 100644 --- a/lib/mappers/__tests__/__fixtures__/mapper.js +++ b/lib/mappers/__tests__/__fixtures__/mapper.sketch.js @@ -1,4 +1,4 @@ -const sampleOutput = require('../../../../__mocks__/sample_dump.json'); +const sampleOutput = require('../../../../__mocks__/sketch/sample_dump.json'); const { getPageArrays, getGradientsFromArtboard, getColorsFromArtboard, getShadowsFromArtboard, getBordersFromArtboard, @@ -12,7 +12,7 @@ exports.DOCUMENT_COLORS = sampleOutput.document.assets.colorAssets .map(({ color, _class, name }) => ({ ...color, _class, name })); exports.DOCUMENT_GRADIENTS = sampleOutput.document.assets.gradientAssets .map(({ gradient, _class }) => ({ ...gradient, _class }));; -exports.TEXT_STYLES = sampleOutput.document.layerTextStyles; +exports.TEXT_STYLES = sampleOutput.document.layerTextStyles.objects; exports.ARTBOARD_GRADIENTS = getGradientsFromArtboard(PRIMITIVES_PAGE.layers); exports.ARTBOARD_SHADOWS = getShadowsFromArtboard(PRIMITIVES_PAGE.layers); diff --git a/lib/mappers/__tests__/__snapshots__/mapper.figma.test.js.snap b/lib/mappers/__tests__/__snapshots__/mapper.figma.test.js.snap new file mode 100644 index 0000000..006bb2c --- /dev/null +++ b/lib/mappers/__tests__/__snapshots__/mapper.figma.test.js.snap @@ -0,0 +1,1099 @@ +// Jest Snapshot v1, https://goo.gl/fbAQLP + +exports[`figma mapper test suite -> #formatBorders: Given figma formatted array of JSON borders, should transform to a nicely parsed array 1`] = ` +Array [ + Object { + "color": Object { + "alpha": 1, + "blue": 150, + "green": 150, + "hex": "ff9696", + "hsl": Array [ + 0, + 100, + 79, + ], + "name": "geraldine", + "red": 255, + "rgb": Array [ + 255, + 150, + 150, + ], + "rgba": Array [ + 255, + 150, + 150, + 1, + ], + "token": "color", + }, + "id": "inside", + "radius": 3, + "token": "border", + "type": "INSIDE", + "width": 1, + }, + Object { + "color": Object { + "alpha": 1, + "blue": 150, + "green": 150, + "hex": "ff9696", + "hsl": Array [ + 0, + 100, + 79, + ], + "name": "geraldine", + "red": 255, + "rgb": Array [ + 255, + 150, + 150, + ], + "rgba": Array [ + 255, + 150, + 150, + 1, + ], + "token": "color", + }, + "id": "outside", + "radius": 12.5, + "token": "border", + "type": "OUTSIDE", + "width": 1, + }, + Object { + "gradient": Object { + "from": Array [ + 1, + 1, + ], + "name": "norwayGradient", + "stops": Array [ + Object { + "color": Object { + "alpha": 1, + "blue": 144, + "green": 182, + "hex": "97b690", + "hsl": Array [ + 109, + 21, + 64, + ], + "name": "norway", + "red": 151, + "rgb": Array [ + 151, + 182, + 144, + ], + "rgba": Array [ + 151, + 182, + 144, + 1, + ], + "token": "color", + }, + "position": 0, + }, + Object { + "color": Object { + "alpha": 1, + "blue": 88, + "green": 145, + "hex": "559158", + "hsl": Array [ + 123, + 26, + 45, + ], + "name": "hippieGreen", + "red": 85, + "rgb": Array [ + 85, + 145, + 88, + ], + "rgba": Array [ + 85, + 145, + 88, + 1, + ], + "token": "color", + }, + "position": 0.5038507580757141, + }, + Object { + "color": Object { + "alpha": 1, + "blue": 62, + "green": 125, + "hex": "227d3e", + "hsl": Array [ + 138, + 57, + 31, + ], + "name": "salem", + "red": 34, + "rgb": Array [ + 34, + 125, + 62, + ], + "rgba": Array [ + 34, + 125, + 62, + 1, + ], + "token": "color", + }, + "position": 1, + }, + ], + "to": Array [ + 1.5, + 0.9999999999999999, + ], + "token": "gradient", + "type": "LINEAR", + }, + "id": "gradientWithCorners", + "radius": Array [ + 8, + 12.5, + 12.5, + 12.5, + ], + "token": "border", + "type": "OUTSIDE", + "width": 1, + }, + Object { + "color": Object { + "alpha": 1, + "blue": 150, + "green": 150, + "hex": "ff9696", + "hsl": Array [ + 0, + 100, + 79, + ], + "name": "geraldine", + "red": 255, + "rgb": Array [ + 255, + 150, + 150, + ], + "rgba": Array [ + 255, + 150, + 150, + 1, + ], + "token": "color", + }, + "id": "center", + "radius": 0, + "token": "border", + "type": "CENTER", + "width": 1, + }, +] +`; + +exports[`figma mapper test suite -> #formatColors: Given figma formatted array of JSON colors, should transform to a nicely parsed array 1`] = ` +Array [ + Object { + "alpha": 1, + "blue": 230, + "green": 194, + "hex": "5fc2e6", + "hsl": Array [ + 196, + 73, + 64, + ], + "id": "primary900", + "name": "seagull", + "red": 95, + "rgb": Array [ + 95, + 194, + 230, + ], + "rgba": Array [ + 95, + 194, + 230, + 1, + ], + "token": "color", + "variant": "900", + }, + Object { + "alpha": 1, + "blue": 209, + "green": 193, + "hex": "5ec1d1", + "hsl": Array [ + 188, + 56, + 59, + ], + "id": "primary800", + "name": "viking", + "red": 94, + "rgb": Array [ + 94, + 193, + 209, + ], + "rgba": Array [ + 94, + 193, + 209, + 1, + ], + "token": "color", + "variant": "800", + }, + Object { + "alpha": 1, + "blue": 214, + "green": 200, + "hex": "77c8d6", + "hsl": Array [ + 189, + 54, + 65, + ], + "id": "primary700", + "name": "viking", + "red": 119, + "rgb": Array [ + 119, + 200, + 214, + ], + "rgba": Array [ + 119, + 200, + 214, + 1, + ], + "token": "color", + "variant": "700", + }, + Object { + "alpha": 1, + "blue": 219, + "green": 207, + "hex": "8dcfdb", + "hsl": Array [ + 189, + 52, + 71, + ], + "id": "primary600", + "name": "halfBaked", + "red": 141, + "rgb": Array [ + 141, + 207, + 219, + ], + "rgba": Array [ + 141, + 207, + 219, + 1, + ], + "token": "color", + "variant": "600", + }, + Object { + "alpha": 1, + "blue": 224, + "green": 214, + "hex": "a0d6e0", + "hsl": Array [ + 189, + 51, + 75, + ], + "id": "primary500", + "name": "powderBlue", + "red": 160, + "rgb": Array [ + 160, + 214, + 224, + ], + "rgba": Array [ + 160, + 214, + 224, + 1, + ], + "token": "color", + "variant": "500", + }, + Object { + "alpha": 1, + "blue": 230, + "green": 221, + "hex": "b3dde6", + "hsl": Array [ + 191, + 50, + 80, + ], + "id": "primary400", + "name": "powderBlue", + "red": 179, + "rgb": Array [ + 179, + 221, + 230, + ], + "rgba": Array [ + 179, + 221, + 230, + 1, + ], + "token": "color", + "variant": "400", + }, + Object { + "alpha": 1, + "blue": 240, + "green": 235, + "hex": "d4ebf0", + "hsl": Array [ + 191, + 48, + 89, + ], + "id": "primary300", + "name": "pattensBlue", + "red": 212, + "rgb": Array [ + 212, + 235, + 240, + ], + "rgba": Array [ + 212, + 235, + 240, + 1, + ], + "token": "color", + "variant": "300", + }, + Object { + "alpha": 1, + "blue": 250, + "green": 243, + "hex": "e5f3fa", + "hsl": Array [ + 200, + 68, + 94, + ], + "id": "primary200", + "name": "solitude", + "red": 229, + "rgb": Array [ + 229, + 243, + 250, + ], + "rgba": Array [ + 229, + 243, + 250, + 1, + ], + "token": "color", + "variant": "200", + }, + Object { + "alpha": 1, + "blue": 253, + "green": 249, + "hex": "f2f9fd", + "hsl": Array [ + 202, + 73, + 97, + ], + "id": "primary100", + "name": "aliceBlue", + "red": 242, + "rgb": Array [ + 242, + 249, + 253, + ], + "rgba": Array [ + 242, + 249, + 253, + 1, + ], + "token": "color", + "variant": "100", + }, + Object { + "alpha": 1, + "blue": 62, + "green": 125, + "hex": "227d3e", + "hsl": Array [ + 138, + 57, + 31, + ], + "id": "secondary900", + "name": "salem", + "red": 34, + "rgb": Array [ + 34, + 125, + 62, + ], + "rgba": Array [ + 34, + 125, + 62, + 1, + ], + "token": "color", + "variant": "900", + }, + Object { + "alpha": 1, + "blue": 94, + "green": 94, + "hex": "f55e5e", + "hsl": Array [ + 0, + 88, + 66, + ], + "id": "redUndefined", + "name": "carnation", + "red": 245, + "rgb": Array [ + 245, + 94, + 94, + ], + "rgba": Array [ + 245, + 94, + 94, + 1, + ], + "token": "color", + "variant": undefined, + }, + Object { + "alpha": 1, + "blue": 74, + "green": 135, + "hex": "3e874a", + "hsl": Array [ + 130, + 37, + 39, + ], + "id": "secondary800", + "name": "seaGreen", + "red": 62, + "rgb": Array [ + 62, + 135, + 74, + ], + "rgba": Array [ + 62, + 135, + 74, + 1, + ], + "token": "color", + "variant": "800", + }, + Object { + "alpha": 1, + "blue": 88, + "green": 145, + "hex": "559158", + "hsl": Array [ + 123, + 26, + 45, + ], + "id": "secondary700", + "name": "hippieGreen", + "red": 85, + "rgb": Array [ + 85, + 145, + 88, + ], + "rgba": Array [ + 85, + 145, + 88, + 1, + ], + "token": "color", + "variant": "700", + }, + Object { + "alpha": 1, + "blue": 106, + "green": 157, + "hex": "6b9d6a", + "hsl": Array [ + 119, + 21, + 52, + ], + "id": "secondary600", + "name": "aquaForest", + "red": 107, + "rgb": Array [ + 107, + 157, + 106, + ], + "rgba": Array [ + 107, + 157, + 106, + 1, + ], + "token": "color", + "variant": "600", + }, + Object { + "alpha": 1, + "blue": 124, + "green": 169, + "hex": "81a97c", + "hsl": Array [ + 113, + 21, + 57, + ], + "id": "secondary500", + "name": "amulet", + "red": 129, + "rgb": Array [ + 129, + 169, + 124, + ], + "rgba": Array [ + 129, + 169, + 124, + 1, + ], + "token": "color", + "variant": "500", + }, + Object { + "alpha": 1, + "blue": 144, + "green": 182, + "hex": "97b690", + "hsl": Array [ + 109, + 21, + 64, + ], + "id": "secondary400", + "name": "norway", + "red": 151, + "rgb": Array [ + 151, + 182, + 144, + ], + "rgba": Array [ + 151, + 182, + 144, + 1, + ], + "token": "color", + "variant": "400", + }, + Object { + "alpha": 1, + "blue": 186, + "green": 210, + "hex": "c0d2ba", + "hsl": Array [ + 105, + 21, + 78, + ], + "id": "secondary300", + "name": "paleLeaf", + "red": 192, + "rgb": Array [ + 192, + 210, + 186, + ], + "rgba": Array [ + 192, + 210, + 186, + 1, + ], + "token": "color", + "variant": "300", + }, + Object { + "alpha": 1, + "blue": 208, + "green": 224, + "hex": "d4e0d0", + "hsl": Array [ + 105, + 21, + 85, + ], + "id": "secondary200", + "name": "tasman", + "red": 212, + "rgb": Array [ + 212, + 224, + 208, + ], + "rgba": Array [ + 212, + 224, + 208, + 1, + ], + "token": "color", + "variant": "200", + }, + Object { + "alpha": 1, + "blue": 231, + "green": 239, + "hex": "e9efe7", + "hsl": Array [ + 105, + 20, + 92, + ], + "id": "secondary100", + "name": "grayNurse", + "red": 233, + "rgb": Array [ + 233, + 239, + 231, + ], + "rgba": Array [ + 233, + 239, + 231, + 1, + ], + "token": "color", + "variant": "100", + }, +] +`; + +exports[`figma mapper test suite -> #formatGradients: Given figma formatted array of JSON gradients, should transform to a nicely parsed array 1`] = ` +Array [ + Object { + "from": Array [ + 0.5038167845431096, + 1.0000000396974489, + ], + "name": "linear", + "stops": Array [ + Object { + "color": Object { + "alpha": 1, + "blue": 144, + "green": 182, + "hex": "97b690", + "hsl": Array [ + 109, + 21, + 64, + ], + "name": "norway", + "red": 151, + "rgb": Array [ + 151, + 182, + 144, + ], + "rgba": Array [ + 151, + 182, + 144, + 1, + ], + "token": "color", + }, + "position": 0, + }, + Object { + "color": Object { + "alpha": 1, + "blue": 88, + "green": 145, + "hex": "559158", + "hsl": Array [ + 123, + 26, + 45, + ], + "name": "hippieGreen", + "red": 85, + "rgb": Array [ + 85, + 145, + 88, + ], + "rgba": Array [ + 85, + 145, + 88, + 1, + ], + "token": "color", + }, + "position": 0.5038507580757141, + }, + Object { + "color": Object { + "alpha": 1, + "blue": 62, + "green": 125, + "hex": "227d3e", + "hsl": Array [ + 138, + 57, + 31, + ], + "name": "salem", + "red": 34, + "rgb": Array [ + 34, + 125, + 62, + ], + "rgba": Array [ + 34, + 125, + 62, + 1, + ], + "token": "color", + }, + "position": 1, + }, + ], + "to": Array [ + 0.9999999762012087, + 0.9999999613903336, + ], + "token": "gradient", + "type": "LINEAR", + }, + Object { + "from": Array [ + 0.4999999999999999, + 1.0000000000000002, + ], + "name": "radial", + "stops": Array [ + Object { + "color": Object { + "alpha": 1, + "blue": 144, + "green": 182, + "hex": "97b690", + "hsl": Array [ + 109, + 21, + 64, + ], + "name": "norway", + "red": 151, + "rgb": Array [ + 151, + 182, + 144, + ], + "rgba": Array [ + 151, + 182, + 144, + 1, + ], + "token": "color", + }, + "position": 0, + }, + Object { + "color": Object { + "alpha": 1, + "blue": 62, + "green": 125, + "hex": "227d3e", + "hsl": Array [ + 138, + 57, + 31, + ], + "name": "salem", + "red": 34, + "rgb": Array [ + 34, + 125, + 62, + ], + "rgba": Array [ + 34, + 125, + 62, + 1, + ], + "token": "color", + }, + "position": 1, + }, + ], + "to": Array [ + 1.7726315302406337, + 1.0000000000000002, + ], + "token": "gradient", + "type": "RADIAL", + }, + Object { + "from": Array [ + 0.5, + 0.5, + ], + "name": "angular", + "stops": Array [ + Object { + "color": Object { + "alpha": 1, + "blue": 144, + "green": 182, + "hex": "97b690", + "hsl": Array [ + 109, + 21, + 64, + ], + "name": "norway", + "red": 151, + "rgb": Array [ + 151, + 182, + 144, + ], + "rgba": Array [ + 151, + 182, + 144, + 1, + ], + "token": "color", + }, + "position": 0.4336458444595337, + }, + Object { + "color": Object { + "alpha": 1, + "blue": 62, + "green": 125, + "hex": "227d3e", + "hsl": Array [ + 138, + 57, + 31, + ], + "name": "salem", + "red": 34, + "rgb": Array [ + 34, + 125, + 62, + ], + "rgba": Array [ + 34, + 125, + 62, + 1, + ], + "token": "color", + }, + "position": 1, + }, + ], + "to": Array [ + 0.5, + 1, + ], + "token": "gradient", + "type": "ANGULAR", + }, +] +`; + +exports[`figma mapper test suite -> #formatShadows Given figma formatted array of JSON shadows, should transform to a nicely parsed array 1`] = ` +Array [ + Object { + "blur": 4, + "color": Object { + "alpha": 0.5, + "blue": 0, + "green": 0, + "hex": "000000", + "hsl": Array [ + 0, + 0, + 0, + ], + "name": "black", + "red": 0, + "rgb": Array [ + 0, + 0, + 0, + ], + "rgba": Array [ + 0, + 0, + 0, + 0.5, + ], + "token": "color", + }, + "id": "simple", + "spread": null, + "token": "shadow", + "type": "drop-shadow", + "x": 0, + "y": 2, + }, + Object { + "blur": 3, + "color": Object { + "alpha": 0.5, + "blue": 0, + "green": 0, + "hex": "000000", + "hsl": Array [ + 0, + 0, + 0, + ], + "name": "black", + "red": 0, + "rgb": Array [ + 0, + 0, + 0, + ], + "rgba": Array [ + 0, + 0, + 0, + 0.5, + ], + "token": "color", + }, + "id": "simple", + "spread": null, + "token": "shadow", + "type": "inner-shadow", + "x": 0, + "y": 1, + }, +] +`; + +exports[`figma mapper test suite -> #formatTextStyles: Given figma formatted array of JSON textstyles, should transform to a nicely parsed array 1`] = ` +Array [ + Object { + "borderBottom": null, + "family": "FiraSans-Book", + "id": "paragraph", + "kerning": null, + "lineHeight": 21.1, + "paragraphSpacing": 0, + "size": 18, + "token": "text-style", + "weight": "book", + }, + Object { + "borderBottom": null, + "family": "Helvetica-Bold", + "id": "quote", + "kerning": 0.6, + "lineHeight": 16.4, + "paragraphSpacing": 0, + "size": 14, + "token": "text-style", + "weight": "bold", + }, + Object { + "borderBottom": null, + "family": "FiraSans-Regular", + "id": "heading2", + "kerning": null, + "lineHeight": 42.2, + "paragraphSpacing": 0, + "size": 36, + "token": "text-style", + "weight": "regular", + }, + Object { + "borderBottom": null, + "family": "FiraSans-Bold", + "id": "heading1", + "kerning": null, + "lineHeight": 57.6, + "paragraphSpacing": 0, + "size": 48, + "token": "text-style", + "weight": "bold", + }, +] +`; diff --git a/lib/mappers/__tests__/__snapshots__/mapper.test.js.snap b/lib/mappers/__tests__/__snapshots__/mapper.sketch.test.js.snap similarity index 100% rename from lib/mappers/__tests__/__snapshots__/mapper.test.js.snap rename to lib/mappers/__tests__/__snapshots__/mapper.sketch.test.js.snap diff --git a/lib/mappers/__tests__/mapper.figma.test.js b/lib/mappers/__tests__/mapper.figma.test.js new file mode 100644 index 0000000..f5b4d84 --- /dev/null +++ b/lib/mappers/__tests__/mapper.figma.test.js @@ -0,0 +1,41 @@ +const { FILE_TYPES } = require('../../parser/constants'); +const getFixtures = require('./__fixtures__/mapper.figma'); +const getMapper = require('..'); + +const FIXTURES = getFixtures(); +const mappers = getMapper(FILE_TYPES.FIGMA); + +describe('figma mapper test suite', () => { + + describe('-> #formatColors:', () => { + it('Given figma formatted array of JSON colors, should transform to a nicely parsed array', () => { + expect(FIXTURES.COLORS.map(mappers.colors)).toMatchSnapshot(); + }); + }); + + describe('-> #formatTextStyles:', () => { + it('Given figma formatted array of JSON textstyles, should transform to a nicely parsed array', () => { + expect(FIXTURES.TEXT_STYLES.map(mappers.textStyles)).toMatchSnapshot(); + }); + }); + + describe('-> #formatGradients:', () => { + it('Given figma formatted array of JSON gradients, should transform to a nicely parsed array', () => { + expect(FIXTURES.GRADIENTS.map(mappers.gradients)).toMatchSnapshot(); + }); + }); + + describe('-> #formatShadows', () => { + it('Given figma formatted array of JSON shadows, should transform to a nicely parsed array', () => { + expect(FIXTURES.SHADOWS.map(mappers.shadows)).toMatchSnapshot(); + }); + }); + + describe('-> #formatBorders:', () => { + it('Given figma formatted array of JSON borders, should transform to a nicely parsed array', () => { + expect(FIXTURES.BORDERS.map(mappers.borders)).toMatchSnapshot(); + }); + }); +}); + + diff --git a/lib/mappers/__tests__/mapper.test.js b/lib/mappers/__tests__/mapper.sketch.test.js similarity index 70% rename from lib/mappers/__tests__/mapper.test.js rename to lib/mappers/__tests__/mapper.sketch.test.js index 2c1ec01..1756111 100644 --- a/lib/mappers/__tests__/mapper.test.js +++ b/lib/mappers/__tests__/mapper.sketch.test.js @@ -1,7 +1,9 @@ -const FIXTURES = require('./__fixtures__/mapper'); +const FIXTURES = require('./__fixtures__/mapper.sketch'); +const getMapper = require('..'); +const formatColor = require('../sketch/color'); +const { FILE_TYPES } = require('../../parser/constants'); -const mapper = require('..'); -const formatColor = require('../color'); +const mappers = getMapper(FILE_TYPES.SKETCH); describe('[mapper.js] test suite', () => { describe('-> #formatColor:', () => { @@ -13,17 +15,17 @@ describe('[mapper.js] test suite', () => { describe('-> #mapColors:', () => { it('given the document colors, should transform all colors nicely', () => { - expect(mapper.mapColors(FIXTURES.DOCUMENT_COLORS)).toMatchSnapshot(); + expect(FIXTURES.DOCUMENT_COLORS.map(mappers.colors)).toMatchSnapshot(); }); it('given artboard colors, should transform all colors nicely', () => { - expect(mapper.mapColors(FIXTURES.ARTBOARD_COLORS)).toMatchSnapshot(); + expect(FIXTURES.ARTBOARD_COLORS.map(mappers.colors)).toMatchSnapshot(); }); }); describe('-> #mapTextStyles:', () => { it('given the text styles, should transform them nicely', () => { - const textStyles = mapper.mapTextStyles(FIXTURES.TEXT_STYLES); + const textStyles = FIXTURES.TEXT_STYLES.map(mappers.textStyles); expect(textStyles).toMatchSnapshot(); textStyles.forEach(style => { @@ -47,24 +49,24 @@ describe('[mapper.js] test suite', () => { describe('-> #mapGradients:', () => { it('given artboard gradients, should transform them nicely', () => { - expect(mapper.mapGradients(FIXTURES.ARTBOARD_GRADIENTS)).toMatchSnapshot(); + expect(FIXTURES.ARTBOARD_GRADIENTS.map(mappers.gradients)).toMatchSnapshot(); }); it('given docuement gradients, should transform them nicely', () => { - expect(mapper.mapGradients(FIXTURES.DOCUMENT_GRADIENTS)).toMatchSnapshot(); + expect(FIXTURES.DOCUMENT_GRADIENTS.map(mappers.gradients)).toMatchSnapshot(); }); }); describe('-> #mapShadows:', () => { it('given artboard gradients, should transform them nicely', () => { - const parsed = mapper.mapShadows(FIXTURES.ARTBOARD_SHADOWS); + const parsed = FIXTURES.ARTBOARD_SHADOWS.map(mappers.shadows); expect(parsed).toMatchSnapshot(); }); }); describe('-> #mapBorders:', () => { it('given artboard borders, should transform them nicely', () => { - const parsed = mapper.mapBorders(FIXTURES.ARTBOARD_BORDERS); + const parsed = FIXTURES.ARTBOARD_BORDERS.map(mappers.borders); expect(parsed).toMatchSnapshot(); }); }); diff --git a/lib/mappers/blur.js b/lib/mappers/blur.js new file mode 100644 index 0000000..3c39c42 --- /dev/null +++ b/lib/mappers/blur.js @@ -0,0 +1,14 @@ +const camelcase = require('camelcase'); +const { tokenize } = require('../utils'); + +module.exports = blur => { + const { radius, saturation, motionAngle } = blur; + return { + id: camelcase(blur.id), + type: camelcase(blur.id), + token: tokenize('blur'), + radius, + ...(blur.id.toLowerCase() === 'motion' && { angle: motionAngle.toFixed(2) }), + ...(blur.id.toLowerCase() === 'background' && { saturation }), + }; +}; diff --git a/lib/mappers/color.js b/lib/mappers/color.js deleted file mode 100644 index c8d0b82..0000000 --- a/lib/mappers/color.js +++ /dev/null @@ -1,31 +0,0 @@ -const colorConvert = require('color-convert'); -const camelcase = require('camelcase'); - -const { convertNSColorToRGB, tokenize, getNamedColorFromRGB } = require('../utils'); - -const isArtboardColor = (color) => color._class === 'artboardColor'; -exports.isArtboardColor = isArtboardColor; -exports.isDocumentColor = (color) => color._class === 'color' || color._class === "MSImmutableColorAsset"; - -module.exports = (color) => { - const { red, green, blue, alpha } = color; - const R = convertNSColorToRGB(red); - const G = convertNSColorToRGB(green); - const B = convertNSColorToRGB(blue); - - const computedColorName = getNamedColorFromRGB([R, G, B]); - - return { - token: tokenize('color'), - ...(isArtboardColor(color) ? { id: camelcase(color.id), variant: color.variant || null } : {}), - name: isArtboardColor(color) ? computedColorName : color.name || computedColorName, - red: R, - green: G, - blue: B, - alpha, - rgb: [R, G, B], - rgba: [R, G, B, alpha], - hex: colorConvert.rgb.hex(R, G, B, alpha).toLowerCase(), - hsl: colorConvert.rgb.hsl(R, G, B), - }; -}; diff --git a/lib/mappers/figma/blur.js b/lib/mappers/figma/blur.js new file mode 100644 index 0000000..b2a3e19 --- /dev/null +++ b/lib/mappers/figma/blur.js @@ -0,0 +1,24 @@ +const camelcase = require('camelcase'); + +const { tokenize } = require('../../utils'); + +const BLUR_TYPES = new Map([ + ["LAYER_BLUR", "GAUSSIAN"], + ["BACKGROUND_BLUR", "BACKGROUND"], +]) + +module.exports = blur => { + const [blurLayer] = blur.children; + const { radius, type } = blurLayer.effects[0]; + + return { + id: camelcase(blur.name.split('/').pop()), + token: tokenize('blur'), + type: BLUR_TYPES.get(type), + radius, + // The following properties are not settable in Figma + saturation: 1, + motionAngle: 0, + } +}; + diff --git a/lib/mappers/figma/border.js b/lib/mappers/figma/border.js new file mode 100644 index 0000000..e11584d --- /dev/null +++ b/lib/mappers/figma/border.js @@ -0,0 +1,41 @@ +const camelcase = require('camelcase'); + +const { mapColorKeys } = require('../../utils'); +const formatColor = require('../sketch/color'); +const { tokenize } = require('../../utils'); +const mapGradient = require('./gradient'); + +const getGradientPropertyLocation = border => border.children[0].strokes[0]; + +const getBorderInfo = border => { + const [info] = border.children; + return { + width: info.strokeWeight, + type: info.strokeAlign, + radius: + (border.name.toLowerCase().includes('gradient') + ? info.rectangleCornerRadii + : info.cornerRadius) || 0, + }; +}; + +const getColorInfo = border => { + const { color } = getGradientPropertyLocation(border); + return { + color: formatColor(mapColorKeys(color)), + }; +}; + +const getGradientInfo = border => ({ + gradient: mapGradient(getGradientPropertyLocation(border)), +}); + +module.exports = border => ({ + id: camelcase(border.name.split('/').pop()), + token: tokenize('border'), + ...getBorderInfo(border), + ...(border.name.toLowerCase().includes('gradient') + ? getGradientInfo(border) + : getColorInfo(border)), + }); + diff --git a/lib/mappers/figma/color.js b/lib/mappers/figma/color.js new file mode 100644 index 0000000..4d137a7 --- /dev/null +++ b/lib/mappers/figma/color.js @@ -0,0 +1,13 @@ +const camelcase = require('camelcase'); + +const { mapColorKeys, formatColor } = require('../../utils'); + +module.exports = (artboard) => { + const { color } = artboard.children[0].fills[0]; + const [,,id,variant] = artboard.name.split('/'); + return { + id: camelcase(`${id}-${variant}`), + variant, + ...formatColor(mapColorKeys(color)), + } +}; diff --git a/lib/mappers/figma/gradient.js b/lib/mappers/figma/gradient.js new file mode 100644 index 0000000..7249c93 --- /dev/null +++ b/lib/mappers/figma/gradient.js @@ -0,0 +1,45 @@ +const camelcase = require('camelcase'); + +const formatColor = require('../sketch/color'); +const { tokenize, mapColorKeys, getNamedColorFromRGB } = require('../../utils'); + +// Property locations differ with regular gradients and shadow gradients +const getGradientPropertyLocation = gradient => + gradient.gradientHandlePositions ? gradient : gradient.children[0].fills[0]; + +const getGradientStops = gradient => { + const { gradientStops } = getGradientPropertyLocation(gradient); + return gradientStops !== undefined + ? gradientStops.map(stop => ({ + position: stop.position, + color: formatColor(mapColorKeys(stop.color)), + })) + : []; +}; + +const getGradientLocations = gradient => { + const { gradientHandlePositions } = getGradientPropertyLocation(gradient); + const lastGradient = gradientHandlePositions + ? gradientHandlePositions[gradientHandlePositions.length - 1] + : undefined; + return { + from: Array.isArray(gradientHandlePositions) + ? [gradientHandlePositions[0].x, gradientHandlePositions[0].y] + : null, + to: lastGradient ? [lastGradient.x, lastGradient.y] : null, + }; +}; + +module.exports = gradient => { + const computedColorName = getNamedColorFromRGB( + getGradientStops(gradient)[0].color.rgb + ); + + return { + name: gradient.name ? gradient.name.split('/').pop() : camelcase(`${computedColorName}-gradient`), + token: tokenize('gradient'), + type: getGradientPropertyLocation(gradient).type.split('GRADIENT_').pop(), + ...getGradientLocations(gradient), + stops: getGradientStops(gradient), + } +}; diff --git a/lib/mappers/figma/index.js b/lib/mappers/figma/index.js new file mode 100644 index 0000000..702ea7b --- /dev/null +++ b/lib/mappers/figma/index.js @@ -0,0 +1,15 @@ +const textStyles = require('./textstyle'); +const colors = require('./color'); +const gradients = require('./gradient'); +const shadows = require('./shadow'); +const borders = require('./border'); +const blurs = require('./blur'); + +module.exports = { + textStyles, + colors, + gradients, + shadows, + borders, + blurs, +}; diff --git a/lib/mappers/figma/shadow.js b/lib/mappers/figma/shadow.js new file mode 100644 index 0000000..57608b3 --- /dev/null +++ b/lib/mappers/figma/shadow.js @@ -0,0 +1,25 @@ +const { mapColorKeys, tokenize } = require('../../utils'); +const formatColor = require('../sketch/color'); + +const getShadowEffectProperties = shadow => { + const { effects } = shadow.children[0]; + return { + blur: effects[0].radius, + x: effects[0].offset.x, + y: effects[0].offset.y, + type: effects[0].type.toLowerCase().replace('_', '-'), + }; +}; + +const getShadowColor = shadow => { + const { color } = shadow.children[0].effects[0]; + return { color: formatColor(mapColorKeys(color)) }; +}; + +module.exports = shadow => ({ + id: shadow.name.split('/').pop(), + token: tokenize('shadow'), + ...getShadowEffectProperties(shadow), + ...getShadowColor(shadow), + spread: null, // spread not implemented in figma +}); diff --git a/lib/mappers/figma/textstyle.js b/lib/mappers/figma/textstyle.js new file mode 100644 index 0000000..6408f2d --- /dev/null +++ b/lib/mappers/figma/textstyle.js @@ -0,0 +1,24 @@ +const camelcase = require('camelcase'); +const { getFontWeight, tokenize } = require('../../utils'); + +const getStyleProperty = textStyle => textStyle.children[0].style; + +const getTextStyle = textStyle => { + const style = getStyleProperty(textStyle); + return { + weight: getFontWeight(style.fontPostScriptName), + borderBottom: style.textDecoration === 'UNDERLINE' ? true : null, + paragraphSpacing: style.paragraphIndent || 0, + size: style.fontSize, + family: style.fontPostScriptName, + lineHeight: Number(style.lineHeightPx.toFixed(1)), + kerning: + Number(style.letterSpacing.toFixed(0)) !== 0 ? parseFloat(style.letterSpacing.toFixed(1)) : null, + }; +}; + +module.exports = textStyle => ({ + token: tokenize('textStyle'), + ...getTextStyle(textStyle), + id: camelcase(textStyle.name.split('/').pop()), +}); diff --git a/lib/mappers/index.js b/lib/mappers/index.js index 81540f6..60a62b5 100644 --- a/lib/mappers/index.js +++ b/lib/mappers/index.js @@ -1,13 +1,30 @@ -const mapTextStyle = require('./textstyle'); -const mapColor = require('./color'); -const mapGradient = require('./gradient'); -const mapShadow = require('./shadow'); -const mapBorder = require('./border'); - -module.exports = { - mapColors: colors => colors.map(mapColor), - mapTextStyles: textStyles => textStyles.objects.map(mapTextStyle), - mapGradients: gradients => gradients.map(mapGradient), - mapShadows: shadows => shadows.map(mapShadow), - mapBorders: borders => borders.map(mapBorder), +const { FILE_TYPES } = require('../parser/constants'); + +const mapFigma = require('./figma'); +const mapSketch = require('./sketch'); + +const MAPPERS = new Map([ + [FILE_TYPES.SKETCH, mapSketch], + [FILE_TYPES.FIGMA, mapFigma] +]); + +module.exports = fileType => { + const mapper = MAPPERS.get(fileType); + + if (!mapper) { + throw new TypeError(` + [lib/mappers]: Could not determine which mapper to use. + A valid file type should be provided. + `) + } + + return { + textStyles: mapper.textStyles, + colors: mapper.colors, + gradients: mapper.gradients, + shadows: mapper.shadows, + borders: mapper.borders, + blurs: mapper.blurs, + version: version => (fileType === FILE_TYPES.SKETCH ? { sketchVersion: version } : null), + } }; diff --git a/lib/mappers/sketch/blur.js b/lib/mappers/sketch/blur.js new file mode 100644 index 0000000..f685700 --- /dev/null +++ b/lib/mappers/sketch/blur.js @@ -0,0 +1,31 @@ +const camelcase = require('camelcase'); + +// const formatColor = require('./color'); +const { tokenize, getCoordinatesFromStringPoint } = require('../../utils'); + +const BLUR_TYPES = new Map([ + [0, 'GAUSSIAN'], + [1, 'MOTION'], + [2, 'ZOOM'], + [3, 'BACKGROUND'], +]); + +module.exports = blur => { + const type = BLUR_TYPES.get(blur.type); + const [xCoord, yCoord] = getCoordinatesFromStringPoint(blur.center); + + return { + id: camelcase(blur.id), + token: tokenize('blur'), + type, + radius: blur.radius, + saturation: blur.saturation, + motionAngle: blur.motionAngle, + ...(type === BLUR_TYPES.get(3) ? { + center: { + x: xCoord, + y: yCoord, + } + } : {}), + } +} diff --git a/lib/mappers/border.js b/lib/mappers/sketch/border.js similarity index 69% rename from lib/mappers/border.js rename to lib/mappers/sketch/border.js index bc37f77..d50c8da 100644 --- a/lib/mappers/border.js +++ b/lib/mappers/sketch/border.js @@ -2,26 +2,24 @@ const camelcase = require('camelcase'); const formatColor = require('./color'); const mapGradient = require('./gradient'); -const { uniqueArray, tokenize } = require('../utils'); +const { uniqueArray, tokenize } = require('../../utils'); -const BORDER_TYPES = ['CENTER', 'INSIDE', 'OUTSIDE'] +const BORDER_TYPES = ['CENTER', 'INSIDE', 'OUTSIDE']; -const borderRadius = (border) => { +const borderRadius = border => { const corners = border.points.map(corner => corner.cornerRadius); const hasDiffCorners = uniqueArray(corners).length > 1; return hasDiffCorners ? corners : border.fixedRadius; -} +}; -module.exports = (border) => ( - { +module.exports = border => ({ id: camelcase(border.id), token: tokenize('border'), ...(border.fillType === 0 ? { color: formatColor(border.color) } - : { gradient: mapGradient(border.gradient) } - ), + : { gradient: mapGradient(border.gradient) }), width: border.thickness, type: BORDER_TYPES[border.position], radius: borderRadius(border), -}) +}); diff --git a/lib/mappers/sketch/color.js b/lib/mappers/sketch/color.js new file mode 100644 index 0000000..73b5dca --- /dev/null +++ b/lib/mappers/sketch/color.js @@ -0,0 +1,3 @@ +const { formatColor } = require('../../utils'); + +module.exports = color => formatColor(color); diff --git a/lib/mappers/gradient.js b/lib/mappers/sketch/gradient.js similarity index 51% rename from lib/mappers/gradient.js rename to lib/mappers/sketch/gradient.js index 9750d79..579d0db 100644 --- a/lib/mappers/gradient.js +++ b/lib/mappers/sketch/gradient.js @@ -2,20 +2,16 @@ const camelcase = require('camelcase'); const formatColor = require('./color'); -const { tokenize, getNamedColorFromRGB } = require('../utils'); +const { tokenize, getNamedColorFromRGB, getCoordinatesFromStringPoint } = require('../../utils'); -const GRADIENT_TYPES = ['LINEAR', 'RADIAL', 'ANGULAR'] +const GRADIENT_TYPES = ['LINEAR', 'RADIAL', 'ANGULAR']; -const formatCoordinates = (coords) => { - const coordinates = coords.match(/[-+]?[0-9]*\.?[0-9]+([eE][-+]?[0-9]+)?/g); - return coordinates ? coordinates.map(parseFloat) : []; -} - -const isArtboardGradient = (gradient) => gradient._class === 'artboardGradient'; +const isArtboardGradient = gradient => gradient._class === 'artboardGradient'; exports.isArtboardGradient = isArtboardGradient; -exports.isDocumentGradient = (gradient) => gradient._class === 'gradient' || gradient._class === "MSImmutableGradientAsset"; +exports.isDocumentGradient = gradient => + gradient._class === 'gradient' || gradient._class === 'MSImmutableGradientAsset'; -module.exports = (gradient) => { +module.exports = gradient => { const { gradientType, from, to, stops } = gradient; const computedColorName = getNamedColorFromRGB(formatColor(stops[0].color).rgb); @@ -23,15 +19,14 @@ module.exports = (gradient) => { return { ...(isArtboardGradient(gradient) ? { id: camelcase(gradient.id) || null } - : { name: gradient.name || `${computedColorName}Gradient` } - ), + : { name: gradient.name || `${computedColorName}Gradient` }), token: tokenize('gradient'), type: GRADIENT_TYPES[gradientType], - from: formatCoordinates(from), - to: formatCoordinates(to), + from: getCoordinatesFromStringPoint(from), + to: getCoordinatesFromStringPoint(to), stops: stops.map(({ position, color }) => ({ position, color: formatColor(color), })), - } + }; }; diff --git a/lib/mappers/sketch/index.js b/lib/mappers/sketch/index.js new file mode 100644 index 0000000..702ea7b --- /dev/null +++ b/lib/mappers/sketch/index.js @@ -0,0 +1,15 @@ +const textStyles = require('./textstyle'); +const colors = require('./color'); +const gradients = require('./gradient'); +const shadows = require('./shadow'); +const borders = require('./border'); +const blurs = require('./blur'); + +module.exports = { + textStyles, + colors, + gradients, + shadows, + borders, + blurs, +}; diff --git a/lib/mappers/shadow.js b/lib/mappers/sketch/shadow.js similarity index 78% rename from lib/mappers/shadow.js rename to lib/mappers/sketch/shadow.js index 22d7f84..ff0c039 100644 --- a/lib/mappers/shadow.js +++ b/lib/mappers/sketch/shadow.js @@ -1,9 +1,9 @@ const camelcase = require('camelcase'); const formatColor = require('./color'); -const { tokenize } = require('../utils'); +const { tokenize } = require('../../utils'); -module.exports = (shadow) => ({ +module.exports = shadow => ({ id: camelcase(shadow.id), token: tokenize('shadow'), blur: shadow.blurRadius, @@ -12,4 +12,4 @@ module.exports = (shadow) => ({ spread: shadow.spread, type: shadow.type, color: formatColor(shadow.color), -}) +}); diff --git a/lib/mappers/textstyle.js b/lib/mappers/sketch/textstyle.js similarity index 71% rename from lib/mappers/textstyle.js rename to lib/mappers/sketch/textstyle.js index 4bdcb7a..ee4cfc2 100644 --- a/lib/mappers/textstyle.js +++ b/lib/mappers/sketch/textstyle.js @@ -1,26 +1,14 @@ const camelcase = require('camelcase'); -const { tokenize, calculateDefaultLineHeight } = require('../utils'); - -/** - * Return the font weight based from the font family - * If the font family name does not contain a weight, return null - * e.g Helvetica-Bold -> weight: 'bold' / Helvetica -> weight: null - */ -const getFontWeight = (family) => { - const chunks = family.split('-'); - return chunks.length > 1 - ? chunks[chunks.length -1].toLowerCase() - : null; -} +const { tokenize, calculateDefaultLineHeight, getFontWeight } = require('../../utils'); /** * Return paragraph styles (line height + paragraph spacing) if provided * else return sensible defaults. */ -const getParagraphStyle = (style) => { +const getParagraphStyle = style => { if (!style.paragraphStyle) return {}; - const { maximumLineHeight, paragraphSpacing } = style.paragraphStyle + const { maximumLineHeight, paragraphSpacing } = style.paragraphStyle; return { lineHeight: maximumLineHeight ? parseFloat(style.paragraphStyle.maximumLineHeight.toFixed(2)) @@ -28,7 +16,7 @@ const getParagraphStyle = (style) => { paragraphSpacing: paragraphSpacing ? parseFloat(style.paragraphStyle.paragraphSpacing.toFixed(2)) : 0, - } + }; }; module.exports = style => { @@ -45,4 +33,4 @@ module.exports = style => { kerning: attrs.hasOwnProperty('kerning') ? parseFloat(attrs.kerning.toFixed(2)) : null, ...getParagraphStyle(attrs), }; -} +}; diff --git a/lib/parser/constants.js b/lib/parser/constants.js new file mode 100644 index 0000000..6b54d5d --- /dev/null +++ b/lib/parser/constants.js @@ -0,0 +1,8 @@ +const FILE_TYPES = Object.freeze({ + SKETCH: 'SKETCH', + FIGMA: "FIGMA" +}); + +module.exports = { + FILE_TYPES, +} diff --git a/lib/parser/index.js b/lib/parser/index.js new file mode 100644 index 0000000..1b75e34 --- /dev/null +++ b/lib/parser/index.js @@ -0,0 +1,103 @@ +const sketch2json = require('sketch2json'); +const Figma = require('figma-js'); + +const { findAllTokens, flattenChildren } = require('../figma'); +const { isSketch } = require('../utils'); +const { + getPageArrays, + getColorsFromArtboard, + getGradientsFromArtboard, + getShadowsFromArtboard, + getBordersFromArtboard, + getBlursFromArtboard, +} = require('../../lib/sketch'); +const { readFile, uniqueArray } = require('../utils'); +const { FILE_TYPES } = require('./constants'); + +const parseTokens = async (args, flags) => { + const [file] = args; + + if (isSketch(file)) { + try { + const response = await sketch2json(await readFile(file)); + const primitivesPage = getPageArrays(response).find( + i => i.name.toLowerCase() === 'primitives', + ); + if (!primitivesPage) { + throw new Error(` + No primitives page found, skipping exporting of tokens. + Please see https://github.com/inthepocket/hubble-sketch-plugin/wiki/Artboard-formatting#primitives-page on how to structure your Sketch file. + `); + } + + return { + colors: flags.useColorArtboards + ? getColorsFromArtboard(primitivesPage.layers) + : response.document.assets.colorAssets.map(({ color, _class, name }) => ({ + ...color, + _class, + name, + })), + gradients: flags.useGradientArtboards + ? getGradientsFromArtboard(primitivesPage.layers) + : response.document.assets.gradientAssets.map(({ gradient, _class }) => ({ + ...gradient, + _class, + })), + textStyles: response.document.layerTextStyles.objects, + shadows: getShadowsFromArtboard(primitivesPage.layers), + borders: getBordersFromArtboard(primitivesPage.layers), + blurs: getBlursFromArtboard(primitivesPage.layers), + fonts: response.meta.fonts, + version: response.meta.appVersion, // Sketch Application Version + fileType: FILE_TYPES.SKETCH, + response, + }; + } catch (err) { + throw new Error(err); + } + } else { + try { + const { token } = flags; + if (!token) throw new Error('Please add a Figma API authorization token'); + + const client = Figma.Client({ personalAccessToken: token }); + const { data } = await client.file(file); + + const primitivesPage = data.document.children.find(i => i.name.toLowerCase() === 'primitives'); + + if (!primitivesPage) { + throw new Error(` + No primitives page found, skipping exporting of tokens. + Please see https://github.com/inthepocket/hubble-sketch-plugin/wiki/Artboard-formatting#primitives-page on how to structure your Figma file. + `); + } + + const response = flattenChildren(data.document); + + return { + colors: findAllTokens(response, 'color'), + textStyles: findAllTokens(response, 'textstyle'), + fonts: uniqueArray( + findAllTokens(response, 'text') + .map(text => text.children[0].style.fontPostScriptName) + ), + gradients: findAllTokens(response, 'gradient'), + shadows: findAllTokens(response, 'shadow'), + borders: findAllTokens(response, 'border'), + blurs: findAllTokens(response, 'blur'), + version: 'v1', // Figma API Version + fileType: FILE_TYPES.FIGMA, + response: data, + }; + } catch (err) { + throw new Error(err); + } + } +}; + +module.exports = (args, flags) => ({ + parser: { + getTokens: () => parseTokens(args, flags), + }, +}); diff --git a/lib/sketch.js b/lib/sketch.js index 8bbafc2..80a5e3e 100644 --- a/lib/sketch.js +++ b/lib/sketch.js @@ -5,7 +5,7 @@ * @param {string} artboardName * @return {string} */ -const getColorId = (artboardName) => { +const getColorId = artboardName => { if (!artboardName.toLowerCase().startsWith('primitives/color/')) { throw new Error(` Tried to find color id for ${artboardName} but it was not the correct format. @@ -16,14 +16,14 @@ const getColorId = (artboardName) => { `); } - const id = artboardName.replace(/primitives\/color\//ig, ''); + const id = artboardName.replace(/primitives\/color\//gi, ''); const hasVariant = RegExp(/[0-9]+$/).test(id); return { id: hasVariant ? id.replace('/', '') : id, - ...(hasVariant ? { variant: parseInt(id.match(/[0-9]+$/)[0], 0) }: {}), + ...(hasVariant ? { variant: parseInt(id.match(/[0-9]+$/)[0], 0) } : {}), }; -} +}; exports.getColorId = getColorId; /** @@ -31,8 +31,8 @@ exports.getColorId = getColorId; * @param {Object} response sketch2json output * @return {Array<{layers, name, sketchId}>} */ -exports.getPageArrays = (response) => Object.values(response.pages) - .map(page => ({ +exports.getPageArrays = response => + Object.values(response.pages).map(page => ({ layers: page.layers, name: page.name, sketchId: page.do_objectID, @@ -42,79 +42,101 @@ exports.getPageArrays = (response) => Object.values(response.pages) * Get a color type (like document colors) from artboards named 'primitives/colors/' * @param {Array} layers layers from sketch2json output */ -exports.getColorsFromArtboard = (layers) => layers - .filter(layer => layer.name.toLowerCase().startsWith('primitives/color/')) - .map(layer => { - const [colorArtboard] = layer.layers.map(color => { - const [colorLayer] = color.style.fills.filter(fill => fill.hasOwnProperty('color')); - return colorLayer.color - }); +exports.getColorsFromArtboard = layers => + layers + .filter(layer => layer.name.toLowerCase().startsWith('primitives/color/')) + .map(layer => { + const [colorArtboard] = layer.layers.map(color => { + const [colorLayer] = color.style.fills.filter(fill => fill.hasOwnProperty('color')); + return colorLayer.color; + }); - return { - ...colorArtboard, - ...getColorId(layer.name), - _class: 'artboardColor', - }; - }); + return { + ...colorArtboard, + ...getColorId(layer.name), + _class: 'artboardColor', + }; + }); /** * Get a gradient from artboards named 'primitives/gradient/' * @param {Array} layers layers from sketch2json output */ -exports.getGradientsFromArtboard = (layers) => layers - .filter(layer => layer.name.toLowerCase().startsWith('primitives/gradient/')) - .map(layer => { - const [gradientArtboard] = layer.layers.map(gradient => { - const [gradientLayer] = gradient.style.fills.filter(fill => fill.hasOwnProperty('gradient')); - return gradientLayer; +exports.getGradientsFromArtboard = layers => + layers + .filter(layer => layer.name.toLowerCase().startsWith('primitives/gradient/')) + .map(layer => { + const [gradientArtboard] = layer.layers.map(gradient => { + const [gradientLayer] = gradient.style.fills.filter(fill => + fill.hasOwnProperty('gradient'), + ); + return gradientLayer; + }); + + return { + ...gradientArtboard.gradient, + id: layer.name.replace(/primitives\/gradient\//gi, ''), + _class: 'artboardGradient', + }; }); - return { - ...gradientArtboard.gradient, - id: layer.name.replace(/primitives\/gradient\//ig, ''), - _class: 'artboardGradient', - }; - }); - -const getShadowType = (layers, type) => layers -.filter(layer => layer.name.toLowerCase().startsWith(`primitives/${type}/`)) -.map(layer => { - const [shadowArtboard] = layer.layers.map(shadow => { - const [shadowLayer] = type === 'drop-shadow' - ? shadow.style.shadows - : shadow.style.innerShadows; - return shadowLayer; - }); +const getShadowType = (layers, type) => + layers + .filter(layer => layer.name.toLowerCase().startsWith(`primitives/${type}/`)) + .map(layer => { + const [shadowArtboard] = layer.layers.map(shadow => { + const [shadowLayer] = + type === 'drop-shadow' ? shadow.style.shadows : shadow.style.innerShadows; + return shadowLayer; + }); - return { - ...shadowArtboard, - id: type === 'drop-shadow' - ? layer.name.replace(/primitives\/drop-shadow\//ig, '') - : layer.name.replace(/primitives\/inner-shadow\//ig, ''), - _class: 'artboardShadow', - type, - }; -}); + return { + ...shadowArtboard, + id: + type === 'drop-shadow' + ? layer.name.replace(/primitives\/drop-shadow\//gi, '') + : layer.name.replace(/primitives\/inner-shadow\//gi, ''), + _class: 'artboardShadow', + type, + }; + }); -exports.getShadowsFromArtboard = (layers) => { +exports.getShadowsFromArtboard = layers => { const inners = getShadowType(layers, 'inner-shadow'); const drops = getShadowType(layers, 'drop-shadow'); return [...inners, ...drops]; -} - -exports.getBordersFromArtboard = (layers) => layers -.filter(layer => layer.name.toLowerCase().startsWith('primitives/border/')) -.map(layer => { - const [borderArtboard] = layer.layers.map(border => { - const [borderLayer] = border.style.borders; - return { - id: layer.name.replace(/primitives\/border\//ig, ''), - _class: 'artboardBorder', - fixedRadius: border.fixedRadius, - points: border.points, - ...borderLayer, - } - }); - - return borderArtboard; -}); +}; + +exports.getBordersFromArtboard = layers => + layers + .filter(layer => layer.name.toLowerCase().startsWith('primitives/border/')) + .map(layer => { + const [borderArtboard] = layer.layers.map(border => { + const [borderLayer] = border.style.borders; + return { + id: layer.name.replace(/primitives\/border\//gi, ''), + _class: 'artboardBorder', + fixedRadius: border.fixedRadius, + points: border.points, + ...borderLayer, + }; + }); + + return borderArtboard; + }); + +exports.getBlursFromArtboard = (layers) => + layers + .filter(layer => layer.name.toLowerCase().startsWith('primitives/blur/')) + .map(layer => { + const [blurArtBoard] = layer.layers.map(blurLayer => { + const { blur } = blurLayer.style; + return { + id: layer.name.replace(/primitives\/blur\//gi, ''), + _class: 'artboardBlur', + ...blur, + }; + }); + + return blurArtBoard; + }); diff --git a/lib/styleDictionary/assetMapping.js b/lib/styleDictionary/assetMapping.js index 1d6cdee..eb5f8a9 100644 --- a/lib/styleDictionary/assetMapping.js +++ b/lib/styleDictionary/assetMapping.js @@ -1,8 +1,4 @@ -const { - createTreeOfLeastDepth, - outputHelper, - uniqueArrayByProperty, -} = require('./util'); +const { createTreeOfLeastDepth, outputHelper, uniqueArrayByProperty } = require('./util'); /** * Maps the assets of the given input textStyle ITP tokens to Style Dictionary compatible asset @@ -17,11 +13,11 @@ const mapTextStyleAssets = (textStyles = []) => { ['family'], token => ({ name: { value: token.family }, - }) + }), ); return outputHelper('font', output); -} +}; module.exports = { mapTextStyleAssets, diff --git a/lib/styleDictionary/blurMapping.js b/lib/styleDictionary/blurMapping.js new file mode 100644 index 0000000..2728048 --- /dev/null +++ b/lib/styleDictionary/blurMapping.js @@ -0,0 +1,20 @@ +const { createTreeOfLeastDepth, outputHelper } = require('./util'); + +/** + * + * Maps blurs of the given input to Style Dictionary compatible blurs. + * + * @param Array blurStyles: an array containting every blurLayer. + * @returns Object: a StyleDictionary tree of type 'blur' that can containt different types. + */ +const mapBlurStyles = (blurStyles = []) => { + const output = createTreeOfLeastDepth(blurStyles, ['type', 'token'], blur => { + const { radius, motionAngle, saturation } = blur; + return { radius, motionAngle, saturation }; + }); + return outputHelper('blur', output); +}; + +module.exports = { + mapBlurStyles, +}; diff --git a/lib/styleDictionary/colorMapping.js b/lib/styleDictionary/colorMapping.js index 0c62c5d..9b3b005 100644 --- a/lib/styleDictionary/colorMapping.js +++ b/lib/styleDictionary/colorMapping.js @@ -20,7 +20,7 @@ const mapColorToken = color => { } return token; -} +}; /** * Maps the colors of the given input textStyle ITP tokens to Style Dictionary compatible @@ -38,17 +38,13 @@ const mapTextStyleColors = (textStyles = []) => { textId, })), 'textId', - getTypographicId + getTypographicId, ).sort(sortByProperty('textId')); - const output = createTreeOfLeastDepth( - typographicElements, - ['textId'], - mapColorToken - ); + const output = createTreeOfLeastDepth(typographicElements, ['textId'], mapColorToken); return outputHelper('font', output); -} +}; /** * Maps the colors of the given input borders ITP tokens to Style Dictionary compatible @@ -64,14 +60,13 @@ const mapBorderStyleColors = (borderStyles = []) => { .map(borderStyle => { const { color, id: borderId } = borderStyle; return Object.assign(color, { borderId }); - } - ), + }), ['borderId'], - mapColorToken + mapColorToken, ); return outputHelper('border', output); -} +}; /** * Maps the colors of the given input shadows ITP tokens to Style Dictionary compatible @@ -85,16 +80,15 @@ const mapShadowStyleColors = (shadowStyles = []) => { shadowStyles .filter(shadowStyle => shadowStyle.color) .map(shadowStyle => { - const { color, id : shadowId, type: shadowType } = shadowStyle; - return Object.assign(color, { shadowId, shadowType}); - } - ), + const { color, id: shadowId, type: shadowType } = shadowStyle; + return Object.assign(color, { shadowId, shadowType }); + }), ['shadowId', 'shadowType'], - mapColorToken + mapColorToken, ); return outputHelper('shadow', output); -} +}; /** * Maps the colors of the given input color ITP tokens to Style Dictionary compatible color @@ -104,14 +98,10 @@ const mapShadowStyleColors = (shadowStyles = []) => { * @returns Object: a StyleDictionary tree of type 'base' with 'color' items. */ const mapBaseColors = (colors = []) => { - const output = createTreeOfLeastDepth( - colors, - ['id', 'variant'], - mapColorToken - ); + const output = createTreeOfLeastDepth(colors, ['id', 'variant'], mapColorToken); return outputHelper('base', output); -} +}; module.exports = { mapTextStyleColors, diff --git a/lib/styleDictionary/fontMapping.js b/lib/styleDictionary/fontMapping.js index 473f9d3..7c44916 100644 --- a/lib/styleDictionary/fontMapping.js +++ b/lib/styleDictionary/fontMapping.js @@ -9,16 +9,14 @@ const { } = require('./util'); const mapTextStyleFonts = (textStyles = []) => { - const typographicElements = uniqueArrayByProperty( - textStyles, 'id', getTypographicId - ).sort(sortByProperty('id')); - - const output = createTreeOfLeastDepth( - typographicElements, - ['id'], - token => ({ value: `${camelCase(token.family)}` }), + const typographicElements = uniqueArrayByProperty(textStyles, 'id', getTypographicId).sort( + sortByProperty('id'), ); + const output = createTreeOfLeastDepth(typographicElements, ['id'], token => ({ + value: `${camelCase(token.family)}`, + })); + return outputHelper('typo', output); }; diff --git a/lib/styleDictionary/index.js b/lib/styleDictionary/index.js index 1d2e51d..4e1c049 100644 --- a/lib/styleDictionary/index.js +++ b/lib/styleDictionary/index.js @@ -5,6 +5,7 @@ const { mapTextStyleSizes, mapBorderStyleSizes } = require('./sizeMapping'); const { mapTextStyleFonts } = require('./fontMapping'); const { mapFontWeights, mapTextStyleWeights } = require('./weightMapping'); const { mapTextStyleLineHeights } = require('./lineHeightMapping'); +const { mapBlurStyles } = require('./blurMapping'); const { fontWeights } = require('../font'); /** @@ -49,14 +50,16 @@ const mapLineHeights = input => */ const mapAssets = input => outputHelper('asset', mapTextStyleAssets(input.textStyles)); -const mapFonts = input => outputHelper('font', { - ...mapTextStyleFonts(input.textStyles), -}); +const mapFonts = input => + outputHelper('font', { + ...mapTextStyleFonts(input.textStyles), + }); -const mapWeights = (input) => outputHelper('weight', { - ...mapFontWeights(input.textStyles), - ...mapTextStyleWeights(input.textStyles), -}); +const mapWeights = input => + outputHelper('weight', { + ...mapFontWeights(input.textStyles), + ...mapTextStyleWeights(input.textStyles), + }); /** * Main entry function. @@ -64,11 +67,12 @@ const mapWeights = (input) => outputHelper('weight', { * @param input: ITP Token input, generated by hubble from a sketch source * @returns Object: a Style Dictionary compatible token tree */ -module.exports = (input) => ({ +module.exports = input => ({ ...mapColors(input), ...mapFonts(input), ...mapLineHeights(input), ...mapSizes(input), ...mapWeights(input, fontWeights), + ...mapBlurStyles(input.blurs), ...mapAssets(input), }); diff --git a/lib/styleDictionary/lineHeightMapping.js b/lib/styleDictionary/lineHeightMapping.js index ffc2168..04faaff 100644 --- a/lib/styleDictionary/lineHeightMapping.js +++ b/lib/styleDictionary/lineHeightMapping.js @@ -14,16 +14,14 @@ const { * @returns Object: a StyleDictionary tree of type 'font' with 'lineHeight' items. */ const mapTextStyleLineHeights = (textStyles = []) => { - const typographicElements = uniqueArrayByProperty( - textStyles, 'id', getTypographicId - ).sort(sortByProperty('id')); - - const output = createTreeOfLeastDepth( - typographicElements, - ['id'], - token => ({ value: parseFloat(token.lineHeight) }) + const typographicElements = uniqueArrayByProperty(textStyles, 'id', getTypographicId).sort( + sortByProperty('id'), ); + const output = createTreeOfLeastDepth(typographicElements, ['id'], token => ({ + value: parseFloat(token.lineHeight), + })); + return outputHelper('font', output); }; diff --git a/lib/styleDictionary/sizeMapping.js b/lib/styleDictionary/sizeMapping.js index c58166f..55b8634 100644 --- a/lib/styleDictionary/sizeMapping.js +++ b/lib/styleDictionary/sizeMapping.js @@ -14,16 +14,14 @@ const { * @returns Object: a StyleDictionary tree of type 'font' with 'size' items. */ const mapTextStyleSizes = (textStyles = []) => { - const typographicElements = uniqueArrayByProperty( - textStyles, 'id', getTypographicId - ).sort(sortByProperty('id')); - - const output = createTreeOfLeastDepth( - typographicElements, - ['id'], - token => ({ value: parseFloat(token.size) }) + const typographicElements = uniqueArrayByProperty(textStyles, 'id', getTypographicId).sort( + sortByProperty('id'), ); + const output = createTreeOfLeastDepth(typographicElements, ['id'], token => ({ + value: parseFloat(token.size), + })); + return outputHelper('font', output); }; @@ -35,11 +33,9 @@ const mapTextStyleSizes = (textStyles = []) => { * @returns Object: a StyleDictionary tree of type 'border' with 'size' items. */ const mapBorderStyleSizes = (borderStyles = []) => { - const output = createTreeOfLeastDepth( - borderStyles, - ['id'], - token => ({ value: `${token.width}` }) - ); + const output = createTreeOfLeastDepth(borderStyles, ['id'], token => ({ + value: `${token.width}`, + })); return outputHelper('border', output); }; diff --git a/lib/styleDictionary/util.js b/lib/styleDictionary/util.js index d714658..55b267e 100644 --- a/lib/styleDictionary/util.js +++ b/lib/styleDictionary/util.js @@ -16,7 +16,7 @@ const outputHelper = (propKey, obj) => { } return output; -} +}; /** * Creates a tree following Style Dictionary's CTI principle of the least possible depth. @@ -47,8 +47,9 @@ const createTreeOfLeastDepth = (inputTokens, identifiers, tokenConverter) => { if (!key) { if (acc[DEFAULT_KEY]) { - const suffix = Object.keys(acc).filter(accKey => accKey.startsWith(identifiers[0])).length + 1; - key = `${identifiers[0]}${suffix}` + const suffix = + Object.keys(acc).filter(accKey => accKey.startsWith(identifiers[0])).length + 1; + key = `${identifiers[0]}${suffix}`; } else { key = DEFAULT_KEY; } @@ -87,15 +88,22 @@ const getTypographicId = id => id.split('/')[0]; * Removes duplicates from array of objects based on property value */ const uniqueArrayByProperty = (collection, property, processKeyName) => [ - ...new Map(collection.map(element => { - const key = typeof processKeyName === 'function' ? - processKeyName(element[property]) : element[property]; - - return [key, { - ...element, - [property]: key, - }]; - })).values() + ...new Map( + collection.map(element => { + const key = + typeof processKeyName === 'function' + ? processKeyName(element[property]) + : element[property]; + + return [ + key, + { + ...element, + [property]: key, + }, + ]; + }), + ).values(), ]; /** @@ -103,7 +111,7 @@ const uniqueArrayByProperty = (collection, property, processKeyName) => [ * usage: array.sort(sortByProperty('id')); */ const sortByProperty = property => (a, b) => - (a[property] > b[property]) ? 1 : ((b[property] > a[property]) ? -1 : 0); // eslint-disable-line no-nested-ternary + a[property] > b[property] ? 1 : b[property] > a[property] ? -1 : 0; // eslint-disable-line no-nested-ternary module.exports = { createTreeOfLeastDepth, diff --git a/lib/styleDictionary/weightMapping.js b/lib/styleDictionary/weightMapping.js index 12304cd..6acef05 100644 --- a/lib/styleDictionary/weightMapping.js +++ b/lib/styleDictionary/weightMapping.js @@ -9,34 +9,28 @@ const { const { getFontWeight } = require('../font'); const mapFontWeights = (textStyles = []) => { - const fonts = uniqueArrayByProperty( - textStyles, 'family', - ).sort(sortByProperty('family')); - - const output = createTreeOfLeastDepth( - fonts, - ['family'], - token => ({ value: getFontWeight(token.weight) }) - ); + const fonts = uniqueArrayByProperty(textStyles, 'family').sort(sortByProperty('family')); + + const output = createTreeOfLeastDepth(fonts, ['family'], token => ({ + value: getFontWeight(token.weight), + })); return outputHelper('fontFamily', output); -} +}; const mapTextStyleWeights = (textStyles = []) => { - const typographicElements = uniqueArrayByProperty( - textStyles, 'id', getTypographicId - ).sort(sortByProperty('id')); - - const output = createTreeOfLeastDepth( - typographicElements, - ['id'], - token => ({ value: getFontWeight(token.weight) }) + const typographicElements = uniqueArrayByProperty(textStyles, 'id', getTypographicId).sort( + sortByProperty('id'), ); + const output = createTreeOfLeastDepth(typographicElements, ['id'], token => ({ + value: getFontWeight(token.weight), + })); + return outputHelper('font', output); }; module.exports = { mapFontWeights, mapTextStyleWeights, -}; \ No newline at end of file +}; diff --git a/lib/utils.js b/lib/utils.js index 448268a..22e2ee9 100644 --- a/lib/utils.js +++ b/lib/utils.js @@ -1,38 +1,148 @@ const camelcase = require('camelcase'); +const colorConvert = require('color-convert'); const colorNamer = require('color-namer'); +const fs = require('fs'); +const { promisify } = require('util'); -module.exports = { +const writeFile = promisify(fs.writeFile); +const readFile = promisify(fs.readFile); + +const isArtboardColor = color => color._class === 'artboardColor'; +exports.isArtboardColor = isArtboardColor; +exports.isDocumentColor = color => + color._class === 'color' || color._class === 'MSImmutableColorAsset'; + +/** + * Generates a nice color name from an RGB array. + */ +const getNamedColorFromRGB = ([red, green, blue]) => + camelcase(colorNamer(`rgb(${red}, ${green}, ${blue})`).ntc[0].name); + +/** + * Convert an iOS/macOS NSCOlor to an RGB value (0-255) + */ +const convertNSColorToRGB = color => Number((color * 255).toFixed()); +/** + * Formats design tokens to standardised Hubble token names. + * These tokens are kebab-cased + */ +const tokenize = token => token.replace(/([a-z])([A-Z])/g, '$1-$2').toLowerCase(); + +module.exports = { /** * Format JSON to human readable output */ prettyJSON: json => JSON.stringify(json, null, 2), /** - * Convert an iOS/macOS NSCOlor to an RGB value (0-255) + * Get only the unique results in an Array (shallow) */ - convertNSColorToRGB: color => Number((color * 255).toFixed()), + uniqueArray: arr => [...new Set(arr)], /** - * Get only the unique results in an Array (shallow) + * Get the default line height (font size * 1.2) for font styles + * missing a user-defined line height. */ - uniqueArray: arr => [...new Set(arr)], + calculateDefaultLineHeight: fontAttrs => parseFloat((fontAttrs.size * 1.2).toFixed(2)), /** - * Formats design tokens to standardised Hubble token names. - * These tokens are kebab-cased + * Maps keys of a color object from r,g,b,a + * to green, blue, red and alpha */ - tokenize: token => token.replace(/([a-z])([A-Z])/g, '$1-$2').toLowerCase(), + mapColorKeys: colors => { + const mapping = { + r: 'red', + g: 'green', + b: 'blue', + a: 'alpha', + }; + return Object.keys(colors).reduce((acc, key) => { + acc[mapping[key]] = colors[key]; + return acc; + }, {}); + }, /** - * Generates a nice color name from an RGB array. + * Return the font weight based from the font family + * If the font family name does not contain a weight, return null + * e.g Helvetica-Bold -> weight: 'bold' / Helvetica -> weight: null */ - getNamedColorFromRGB: ([red, green, blue]) => - camelcase(colorNamer(`rgb(${red}, ${green}, ${blue})`).ntc[0].name), + getFontWeight: family => { + const chunks = family.split('-'); + return chunks.length > 1 ? chunks[chunks.length - 1].toLowerCase() : null; + }, /** - * Get the default line height (font size * 1.2) for font styles - * missing a user-defined line height. + * Formats the rgba values from a color nicely + * @param {Object} color + * @return {Object} + */ + formatColor: color => { + const { red, green, blue, alpha } = color; + const R = convertNSColorToRGB(red); + const G = convertNSColorToRGB(green); + const B = convertNSColorToRGB(blue); + + const computedColorName = getNamedColorFromRGB([R, G, B]); + + return { + token: tokenize('color'), + ...(isArtboardColor(color) + ? { id: camelcase(color.id), variant: color.variant || null } + : {}), + name: isArtboardColor(color) ? computedColorName : color.name || computedColorName, + red: R, + green: G, + blue: B, + alpha, + rgb: [R, G, B], + rgba: [R, G, B, alpha], + hex: colorConvert.rgb.hex(R, G, B, alpha).toLowerCase(), + hsl: colorConvert.rgb.hsl(R, G, B), + }; + }, + + /** + * Reads a file */ - calculateDefaultLineHeight: (fontAttrs) => parseFloat((fontAttrs.size * 1.2).toFixed(2)) + readFile: async file => readFile(file), + + /** + * Writes to a file + */ + writeFile: async (location, contents) => + writeFile(location, contents, err => { + if (err) { + console.error('Error trying to write to file:', err); // eslint-disable-line no-console + throw new Error(err); + } + }), + + /** + * Tests a file for being a sketchfile + * @param {string} filePath + * @return {boolean} + */ + isSketch: filePath => /.*\.sketch$/.test(filePath), + + /** + * Get a tuple with x,y coordinate from a string point + * e.g '{0.5, 0.5}' -> [0.5, 0.5] + */ + getCoordinatesFromStringPoint: stringPoint => { + if (typeof stringPoint !== 'string') { + throw new TypeError(` + getCoordinatesFromStringPoint only accepts points formatted as string + e.g '{0.5, 0.5}' + `) + } + + const coordinates = stringPoint.match(/[-+]?[0-9]*\.?[0-9]+([eE][-+]?[0-9]+)?/g); + return coordinates ? coordinates.map(parseFloat) : []; + }, + + tokenize, + convertNSColorToRGB, + getNamedColorFromRGB, }; diff --git a/package-lock.json b/package-lock.json index b147a4b..81c1429 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,6 +1,6 @@ { "name": "hubble-scripts", - "version": "4.0.0", + "version": "4.1.0", "lockfileVersion": 1, "requires": true, "dependencies": { @@ -2793,6 +2793,22 @@ "integrity": "sha512-ReZxvNHIOv88FlT7rxcXIIC0fPt4KZqZbOlivyWtXLt8ESx84zd3kMC6iK5jVeS2qt+g7ftS7ye4fi06X5rtRQ==", "dev": true }, + "axios": { + "version": "0.18.1", + "resolved": "https://registry.npmjs.org/axios/-/axios-0.18.1.tgz", + "integrity": "sha512-0BfJq4NSfQXd+SkFdrvFbG7addhYSBA2mQwISr46pD6E5iqkWg02RAs8vyTT/j0RTnoYmeXauBuSv1qKwR179g==", + "requires": { + "follow-redirects": "1.5.10", + "is-buffer": "^2.0.2" + }, + "dependencies": { + "is-buffer": { + "version": "2.0.3", + "resolved": "https://registry.npmjs.org/is-buffer/-/is-buffer-2.0.3.tgz", + "integrity": "sha512-U15Q7MXTuZlrbymiz95PJpZxu8IlipAp4dtS3wOdgPXx3mqBnslrWU14kxfHB+Py/+2PVKSr37dMAgM2A4uArw==" + } + } + }, "axobject-query": { "version": "2.0.2", "resolved": "https://registry.npmjs.org/axobject-query/-/axobject-query-2.0.2.tgz", @@ -3949,7 +3965,8 @@ "ansi-regex": { "version": "2.1.1", "bundled": true, - "dev": true + "dev": true, + "optional": true }, "aproba": { "version": "1.2.0", @@ -3970,12 +3987,14 @@ "balanced-match": { "version": "1.0.0", "bundled": true, - "dev": true + "dev": true, + "optional": true }, "brace-expansion": { "version": "1.1.11", "bundled": true, "dev": true, + "optional": true, "requires": { "balanced-match": "^1.0.0", "concat-map": "0.0.1" @@ -3990,17 +4009,20 @@ "code-point-at": { "version": "1.1.0", "bundled": true, - "dev": true + "dev": true, + "optional": true }, "concat-map": { "version": "0.0.1", "bundled": true, - "dev": true + "dev": true, + "optional": true }, "console-control-strings": { "version": "1.1.0", "bundled": true, - "dev": true + "dev": true, + "optional": true }, "core-util-is": { "version": "1.0.2", @@ -4117,7 +4139,8 @@ "inherits": { "version": "2.0.3", "bundled": true, - "dev": true + "dev": true, + "optional": true }, "ini": { "version": "1.3.5", @@ -4129,6 +4152,7 @@ "version": "1.0.0", "bundled": true, "dev": true, + "optional": true, "requires": { "number-is-nan": "^1.0.0" } @@ -4143,6 +4167,7 @@ "version": "3.0.4", "bundled": true, "dev": true, + "optional": true, "requires": { "brace-expansion": "^1.1.7" } @@ -4150,12 +4175,14 @@ "minimist": { "version": "0.0.8", "bundled": true, - "dev": true + "dev": true, + "optional": true }, "minipass": { "version": "2.3.5", "bundled": true, "dev": true, + "optional": true, "requires": { "safe-buffer": "^5.1.2", "yallist": "^3.0.0" @@ -4174,6 +4201,7 @@ "version": "0.5.1", "bundled": true, "dev": true, + "optional": true, "requires": { "minimist": "0.0.8" } @@ -4254,7 +4282,8 @@ "number-is-nan": { "version": "1.0.1", "bundled": true, - "dev": true + "dev": true, + "optional": true }, "object-assign": { "version": "4.1.1", @@ -4266,6 +4295,7 @@ "version": "1.4.0", "bundled": true, "dev": true, + "optional": true, "requires": { "wrappy": "1" } @@ -4351,7 +4381,8 @@ "safe-buffer": { "version": "5.1.2", "bundled": true, - "dev": true + "dev": true, + "optional": true }, "safer-buffer": { "version": "2.1.2", @@ -4387,6 +4418,7 @@ "version": "1.0.2", "bundled": true, "dev": true, + "optional": true, "requires": { "code-point-at": "^1.0.0", "is-fullwidth-code-point": "^1.0.0", @@ -4406,6 +4438,7 @@ "version": "3.0.1", "bundled": true, "dev": true, + "optional": true, "requires": { "ansi-regex": "^2.0.0" } @@ -4449,12 +4482,14 @@ "wrappy": { "version": "1.0.2", "bundled": true, - "dev": true + "dev": true, + "optional": true }, "yallist": { "version": "3.0.3", "bundled": true, - "dev": true + "dev": true, + "optional": true } } }, @@ -5072,7 +5107,6 @@ "version": "3.1.0", "resolved": "https://registry.npmjs.org/debug/-/debug-3.1.0.tgz", "integrity": "sha512-OX8XqP7/1a9cqkxYw2yXss15f26NKWBpDXQd0/uK/KPqdQhxbPa994hnzjcE2VqQpDslf55723cKPUOGSmMY3g==", - "dev": true, "requires": { "ms": "2.0.0" } @@ -7033,6 +7067,14 @@ "integrity": "sha512-vNKxJHTEKNThjfrdJwHc7brvM6eVevuO5nTj6ez8ZQ1qbXTvGthucRF7S4vf2cr71QVnT70V34v0S1DyQsti0w==", "dev": true }, + "figma-js": { + "version": "1.7.0", + "resolved": "https://registry.npmjs.org/figma-js/-/figma-js-1.7.0.tgz", + "integrity": "sha512-6Tg3kxnIO6fsleqtFamrdXyTFWWdx+dInrl8OV4lwZvF3vqKcoi96YiDd1beOOIotTdDkKLvJQED10SPyY02rg==", + "requires": { + "axios": "^0.18.0" + } + }, "figures": { "version": "2.0.0", "resolved": "https://registry.npmjs.org/figures/-/figures-2.0.0.tgz", @@ -7203,6 +7245,14 @@ "resolved": "https://registry.npmjs.org/folktale/-/folktale-2.1.0.tgz", "integrity": "sha512-eG9lWx/MAOPoFllqASH7d1+QMl6qCd+E+rOPSWgulFPKG55506kXKQZLnMg3fMHFZUWY/2POZUPc/MH7048nIg==" }, + "follow-redirects": { + "version": "1.5.10", + "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.5.10.tgz", + "integrity": "sha512-0V5l4Cizzvqt5D44aTXbFZz+FtyXV1vrDN6qrelxtfYQKW0KO0W2T/hkE8xvGa/540LkZlkaUjO4ailYTFtHVQ==", + "requires": { + "debug": "=3.1.0" + } + }, "for-in": { "version": "1.0.2", "resolved": "https://registry.npmjs.org/for-in/-/for-in-1.0.2.tgz", @@ -7321,7 +7371,8 @@ "ansi-regex": { "version": "2.1.1", "bundled": true, - "dev": true + "dev": true, + "optional": true }, "aproba": { "version": "1.2.0", @@ -7342,12 +7393,14 @@ "balanced-match": { "version": "1.0.0", "bundled": true, - "dev": true + "dev": true, + "optional": true }, "brace-expansion": { "version": "1.1.11", "bundled": true, "dev": true, + "optional": true, "requires": { "balanced-match": "^1.0.0", "concat-map": "0.0.1" @@ -7362,17 +7415,20 @@ "code-point-at": { "version": "1.1.0", "bundled": true, - "dev": true + "dev": true, + "optional": true }, "concat-map": { "version": "0.0.1", "bundled": true, - "dev": true + "dev": true, + "optional": true }, "console-control-strings": { "version": "1.1.0", "bundled": true, - "dev": true + "dev": true, + "optional": true }, "core-util-is": { "version": "1.0.2", @@ -7489,7 +7545,8 @@ "inherits": { "version": "2.0.3", "bundled": true, - "dev": true + "dev": true, + "optional": true }, "ini": { "version": "1.3.5", @@ -7501,6 +7558,7 @@ "version": "1.0.0", "bundled": true, "dev": true, + "optional": true, "requires": { "number-is-nan": "^1.0.0" } @@ -7515,6 +7573,7 @@ "version": "3.0.4", "bundled": true, "dev": true, + "optional": true, "requires": { "brace-expansion": "^1.1.7" } @@ -7522,12 +7581,14 @@ "minimist": { "version": "0.0.8", "bundled": true, - "dev": true + "dev": true, + "optional": true }, "minipass": { "version": "2.2.4", "bundled": true, "dev": true, + "optional": true, "requires": { "safe-buffer": "^5.1.1", "yallist": "^3.0.0" @@ -7546,6 +7607,7 @@ "version": "0.5.1", "bundled": true, "dev": true, + "optional": true, "requires": { "minimist": "0.0.8" } @@ -7626,7 +7688,8 @@ "number-is-nan": { "version": "1.0.1", "bundled": true, - "dev": true + "dev": true, + "optional": true }, "object-assign": { "version": "4.1.1", @@ -7638,6 +7701,7 @@ "version": "1.4.0", "bundled": true, "dev": true, + "optional": true, "requires": { "wrappy": "1" } @@ -7723,7 +7787,8 @@ "safe-buffer": { "version": "5.1.1", "bundled": true, - "dev": true + "dev": true, + "optional": true }, "safer-buffer": { "version": "2.1.2", @@ -7759,6 +7824,7 @@ "version": "1.0.2", "bundled": true, "dev": true, + "optional": true, "requires": { "code-point-at": "^1.0.0", "is-fullwidth-code-point": "^1.0.0", @@ -7778,6 +7844,7 @@ "version": "3.0.1", "bundled": true, "dev": true, + "optional": true, "requires": { "ansi-regex": "^2.0.0" } @@ -7821,12 +7888,14 @@ "wrappy": { "version": "1.0.2", "bundled": true, - "dev": true + "dev": true, + "optional": true }, "yallist": { "version": "3.0.2", "bundled": true, - "dev": true + "dev": true, + "optional": true } } }, @@ -11199,8 +11268,7 @@ "ms": { "version": "2.0.0", "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz", - "integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g=", - "dev": true + "integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g=" }, "multistream": { "version": "2.1.1", diff --git a/package.json b/package.json index 71b3879..8dcadf4 100644 --- a/package.json +++ b/package.json @@ -1,7 +1,7 @@ { "name": "hubble-scripts", "description": "Scripts repository to export design data like colors, fonts & text, and map them to design tokens.", - "version": "4.0.0", + "version": "4.1.0", "homepage": "https://hubble.inthepocket.design", "repository": "inthepocket/hubble-scripts", "author": "In The Pocket", @@ -21,8 +21,7 @@ "bash": ">=4" }, "bin": { - "hubble-cli": "./cli.js", - "hubble": "bash hubble.sh" + "hubble-cli": "./cli.js" }, "scripts": { "start": "node cli.js", @@ -30,14 +29,11 @@ "start:artboards": "npm start -- --dump --useColorArtboards --useGradientArtboards", "start:styledictionary": "npm start -- --dump --useColorArtboards --useGradientArtboards --useStyleDictionaryOutput", "clean": "rm hubble-data.json && rm -rf sketchtool-export node_modules && npm install", - "export": "./sketchtool.sh ./__mocks__/sample_sketchfile.sketch", - "lint": "itp-react-scripts lint", + "export": "./sketchtool.sh ./__mocks__/sketch/sample_sketchfile.sketch", + "format": "itp-react-scripts format \"**/*.js\"", + "lint": "itp-react-scripts lint \"**/*.js\"", "lint:fix": "npm run lint -- --fix", "lint:shell": "which shellcheck > /dev/null && shellcheck *.sh", - "generate:mocks": "npm run generate:mocks:artboards && npm run generate:mocks:document && npm run generate:mocks:styledictionary", - "generate:mocks:artboards": "npm run start:artboards ./__mocks__/sample_sketchfile.sketch && mv hubble-data.json ./__mocks__/sample_output.json && mv logdump.json ./__mocks__/sample_dump.json", - "generate:mocks:document": "npm run start:document ./__mocks__/sample_sketchfile.sketch && mv hubble-data.json ./__mocks__/sample_output.document.json && mv logdump.json ./__mocks__/sample_dump.json", - "generate:mocks:styledictionary": "npm run start:styledictionary ./__mocks__/sample_sketchfile.sketch && mv hubble-style-dictionary-tokens.json ./__mocks__/sample_output.styledictionary.json && mv logdump.json ./__mocks__/sample_dump.json", "test": "jest", "test:watch": "jest --watch", "test:update": "npm run test -- --updateSnapshot", @@ -54,6 +50,7 @@ "camelcase": "^5.0.0", "color-convert": "^1.9.3", "color-namer": "^1.3.0", + "figma-js": "^1.7.0", "meow": "^5.0.0", "sketch2json": "^0.1.2" },