feat(my-joy-beta): image section in create instance

2018-01-09 18:14:20 +00:00 · 2018-01-09 18:14:20 +00:00 · 2f92462be4
parent 6bd073ff82
commit 2f92462be4
46 changed files with 2142 additions and 1309 deletions
--- a/package.json
+++ b/package.json
@ -67,7 +67,7 @@
    "staged-git-files": "0.0.4",
    "yargs": "^10.0.3"
  },
-  "workspaces": ["packages/*", "prototypes/*"],
+  "workspaces": ["packages/*"],
  "resolutions": {
    "graphql": "0.12.3",
    "hoist-non-react-statics": "2.3.1",
--- a/packages/my-joy-beta/package.json
+++ b/packages/my-joy-beta/package.json
@ -6,11 +6,14 @@
  "repository": "github:yldio/joyent-portal",
  "main": "build/",
  "scripts": {
-    "dev": "REACT_APP_GQL_PORT=4000 PORT=3069 REACT_APP_GQL_PROTOCOL=http joyent-react-scripts start",
+    "dev":
+      "REACT_APP_GQL_PORT=4000 PORT=3069 REACT_APP_GQL_PROTOCOL=http joyent-react-scripts start",
    "start": "PORT=3069 joyent-react-scripts start",
    "build": "NODE_ENV=production joyent-react-scripts build",
-    "lint-ci": "eslint . --ext .js --ext .md && echo 0 `# stylelint './src/**/*.js'`",
-    "lint": "eslint . --fix --ext .js --ext .md && echo 0 `# stylelint './src/**/*.js'`",
+    "lint-ci":
+      "eslint . --ext .js --ext .md && echo 0 `# stylelint './src/**/*.js'`",
+    "lint":
+      "eslint . --fix --ext .js --ext .md && echo 0 `# stylelint './src/**/*.js'`",
    "test": "NODE_ENV=test joyent-react-scripts test --env=jsdom",
    "test-ci": "npm run test",
    "prepublish": "echo 0"
@ -22,8 +25,8 @@
    "clipboard-copy": "^1.2.0",
    "date-fns": "^1.29.0",
    "declarative-redux-form": "^1.0.4",
-    "joyent-ui-toolkit": "^4.0.0",
    "joyent-manifest-editor": "^1.4.0",
+    "joyent-ui-toolkit": "^4.0.0",
    "lodash.find": "^4.6.0",
    "lodash.get": "^4.4.2",
    "lodash.isstring": "^4.0.1",
@ -44,6 +47,7 @@
    "redux-form": "^7.2.0",
    "remcalc": "^1.0.9",
    "styled-components": "^2.3.0",
+    "styled-components-spacing": "^2.1.3",
    "styled-flex-component": "^2.1.0",
    "title-case": "^2.1.1"
  },
--- a/packages/my-joy-beta/src/assets/alpine.svg
+++ b/packages/my-joy-beta/src/assets/alpine.svg
@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 42 42"><title>Artboard 1 copy 6</title><path d="M38.9 19.6c-2.7-4.8-5.5-9.6-8.2-14.4a1.36 1.36 0 0 0-1.3-.7H13a1.21 1.21 0 0 0-1.3.8c-2.6 4.6-5.3 9.3-8 13.9-.2.3-.5.7-.7 1v.2c.1.2.3.3.4.5 2.8 4.9 5.6 9.8 8.5 14.7.1.2.1.3.2.5h18.2c2.1-3.8 4.3-7.6 6.4-11.3.7-1.2 1.5-2.5 2.1-3.8a1.72 1.72 0 0 0 .1-1.4zm-22.7 4.8c-1-.4-1.9-.8-2.9-1.2 1.1-1 1.9-1.8 2.9-2.7zm13.4-1.2c-1.2-1.2-2.4-2.5-3.7-3.7a4.22 4.22 0 0 0-1.2-.3c1.2 1.3 2.4 2.5 3.6 3.8-1.9 1.7-3.6 1.5-4.8.1-1.7-1.9-3.6-3.6-5.6-5.5-1.7 1.8-3.4 3.6-5.2 5.4-1.6 1.7-3 1.7-4.7.2 3.3-3.4 6.7-6.8 10.1-10.3 1.5 1.4 2.9 2.8 4.4 4.2.9-1 1.7-2 2.4-2.9 3.1 3.1 6.1 6 9.2 9a2.87 2.87 0 0 1-4.5 0z"/></svg>
--- a/packages/my-joy-beta/src/assets/apache.svg
+++ b/packages/my-joy-beta/src/assets/apache.svg
@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 42 42"><title>Artboard 1 copy 13</title><path d="M39.91 3s-.6-2.5-2.4-2.1a18.78 18.78 0 0 0-4.6 2.3c-.1.1-.3.2-.4.3-.5.4-1.1.7-1.7 1.2l-2.1 1.5c-.7.5-1.3 1-2 1.6s-1.2.9-1.8 1.4l-.1.1-.1.1-1.9 1.6c-.6.6-1.3 1.2-1.9 1.7s-1.1 1-1.6 1.5l-.3.3c-.6.7-1.2 1.3-1.8 1.9s-1.2 1.4-1.7 2c-.3.4-.7.9-1 1.3a4.13 4.13 0 0 0-.7 1.1c-.6.8-1.1 1.7-1.6 2.5v.1a31.82 31.82 0 0 0-1.6 3.2v.1a8 8 0 0 0-1.4-2.4 12 12 0 0 1 .5 5.2 5.33 5.33 0 0 1-2.1-1.1 5 5 0 0 0 1.5 1.8 7 7 0 0 0-3.1.4 5.22 5.22 0 0 1 3.3.5c-2.3 3-4.8 6.3-7.3 9.9a1.05 1.05 0 0 0 .9-.5c.5-.6 3.4-4.9 7.7-10.4a1.76 1.76 0 0 1 .4-.5l.1-.1c.5-.6.9-1.2 1.4-1.8.1-.1.2-.3.3-.4l1.3-1.6c.1-.2.3-.3.4-.5.6-.7 1.1-1.4 1.7-2.1l1.7-2c.6-.7 1.2-1.3 1.8-2s1.2-1.4 1.8-2 1.2-1.3 1.9-2a4.62 4.62 0 0 1 .7-.7l1.2-1.2.1-.1c.6-.6 1.2-1.2 1.9-1.8s1.3-1.2 2-1.8 1.4-1.2 2-1.8l.1-.1c.7-.5 1.3-1.1 2-1.6a31 31 0 0 1 4.1-2.6.31.31 0 0 1 .2-.1c-.1 0-.1.1-.2.1a31.09 31.09 0 0 0-3.9 2.7c-.6.5-1.3 1-2 1.6l-.1.1c-.6.5-1.3 1.1-2 1.8s-1.3 1.2-2 1.9l-1.9 1.9-.3.3-.8.8-.9.9c-.1.2-.3.3-.4.5a19.2 19.2 0 0 1-1.4 1.5c-.6.6-1.2 1.3-1.8 2s-1.2 1.3-1.8 2l-1.8 2.1c-.5.6-1.1 1.3-1.6 2l-.1.1c-.5.7-1.1 1.4-1.7 2.1-.1.1-.2.2-.2.3-.4.6-.9 1.1-1.3 1.7-.1.1-.1.2-.2.2-.3.4-.6.7-1.2 1.6a4.64 4.64 0 0 1 .8 2 2.87 2.87 0 0 0-.3-2.2c2.5 1 4.9 1 6.6-.4.2-.1.3-.3.5-.4a2.61 2.61 0 0 1-2.6.1 7.33 7.33 0 0 0 4.4-1.7 6.47 6.47 0 0 0 .9-.8 6 6 0 0 1-5.8 0h-.1a11.59 11.59 0 0 0 6.4-1.2 14.83 14.83 0 0 0 2.7-1.9 20.32 20.32 0 0 0 2-2.1 23.05 23.05 0 0 0 1.8-2.3 3.78 3.78 0 0 1-1.5 0h-.6a6.57 6.57 0 0 0 4.4-2.1 6.84 6.84 0 0 1-2.2.2.76.76 0 0 1-.4-.1H27a8.58 8.58 0 0 0 1.7-.3c.1 0 .2-.1.3-.1s.3-.1.5-.2.2-.1.3-.2a2.65 2.65 0 0 0 .6-.5l.2-.2.2-.2a7.3 7.3 0 0 0 .9-1 1.38 1.38 0 0 1 .3-.4c0-.1.1-.1.1-.2s.2-.3.3-.4a1.38 1.38 0 0 1 .3-.4c-.1 0-.1 0-.2.1a8.09 8.09 0 0 1-2.2 0h-.2a6.29 6.29 0 0 0 3.1-1.1 4.23 4.23 0 0 1 .7-.5l2.1-1.8c.6-.6 1.2-1.3 1.7-1.8.3-.4.6-.7.8-1a5.58 5.58 0 0 1 .5-.8c1.41-2.88.91-4.6.91-4.6z"/></svg>
--- a/packages/my-joy-beta/src/assets/brocade.svg
+++ b/packages/my-joy-beta/src/assets/brocade.svg
@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 42 42"><title>Artboard 1 copy 14</title><path d="M37.38 20a7.62 7.62 0 0 0 2.7-5.7 7.38 7.38 0 0 0-7.4-7.4H4.08c7.3 7.4 14.3 11.2 19.8 13.1-5.5 1.9-12.4 5.7-19.8 13.1h28.6a7.38 7.38 0 0 0 7.4-7.4 7.12 7.12 0 0 0-2.7-5.7m-5 9.1h-17.2c6.49-4.6 12.1-6.8 17.1-6.8a3.37 3.37 0 0 1 3.4 3.4 3.43 3.43 0 0 1-3.3 3.4m0-11.4c-5 0-10.61-2.2-17.11-6.8h17.11a3.37 3.37 0 0 1 3.4 3.4 3.59 3.59 0 0 1-3.4 3.4"/></svg>
--- a/packages/my-joy-beta/src/assets/cassandra.svg
+++ b/packages/my-joy-beta/src/assets/cassandra.svg
@ -0,0 +1 @@
+<svg id="svg4300" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 42 42"><defs><style>.cls-1{fill:#fff}</style></defs><title>Artboard 1 copy 15</title><path d="M42 13.35s-2.6 3-4.5 2.3a10.24 10.24 0 0 0 3-3.4s-3.3 3.4-5.6 2.9a10.87 10.87 0 0 0 3.1-4.5s-2.6 4.1-4.3 4.2a10.74 10.74 0 0 0 2.7-4.1s-2.2 3.2-3.8 3.4c2.3-2 2.3-3.3 2.3-3.3s-2.2 2.8-3.6 3.4c-.2-.1-.3-.2-.5-.3a21.11 21.11 0 0 0 2.2-3.4s-2 2.7-3 3c-.1-.1-.3-.1-.4-.2 0-.4.9-1.5.9-1.5s-1.3 1.2-1.9 1.1h-.1a12.81 12.81 0 0 0 2.2-2.9 13.23 13.23 0 0 1-2.9 2.6c-.1 0-.2-.1-.3-.1l1.2-2.5s-1 2.1-2.5 2.2c-.2 0-.3-.1-.5-.1a6.88 6.88 0 0 0 1.1-1.9s-1.3 2.1-3 1.5c-.4-.1.5-1.1.5-1.1s-1.1 1.1-1.9.9 0-1.5 0-1.5-.9 1.3-1.3 1.8h-.3a3.47 3.47 0 0 1 .2-1.3 6.77 6.77 0 0 1-1.1 1.4h-.5c-.3-.3.1-1.5.1-1.5s-.6 1.7-1 1.6S18 11 18 11a2.89 2.89 0 0 1-.5 1.4 21.76 21.76 0 0 0-4.9 1.4C9.1 15.1 5.2 17.5.7 22c2.9-1.5 4.9-3.4 7.5-5a4.18 4.18 0 0 0-.9 2.7c.1 1.7 1.6 3.2 3.9 4.1-.1 0-.3-.1-.4-.1-4-1.1-7.2.9-10.7-.9.8.6 1.7 1.3 4.4 1.2.9 0 3.8-.1 4.3.3S7 27 7 27s3.9-3.3 4.3-2.2c.2.7-1.1 2.6-1.1 2.6s1.4-1.9 2.4-2.2a1.33 1.33 0 0 1 1.8.5c.3.5-1.6 2.7-1.6 2.7s2.6-2.5 3-2.4 0 2.4 0 2.4 1-2.3 1.5-2.4c.7-.2-1.6 5.3-1.6 5.3s2.8-5.1 3.3-5.2c.9-.2 1.5 3.6 1.5 3.6s-.4-3.3 0-3.5c3-1.3 1.3 5.7 1.3 5.7s2-4.8.8-5.8a6.77 6.77 0 0 1 2.8 5.8s.8-1.8-1.5-6.2c1.3-.1 3.1 3.2 3.1 3.2s-2-3.6-.7-3.7c2.8-.1 3 4.8 3 4.8s.8-.7-1.4-5.6c1.4-.9 4.8 4.5 4.8 4.5s-3.1-5.3-2.6-5.6 2.4 1.7 2.4 1.7-1.4-2-1-2.1 4.1 3.9 4.1 3.9-3.3-4-2.7-4.5c.3-.3 1.2.2 2 .7-1-.8-2.5-1.9-2-2.1 1-.5 3.9 1.3 3.9 1.3s-1.7-1.4-1.5-1.8 3.7 2.2 3.7 2.2-3-2.4-3.2-3 2.4.2 2.4.2-2.8-1.3-2.9-1.7 1.9.4 1.9.4-2.6-2.1-3.2-.4c-.2.3-.3.6-.5.9a2.62 2.62 0 0 0 .2-1.5 2.84 2.84 0 0 0-.4-1.3 7.37 7.37 0 0 0 2.1.9c3.95.35 6.6-3.75 6.6-3.75z"/><path d="M34.65 23.05c.6.4 1 .7 1 .7a4.24 4.24 0 0 0-1-.7z"/><path class="cls-1" d="M27.25 13.25c-1.5-.2-3.4-.5-5.4-.6a7.07 7.07 0 0 1 3.7 1.2 7.84 7.84 0 0 1-.5 1.4h-.2a.68.68 0 0 0-.7.7.52.52 0 0 0 .2.4 6.73 6.73 0 0 1-1.5 1.4 2.32 2.32 0 0 0-4.6.4v.1a5.41 5.41 0 0 1-2.2-1.5 5.39 5.39 0 0 1 .7-1.3h.3a.79.79 0 0 0 .8-.8.37.37 0 0 0-.1-.3 6.39 6.39 0 0 1 4.6-1.3c-.1 0-.3-.1-.4-.1a5.36 5.36 0 0 0-4.6 1h-.3a.79.79 0 0 0-.8.8v.3a4.73 4.73 0 0 0-.7 1.2 5.36 5.36 0 0 1-1.1-2.7h-.1v.1a5.45 5.45 0 0 0 1 3.1 4.33 4.33 0 0 1-.1.5 6.08 6.08 0 0 0-.1 1.9 1.15 1.15 0 0 0-.6.9.94.94 0 0 0 1 1h.1a7.1 7.1 0 0 0 1 1.4 7 7 0 0 1-4.1-6.4 2.8 2.8 0 0 1 1.6-2.5 24.88 24.88 0 0 0-2.9 1.1 8.52 8.52 0 0 0-.4 2.3c0 4.3 3.9 7.7 8.6 7.7s8.6-3.4 8.6-7.7a4.88 4.88 0 0 0-.8-3.7zm-10.2 8.6a3.88 3.88 0 0 1-.6-1.1.91.91 0 0 0 .3-.7 1.08 1.08 0 0 0-.8-1 5 5 0 0 1 .1-1.7v-.1a6 6 0 0 0 2.5 1.6 2.19 2.19 0 0 0 .3.5 8.32 8.32 0 0 0-1.8 2.5zm2.7 1.3A11 11 0 0 1 18 23c-.2-.2-.4-.3-.5-.5a5.46 5.46 0 0 1 1.8-2.4 2.39 2.39 0 0 0 1.4.5 2.43 2.43 0 0 0 2.2-1.5 6.72 6.72 0 0 1 2.8 1 7.43 7.43 0 0 1-5.95 3.05zm6.1-3.6a5.51 5.51 0 0 0-2.7-1.2 5.51 5.51 0 0 0 1.7-1.7H25a.68.68 0 0 0 .7-.7.76.76 0 0 0-.2-.5 4 4 0 0 0 .3-1.5 2.66 2.66 0 0 1 1 2.1 6.76 6.76 0 0 1-.95 3.5z"/></svg>
--- a/packages/my-joy-beta/src/assets/centos.svg
+++ b/packages/my-joy-beta/src/assets/centos.svg
@ -0,0 +1 @@
+<svg id="svg4300" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 42 42"><defs><style>.cls-1{fill:#fff}</style></defs><title>Artboard 1</title><g id="g12802"><g id="g12804"><g id="g12806"><path d="M18.54 19.68l1.3 1.32-1.3 1.28h-9.2v4.38L3.74 21l5.6-5.54v4.26z" id="path12808"/></g></g></g><g id="g12768"><g id="g12770"><g id="g12772"><path d="M22.76 18.17l-1.28 1.3-1.28-1.3V9h-4.37l5.65-5.6L27 9h-4.24v9.2z" id="path12774"/></g></g></g><g id="g12780"><g id="g12782"><path d="M24.23 22.29L22.93 21l1.3-1.28h9.2v-4.36L39 21l-5.6 5.55v-4.26z" id="path12784"/></g></g><g id="g12790"><g id="g12792"><g id="g12794"><path d="M20.05 23.86l1.28-1.3 1.28 1.3v9.2H27l-5.65 5.6-5.55-5.6h4.27z" id="path12796"/></g></g></g><g id="rect12744"><path d="M9 8.6h11.2v11.2H9z"/><path class="cls-1" d="M20.63 20.2H8.73V8.3h11.9zm-11.2-.8h10.4V9H9.43z"/></g><g id="rect12746"><path d="M22.63 8.6h11.2v11.2h-11.2z"/><path class="cls-1" d="M34.13 20.2h-11.9V8.3h11.9zm-11.2-.8h10.4V9h-10.4z"/></g><g id="rect12748"><path d="M22.63 22.2h11.2v11.2h-11.2z"/><path class="cls-1" d="M34.13 33.7h-11.9V21.8h11.9zm-11.2-.7h10.4V22.6h-10.4z"/></g><g id="rect12750"><path d="M9 22.2h11.2v11.2H9z"/><path class="cls-1" d="M20.63 33.7H8.73V21.8h11.9zM9.43 33h10.4V22.6H9.43z"/></g><path class="cls-1" d="M11.83 29.4L3.43 21l8.4-8.4 8.4 8.4zM4.43 21l7.4 7.4 7.4-7.4-7.4-7.4z" id="rect12760"/><path class="cls-1" d="M21.43 19.8L13 11.4 21.43 3l8.4 8.4zM14 11.4l7.4 7.4 7.4-7.4L21.43 4z" id="rect12762"/><path class="cls-1" d="M31 29.4L22.63 21 31 12.6l8.4 8.4zM23.63 21L31 28.4l7.4-7.4-7.4-7.4z" id="rect12764"/><path class="cls-1" d="M21.43 39L13 30.6l8.4-8.4 8.4 8.4zM14 30.6l7.4 7.4 7.4-7.4-7.4-7.4z" id="rect12766"/></svg>
--- a/packages/my-joy-beta/src/assets/couchbase.svg
+++ b/packages/my-joy-beta/src/assets/couchbase.svg
@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 42 42"><title>Artboard 1 copy 7</title><path d="M21.7 5.15a15 15 0 1 0 15 15 15 15 0 0 0-15-15zm10.1 17.6a1.83 1.83 0 0 1-1.5 1.9 65.23 65.23 0 0 1-8.6.5 65.23 65.23 0 0 1-8.6-.5 1.83 1.83 0 0 1-1.5-1.9V17a2 2 0 0 1 1.5-1.9 17.57 17.57 0 0 1 2.7-.2.68.68 0 0 1 .7.7v4.1l5.3-.1 5.3.1v-4.1a.68.68 0 0 1 .7-.7 17.57 17.57 0 0 1 2.7.2A1.85 1.85 0 0 1 32 17a55.24 55.24 0 0 0-.2 5.8z"/></svg>
--- a/packages/my-joy-beta/src/assets/debian.svg
+++ b/packages/my-joy-beta/src/assets/debian.svg
@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 42 42"><title>Artboard 1 copy</title><path d="M24.37 22.2c-.7 0 .1.4 1 .5a4.35 4.35 0 0 0 .7-.6 9.15 9.15 0 0 1-1.7.1M28.17 21.2a4.76 4.76 0 0 0 .8-1.8 3.1 3.1 0 0 1-.6 1.3c-1.3.8-.1-.5 0-1-1.4 1.7-.2 1-.2 1.5M29.47 17.6c.1-1.3-.2-.9-.4-.4.2.1.3.9.4.4M21.77.5c.4.1.8.1.7.2.4-.1.5-.2-.7-.2M22.47.7l-.3.1.3-.1"/><path d="M34.07 18.1a5.59 5.59 0 0 1-.7 2.6l-.6.3c-.5 1 0 .6-.3 1.4a22.09 22.09 0 0 1-2.8 2.3c-.4 0 .2-.4.3-.6-1 .7-.8 1.1-2.4 1.5v-.1c-3.9 1.8-9.3-1.8-9.2-6.7 0 .3-.1.2-.2.4a6.2 6.2 0 0 1 3.5-6.1 5.69 5.69 0 0 1 6.5.9 5.88 5.88 0 0 0-4.8-2.3 5.06 5.06 0 0 0-4.6 2.8c-1.1.7-1.2 2.6-1.6 2.9-.6 4.5 1.2 6.5 4.2 8.8.5.3.1.4.2.6a10.52 10.52 0 0 1-2.7-2 5.39 5.39 0 0 0 1.4 1.6c-.9-.3-2.2-2.3-2.6-2.4 1.6 2.9 6.6 5.1 9.2 4a12.11 12.11 0 0 1-4.1-.5c-.6-.3-1.3-.9-1.2-1a10.14 10.14 0 0 0 10.3-1.5c.8-.6 1.6-1.6 1.9-1.7-.4.6.1.3-.2.8.8-1.3-.3-.5.8-2.2l.4.6c-.2-1 1.3-2.3 1.1-4 .3-.5.4.5 0 1.7.5-1.3.1-1.5.3-2.6.1.4.3.7.4 1.1a4.71 4.71 0 0 1 .5-2.8c-.2-.1-.5.6-.6-.9 0-.6.2-.3.2-.5A3.3 3.3 0 0 1 36 13c.1-.2.4.6.6.6-.1-.7-.3-1.3-.4-1.9-.6-1.2-.2.2-.7-.5-.6-1.9.5-.4.6-1.3a14.09 14.09 0 0 1 1.7 4.3 15.83 15.83 0 0 0-.9-3.1c.3.1-.5-2.2.4-.7a14.05 14.05 0 0 0-6.4-7.7c.3.3.7.7.6.7-1.3-.8-1.1-.8-1.3-1.2-1.1-.4-1.1 0-1.9 0A16.23 16.23 0 0 0 24 .6l.1.4c-1.3-.4-1.6.2-3 0-.1-.1.5-.2.9-.3-1.3.2-1.2-.3-2.5 0a8.79 8.79 0 0 1 1-.6c-1.1.1-2.5.6-2.1.1-1.7.8-4.8 1.9-6.5 3.5l-.1-.4c-.8.9-3.4 2.8-3.6 4.1H8a21.4 21.4 0 0 0-1 2.2c-.5.9-.8.4-.7.5a24.48 24.48 0 0 0-2 5.4c.3.5 0 2.9.1 4.8-.5 9.6 6.7 18.9 14.6 21a15.34 15.34 0 0 0 4.4.4c-1.7-.5-2-.3-3.6-.9a7.56 7.56 0 0 1-2.3-2l.3.6c-1.7-.6-1-.7-2.4-1.2l.4-.5a2.91 2.91 0 0 1-1.7-1.4h-.6c-.7-.9-1.1-1.5-1.1-2l-.2.3c-.2-.4-2.7-3.3-1.4-2.6a3 3 0 0 1-.9-1l.3-.3a6 6 0 0 1-1.1-2.1 1.41 1.41 0 0 0 .8.6c-1.5-3.8-1.6-.2-2.8-3.9h.2c-.2-.3-.3-.6-.5-.9l.1-1.1c-1.1-1.3-.3-5.4-.1-7.7.1-.9.9-1.9 1.5-3.5l-.4-.1c.7-1.3 4.1-5 5.7-4.8.8-1-.2 0-.3-.2 1.7-1.7 2.2-1.2 3.3-1.5 1.2-.7-1 .3-.5-.3 2.1-.5 1.5-1.2 4.2-1.5.3.2-.7.3-.9.5 1.7-.9 5.5-.7 8 .5 2.8 1.3 6.1 5.3 6.2 9h.1c-.1 1.5.2 3.2-.3 4.7l.7-.3"/><path d="M16.77 23.1l-.1.5a12.38 12.38 0 0 0 1.4 1.8c-.4-.8-.7-1.2-1.3-2.3M17.87 23.1a4.05 4.05 0 0 1-.5-.9 7.14 7.14 0 0 0 .8 1.5l-.3-.6M37 18.9l-.1.3a14.58 14.58 0 0 1-1.2 3.9 11.34 11.34 0 0 0 1.3-4.2M21.87.2a9.85 9.85 0 0 1 1.7-.2c-.7.1-1.3.1-1.9.2h.2M5.37 9c.1 1-.8 1.4.2.7.5-1.2-.2-.3-.2-.7M4.27 13.6a5.56 5.56 0 0 0 .3-1.5c-.6.8-.2 1-.3 1.5"/></svg>
--- a/packages/my-joy-beta/src/assets/fedora.svg
+++ b/packages/my-joy-beta/src/assets/fedora.svg
@ -0,0 +1 @@
+<svg id="svg4300" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 42 42"><defs><style>.cls-1,.cls-2{fill:#fff}.cls-1{opacity:.5;isolation:isolate}</style></defs><title>Artboard 1 copy 2</title><path id="voice" d="M39.7 20.3a18 18 0 0 0-36 0v13.9a4.06 4.06 0 0 0 4.1 4.1h13.9a18 18 0 0 0 18-18"/><path class="cls-1" d="M27 6.6a8.39 8.39 0 0 0-8.4 8.4v4.5h-4.5a8.4 8.4 0 1 0 8.4 8.4v-4.5H27a8.4 8.4 0 0 0 0-16.8zm-8.4 21.3a4.5 4.5 0 1 1-4.5-4.5h4.5zm8.4-8.4h-4.5V15a4.5 4.5 0 1 1 4.5 4.5z"/><path class="cls-2" d="M28.9 6.8a6.28 6.28 0 0 0-1.9-.3 8.39 8.39 0 0 0-8.4 8.4v4.5h-3.5a2 2 0 0 0 0 4H18a.65.65 0 0 1 .6.6v3.9a4.48 4.48 0 0 1-4.5 4.5c-.8 0-1-.1-1.6-.1a1.87 1.87 0 0 0-2 1.9 2.12 2.12 0 0 0 1.7 1.9 6.28 6.28 0 0 0 1.9.3 8.39 8.39 0 0 0 8.4-8.4v-4.5H26a2 2 0 0 0 0-4h-2.9a.65.65 0 0 1-.6-.6V15a4.48 4.48 0 0 1 4.5-4.5c.8 0 1 .1 1.6.1a1.87 1.87 0 0 0 2-1.9 2.34 2.34 0 0 0-1.7-1.9z"/></svg>
--- a/packages/my-joy-beta/src/assets/freebsd.svg
+++ b/packages/my-joy-beta/src/assets/freebsd.svg
@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 42 42"><title>Artboard 1 copy 3</title><path d="M35.66 6.09c1.6 1.6-2.8 8.6-3.6 9.3s-2.6.1-4.2-1.5-2.3-3.5-1.5-4.2 7.7-5.2 9.3-3.6m-22.3 1.7c-2.4-1.4-5.9-2.9-7-1.8s.5 4.6 1.9 7.1a14.41 14.41 0 0 1 5.1-5.3"/><path d="M33.26 14.89c.2.8.2 1.4-.2 1.7-.8.8-3.1-.1-5.2-2l-.4-.4a9.12 9.12 0 0 1-1.7-2.3c-.7-1.3-.9-2.4-.4-3a1.57 1.57 0 0 1 1.4-.3c.4-.2.8-.5 1.3-.8a15 15 0 0 0-6.7-1.6 14.4 14.4 0 1 0 14.4 14.4 14.21 14.21 0 0 0-1.9-7.1 4.54 4.54 0 0 1-.6 1.4"/></svg>
--- a/packages/my-joy-beta/src/assets/ghost.svg
+++ b/packages/my-joy-beta/src/assets/ghost.svg
@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 42 42"><title>Artboard 1 copy 16</title><path d="M3 30.8h14.4V38H3zM24.6 30.8H39V38H24.6zM3 16.4h36v7.2H3zM3 2h21.6v7.2H3zM31.8 2H39v7.2h-7.2z"/></svg>
--- a/packages/my-joy-beta/src/assets/java.svg
+++ b/packages/my-joy-beta/src/assets/java.svg
@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 42 42"><title>Artboard 1 copy 17</title><path d="M14.79 32.38s-1.6.9 1.1 1.2a23.57 23.57 0 0 0 8.7-.4 16.47 16.47 0 0 0 2.3 1.1c-8.2 3.7-18.6 0-12.1-1.9M13.79 27.78s-1.8 1.3.9 1.6a33.65 33.65 0 0 0 11.2-.5 5.63 5.63 0 0 0 1.7 1.1c-9.9 2.9-21 .2-13.8-2.2M22.19 20c2 2.3-.5 4.4-.5 4.4s5.1-2.7 2.8-6c-2.2-3.1-3.9-4.6 5.3-10-.1.1-14.4 3.7-7.6 11.6"/><path d="M33.09 35.78s1.2 1-1.3 1.7c-4.7 1.4-19.8 1.9-23.9.1-1.5-.7 1.3-1.6 2.2-1.7a7.21 7.21 0 0 1 1.4-.2C9.79 34.48.69 38 6.89 39c16.8 2.8 30.6-1.2 26.2-3.2M15.49 23.08s-7.6 1.8-2.7 2.5a57.48 57.48 0 0 0 10.1-.1c3.2-.3 6.3-.8 6.3-.8a19.64 19.64 0 0 0-1.9 1c-7.8 2-22.7 1.1-18.4-1a14.31 14.31 0 0 1 6.6-1.6M29.19 30.68c7.9-4.1 4.2-8 1.7-7.5a6.59 6.59 0 0 0-.9.2 1 1 0 0 1 .7-.5c5-1.8 8.9 5.2-1.6 8a.35.35 0 0 0 .1-.2M24.49 0s4.4 4.4-4.1 11.1c-6.8 5.4-1.6 8.5 0 12-4-3.6-6.9-6.8-4.9-9.7 2.8-4.4 10.7-6.5 9-13.4"/><path d="M16.29 41.78c7.6.5 19.2-.3 19.5-3.8 0 0-.5 1.4-6.3 2.4a61.75 61.75 0 0 1-19.1.3s.9.8 5.9 1.1"/></svg>
--- a/packages/my-joy-beta/src/assets/mariadb.svg
+++ b/packages/my-joy-beta/src/assets/mariadb.svg
@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 42 42"><title>Artboard 1 copy 18</title><path d="M42 9c0-.6-.3-1-.9-.9-.6 0-.4.2-1.8.6s-3.1.2-4.7.9C30 11.5 29.05 18 25 20.4c-3.1 1.7-6.2 1.9-9 2.8a17.18 17.18 0 0 0-5.5 3.2c-1.3 1.1-1.3 2.1-2.7 3.5S2 29.9.05 32.2a1.86 1.86 0 0 0 2.1.6c-.3.5-1.8.9-1.5 1.6s4 1.3 7.3-.7c1.5-.9 2.8-2.3 5.2-2.6 3.1-.4 6.7.3 10.3.8A13 13 0 0 1 21 35.8c-.3.3.5.3 1.5.1a13.35 13.35 0 0 0 4.1-1.5c1.5-.9 1.8-3.2 3.6-3.7 1 1.6 3.9 2 5.6.7-1.5-.4-2-3.7-1.5-5.2s1-3.6 1.5-5.4.7-4.4 1.4-5.4c1-1.5 2.1-2 3-2.9A3.71 3.71 0 0 0 42 9zm-7.5 22.4c-1 .2-2.8-.2-3.2-.9.2-1 1.4-2 2-2.6a8.5 8.5 0 0 0 1.15 3.5zm4.7-18.5a8.62 8.62 0 0 0-2.5 2.2c-.6 1-1 4.4-2 7.7-.9 2.9-2.1 5.7-4.4 7-.2-.6 0-1.7-.4-2a13.32 13.32 0 0 1-1 2.4 8.91 8.91 0 0 1-6.5 5c1.5-2.1 3-4.3 3.1-7.9-1.1.2-1.1 2.8-2.2 3.5a8.09 8.09 0 0 1-2.2 0c-3-.2-6.1-1.1-8.9-.2-1.9.6-3.5 2.1-5.1 2.8a9 9 0 0 1-5.7.8c-.3-.4 1.7-.9 1.6-1.8a8.58 8.58 0 0 1-2.3-.2.78.78 0 0 1 .4-.4c1.5-1 5.7-.2 6.8-1.3a14.62 14.62 0 0 0 1.6-2.1 9.5 9.5 0 0 1 1.6-1.9l.9-.6a18.33 18.33 0 0 1 4.2-2.1c2-.7 4.1-.8 6.3-1.6a16.64 16.64 0 0 0 4-2 5 5 0 0 0 .8-.7c3.4-3.3 4.1-9.1 9.3-9.7.6-.1 1.2 0 1.6-.1a3.43 3.43 0 0 0 1.6-.4c.2.5.4.8 1.5.9a4.09 4.09 0 0 1-2.15 2.7zm-4.4-1c.7.6 2.3.1 2-1.2-1.15-.1-1.8.3-2.05 1.2zm5.3-1.5a3.93 3.93 0 0 0-.6 2c0 .2-.1.3-.1 0a4 4 0 0 1 .6-2.1c.1-.2.1-.1.1.1zm-.2-.2a5.14 5.14 0 0 0-.9 2.2c0 .2-.2.3-.1 0a5 5 0 0 1 .9-2.2c.05-.3.2-.2.05 0zm-.2-.2a5.34 5.34 0 0 0-1.3 2.3c0 .2-.2.3-.1 0a6.81 6.81 0 0 1 1.3-2.4c.05-.2.15-.1.05.1zm-.2-.2a6.68 6.68 0 0 0-1.7 2.5c-.1.2-.2.2-.1 0a6.87 6.87 0 0 1 1.7-2.5c.15-.3.15-.2.05 0z"/></svg>
--- a/packages/my-joy-beta/src/assets/mongodb.svg
+++ b/packages/my-joy-beta/src/assets/mongodb.svg
@ -0,0 +1 @@
+<svg id="svg4300" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 42 42"><defs><style>.cls-1{fill:none}.cls-2,.cls-4{fill:#fff}.cls-2{opacity:.5;isolation:isolate}.cls-3{opacity:.25}.cls-5{clip-path:url(#clip-path)}</style><clipPath id="clip-path"><path class="cls-1" d="M21.11 36.7s-9.2-6.3-8.7-17.3 7-16.5 8.3-17.5a2.48 2.48 0 0 0 .9-2.1c.6 1.2.5 18.4.5 20.4.3 7.8-.4 15-1 16.5z"/></clipPath></defs><title>Artboard 1 copy 8</title><path d="M30.91 16.5c-2.2-9.7-7.4-12.9-8-14.1a16.31 16.31 0 0 1-1.2-2.4v-.1a2.8 2.8 0 0 1-.9 2.1c-1.3 1-7.7 6.4-8.3 17.5C12 29.8 20 36 21 36.7a14.06 14.06 0 0 1 .7 4.9l1.1.4a22.75 22.75 0 0 1 .1-4.4 2.38 2.38 0 0 1 .6-1.1 11.46 11.46 0 0 0 1.4-1.1h.1a21.29 21.29 0 0 0 5.91-18.9z"/><path class="cls-2" d="M23.41 36.4c-1.1-.5-1.4-2.9-1.5-5.1a23.76 23.76 0 0 1-.8 5.5l-.1-.1a14.06 14.06 0 0 1 .7 4.9l1.1.4a22.75 22.75 0 0 1 .1-4.4 2.25 2.25 0 0 1 .5-1.2z"/><g id="g48" class="cls-3"><path id="SVGID" class="cls-4" d="M21.11 36.7s-9.2-6.3-8.7-17.3 7-16.5 8.3-17.5a2.48 2.48 0 0 0 .9-2.1c.6 1.2.5 18.4.5 20.4.3 7.8-.4 15-1 16.5z"/><g class="cls-5"><g id="g50"><path id="path62" class="cls-4" d="M21.11 36.7s-9.2-6.3-8.7-17.3 7-16.5 8.3-17.5a2.48 2.48 0 0 0 .9-2.1c.6 1.2.5 18.4.5 20.4.3 7.8-.4 15-1 16.5"/></g></g></g></svg>
--- a/packages/my-joy-beta/src/assets/multiarch.svg
+++ b/packages/my-joy-beta/src/assets/multiarch.svg
@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 42 42"><title>Artboard 1 copy 43</title><path d="M19.11 22.13l-1.62 1.28a37.59 37.59 0 0 1-7.34 4.51.48.48 0 0 1-.71-.18 37.78 37.78 0 0 1-6.27-14.13A5.29 5.29 0 0 1 3 12.37a1 1 0 0 1 .26-.65C4 11 4.76 10.19 5.57 9.51c1.52-1.3 3.09-2.51 4.64-3.8.07-.06.14-.1.28-.2.07.51.12 1 .18 1.43a20.7 20.7 0 0 0 2.87 7.93 39.56 39.56 0 0 0 5.22 6.86zM22.9 19.26a40.15 40.15 0 0 1 9.1-5.84c.3-.14.43 0 .59.19A35.64 35.64 0 0 1 37.81 24c.44 1.35.73 2.75 1.1 4.12a1.87 1.87 0 0 1-.63 2.08c-1.9 1.61-3.78 3.23-5.68 4.85-.32.27-.66.51-1.08.82-.06-.53-.12-1-.17-1.45a20.15 20.15 0 0 0-2.6-7.42 38.72 38.72 0 0 0-5.53-7.39zM22.42 22.58c.93 1.25 1.84 2.44 2.7 3.66a32.47 32.47 0 0 1 3.05 5.31.51.51 0 0 1-.2.74 36.18 36.18 0 0 1-10.91 5.38c-1.39.43-2.84.7-4.27 1a1 1 0 0 1-.78-.2c-.88-.86-1.75-1.72-2.54-2.65C8.3 34.45 7.19 33 6.05 31.64q-.13-.18-.27-.39c1-.16 2-.27 3-.48a22.65 22.65 0 0 0 8.5-4c1.68-1.22 3.23-2.6 4.84-3.91zM19.62 18.78c-.7-.91-1.39-1.78-2-2.67a35.8 35.8 0 0 1-3.69-6.18.61.61 0 0 1 .2-.93 37.82 37.82 0 0 1 14.56-6.25 1.75 1.75 0 0 1 1.78.52A77.82 77.82 0 0 1 36.16 10a.78.78 0 0 1 .06.16c-.68.08-1.34.15-2 .26a21.55 21.55 0 0 0-7.71 3 40.5 40.5 0 0 0-6.46 5c-.12.1-.25.2-.43.36zM27.07 35.7l2.08-1.41a5.22 5.22 0 0 1 .27 2.09c0 .06-.26.18-.36.15-.67-.21-1.33-.44-2-.67zM5.89 26.72L7.39 29c-.8.06-1.46.12-2.12.15-.07 0-.21-.18-.2-.25a6.43 6.43 0 0 1 .82-2.18zM15 5.67l-2.14 1.41A5.47 5.47 0 0 1 12.6 5c0-.06.23-.17.32-.14.68.21 1.36.44 2 .67zM36.14 14.65l-1.45-2.12a5.14 5.14 0 0 1 2.1-.27c.06 0 .17.14.16.2a6.64 6.64 0 0 1-.81 2.19z"/></svg>
--- a/packages/my-joy-beta/src/assets/mysql.svg
+++ b/packages/my-joy-beta/src/assets/mysql.svg
@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 42 42"><title>Artboard 1 copy 19</title><path d="M10.66 9.6a3.08 3.08 0 0 0-1 .1 3.92 3.92 0 0 0 .8 1l.6 1.2a1.36 1.36 0 0 0 .5-1.2c-.1-.2-.2-.3-.3-.5s-.4-.4-.6-.6"/><path d="M35.56 30.9a11.32 11.32 0 0 0-4.8.7c-.4.1-1 .1-1 .6.2.2.2.5.4.8a6.1 6.1 0 0 0 1.3 1.5 9.06 9.06 0 0 0 1.6 1.1c1 .6 2 .9 3 1.5a16.67 16.67 0 0 1 1.6 1.2c.3.2.4.5.8.6v-.1c-.2-.2-.2-.5-.4-.8l-.7-.7a11.85 11.85 0 0 0-2.5-2.5c-.8-.5-2.5-1.3-2.8-2.2v-.1a5.26 5.26 0 0 0 1.7-.4c.8-.2 1.6-.2 2.4-.4l1.2-.3v-.2c-.4-.4-.8-1-1.2-1.4a29.81 29.81 0 0 0-4-3c-.8-.5-1.7-.8-2.5-1.2-.3-.1-.8-.2-1-.5a8.48 8.48 0 0 1-1-1.9 42.85 42.85 0 0 1-2-4.3 23.58 23.58 0 0 0-1.2-2.8A24.7 24.7 0 0 0 15 6.9a14.08 14.08 0 0 0-3.1-1c-.6 0-1.2-.1-1.8-.1A4.81 4.81 0 0 1 9 4.9C7.56 4 4 2.1 3 4.6c-.7 1.6 1 3.2 1.5 4a9.39 9.39 0 0 1 1.2 1.8c.2.4.2.9.4 1.3A32.35 32.35 0 0 0 7.36 15c.3.5.6 1.1.9 1.5s.5.4.6.8a9.5 9.5 0 0 0-.6 1.8A10.82 10.82 0 0 0 9 27.3c.4.6 1.3 2 2.6 1.4 1.1-.4.9-1.8 1.2-3.1.1-.3 0-.5.2-.7.3.7.7 1.3 1 2a16.68 16.68 0 0 0 3.2 3.3c.6.4 1.1 1.2 1.8 1.5v-.1c-.1-.2-.4-.3-.6-.5-.4-.4-.9-1-1.3-1.5a33.5 33.5 0 0 1-2.7-4.5c-.4-.8-.7-1.6-1.1-2.4-.1-.3-.1-.7-.4-.9a7.35 7.35 0 0 0-1.2 1.7 14.29 14.29 0 0 0-.7 3.7h-.1c-.8-.2-1.1-1-1.3-1.7a10.26 10.26 0 0 1-.2-6.5c.2-.5.9-2.1.6-2.6-.1-.5-.6-.7-.9-1.1a12.9 12.9 0 0 1-.9-1.6c-.6-1.4-.9-2.9-1.5-4.3a19.92 19.92 0 0 0-1.2-1.9 8 8 0 0 1-1.3-1.9c-.1-.3-.3-.7-.1-1a.27.27 0 0 1 .3-.3c.3-.3 1.2.1 1.5.2a13.43 13.43 0 0 1 2.4 1.2c.3.2.7.7 1.2.8h.5a17.48 17.48 0 0 1 2.4.3 12.65 12.65 0 0 1 3.5 1.7 20.59 20.59 0 0 1 7.6 8.4c.3.6.4 1.1.7 1.7.5 1.2 1.2 2.4 1.7 3.6a17.1 17.1 0 0 0 1.7 3.3c.4.5 1.8.8 2.5 1.1a12.2 12.2 0 0 1 1.7.7 20.71 20.71 0 0 1 2.4 1.7c.1.8 1.4 1.4 1.4 1.9"/></svg>
--- a/packages/my-joy-beta/src/assets/nginx.svg
+++ b/packages/my-joy-beta/src/assets/nginx.svg
@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 42 42"><title>Artboard 1 copy 9</title><path d="M36.86 12.05a.75.75 0 0 0-.5-.8c-4.9-2.8-9.9-5.7-14.8-8.6a.61.61 0 0 0-.8 0c-5 2.9-9.9 5.7-14.9 8.6a.75.75 0 0 0-.4.7v17.2a.67.67 0 0 0 .4.7c1.4.8 2.7 1.6 4.1 2.4 3.6 2.1 7.1 4.1 10.7 6.2a.9.9 0 0 0 1 0c4.9-2.8 9.8-5.7 14.8-8.5a.89.89 0 0 0 .5-.8c-.1-5.8-.1-11.5-.1-17.1zm-6.7 12.5v2.8a2 2 0 0 1-1.2 1.9 2.62 2.62 0 0 1-1.5.2 3.26 3.26 0 0 1-1.9-.8 6 6 0 0 1-.8-.8c-2.5-3-5-6-7.6-9-.4-.4-.7-.9-1.1-1.3l-.1-.1v10.2a1.94 1.94 0 0 1-1.7 1.9 1.89 1.89 0 0 1-2-.9 2 2 0 0 1-.3-1.1v-13.8a2.08 2.08 0 0 1 1.7-2.1 3.38 3.38 0 0 1 3.4 1.1c1.5 1.7 2.9 3.5 4.4 5.3l4.6 5.5.1.1v-10.1a2.39 2.39 0 0 1 .5-1.4 2 2 0 0 1 1.4-.6 2 2 0 0 1 2.1 2.1z"/></svg>
--- a/packages/my-joy-beta/src/assets/node.svg
+++ b/packages/my-joy-beta/src/assets/node.svg
@ -0,0 +1 @@
+<svg id="svg4300" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 42 42"><defs><style>.cls-1{fill:none}.cls-2{fill:url(#linear-gradient)}.cls-3{clip-path:url(#clip-path)}.cls-4{fill:#b4b4b4;opacity:.66;isolation:isolate}.cls-5{fill:url(#linear-gradient-2)}</style><linearGradient id="linear-gradient" x1="6" y1="127.4" x2="36" y2="127.4" gradientTransform="matrix(1 0 0 -1 0 147.4)" gradientUnits="userSpaceOnUse"><stop offset=".01"/><stop offset=".19" stop-color="#171717"/><stop offset=".54" stop-color="#3d3d3d"/><stop offset=".82" stop-color="#545454"/><stop offset="1" stop-color="#5c5c5c"/></linearGradient><clipPath id="clip-path"><path class="cls-1" d="M21.8 3.15a1.53 1.53 0 0 0-1.6 0l-13.4 7.7a1.6 1.6 0 0 0-.8 1.4v15.5a1.6 1.6 0 0 0 .8 1.4l13.4 7.7a1.53 1.53 0 0 0 1.6 0l13.4-7.7a1.6 1.6 0 0 0 .8-1.4v-15.5a1.6 1.6 0 0 0-.8-1.4z"/></clipPath><linearGradient id="linear-gradient-2" x1="5.81" y1="127.46" x2="36.75" y2="127.46" gradientTransform="matrix(1 0 0 -1 0 147.4)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#5c5c5c"/><stop offset=".18" stop-color="#545454"/><stop offset=".46" stop-color="#3d3d3d"/><stop offset=".81" stop-color="#171717"/><stop offset=".99"/></linearGradient></defs><title>Artboard 1 copy 10</title><path id="_Path_" data-name="&lt;Path&gt;" class="cls-2" d="M20.2 3.15a1.53 1.53 0 0 1 1.6 0l13.4 7.7a1.6 1.6 0 0 1 .8 1.4v15.5a1.6 1.6 0 0 1-.8 1.4l-13.4 7.7a1.53 1.53 0 0 1-1.6 0l-13.4-7.7a1.6 1.6 0 0 1-.8-1.4v-15.5a1.6 1.6 0 0 1 .8-1.4z"/><g class="cls-3"><path class="cls-1" d="M20.2 3.15l-13.4 7.7a1.6 1.6 0 0 0-.8 1.4v15.5a1.28 1.28 0 0 0 .4 1L21.5 3a2.74 2.74 0 0 0-1.3.15zM21.5 37.05c.1 0 .2-.1.3-.1l13.4-7.7a1.51 1.51 0 0 0 .7-1.4v-15.5a1.49 1.49 0 0 0-.3-1z"/><path class="cls-4" d="M35.1 11L21.8 3.25c-.1-.1-.3-.1-.4-.2L6.3 28.85a1 1 0 0 0 .5.4L20.2 37a1.5 1.5 0 0 0 1.3.1l14.1-25.8c-.2-.15-.3-.25-.5-.3z"/></g><g class="cls-3"><path class="cls-1" d="M6.9 10.85l-.2.1a1.6 1.6 0 0 0-.8 1.4v15.5a1.6 1.6 0 0 0 .8 1.4L20.1 37a1.72 1.72 0 0 0 1.2.2zM35.9 12.35a1.51 1.51 0 0 0-.7-1.4l-13.3-7.7c-.1-.1-.2-.1-.4-.2l14.4 24.7z"/><path class="cls-5" d="M21.8 36.85l13.4-7.7a1.51 1.51 0 0 0 .7-1.4v-.1L21.5 3a1.53 1.53 0 0 0-1.3.2L7 10.75 21.4 37c.1.05.2 0 .4-.15z"/></g></svg>
--- a/packages/my-joy-beta/src/assets/openbsd.svg
+++ b/packages/my-joy-beta/src/assets/openbsd.svg
--- a/packages/my-joy-beta/src/assets/percona.svg
+++ b/packages/my-joy-beta/src/assets/percona.svg
@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 42 42"><title>Artboard 1 copy 11</title><path d="M21.05 3.4c-9.9 0-18 7.9-18 17.5A17.69 17.69 0 0 0 11 35.5V20.7a10.2 10.2 0 0 1 10-10.2 10.18 10.18 0 0 1 10 10.4 10.25 10.25 0 0 1-10 10.4 9.6 9.6 0 0 1-5.8-1.9v8.2a18.53 18.53 0 0 0 5.8.9c9.9 0 18-7.9 18-17.5A17.76 17.76 0 0 0 21.05 3.4"/><path d="M27.15 21.2a6 6 0 1 1-6-6 6 6 0 0 1 6 6"/></svg>
--- a/packages/my-joy-beta/src/assets/placeholder.svg
+++ b/packages/my-joy-beta/src/assets/placeholder.svg
@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 42 42"><title>Artboard 1 copy 45</title><path d="M26.79 3h-18A1.29 1.29 0 0 0 7.5 4.3v33.42A1.29 1.29 0 0 0 8.79 39h24.42a1.29 1.29 0 0 0 1.29-1.29V10.53zm6.42 8.36h-7.07V4.3zm0 26.35H8.79V4.3h16.07v8.35h8.35zM30 18.44h-1.16l-7.2-3V13.3a.64.64 0 1 0-1.28 0v2.14l-7.26 3H12a1.28 1.28 0 0 0-1.29 1.28v9A1.28 1.28 0 0 0 12 30h18a1.28 1.28 0 0 0 1.29-1.28v-9A1.28 1.28 0 0 0 30 18.44zm-9-1.88l4.5 1.88h-9zm-9 12.17v-9h18v9zm3.21-7.08v5.15a.64.64 0 0 1-.64.64.64.64 0 0 1-.64-.64v-5.15a.64.64 0 0 1 .64-.64.64.64 0 0 1 .64.64zm3.22 0v5.15a.65.65 0 0 1-1.29 0v-5.15a.65.65 0 0 1 1.29 0zm3.21 0v5.15a.64.64 0 0 1-1.28 0v-5.15a.64.64 0 1 1 1.28 0zm3.22 0v5.15a.65.65 0 0 1-1.29 0v-5.15a.65.65 0 0 1 1.29 0zm3.21 0v5.15a.64.64 0 0 1-.64.64.64.64 0 0 1-.64-.64v-5.15a.64.64 0 0 1 .64-.64.64.64 0 0 1 .64.64z"/></svg>
--- a/packages/my-joy-beta/src/assets/postgresql.svg
+++ b/packages/my-joy-beta/src/assets/postgresql.svg
@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 42 42"><title>Artboard 1 copy 12</title><path d="M18.67 22.9l.1-.2c.1-.3.2-.5.3-.8.6-1.3 1.3-3 .5-6.9a1.75 1.75 0 0 0-1.2-1.4 6 6 0 0 0-3.9 1.1v.3a17.45 17.45 0 0 1-.1 4.5 4.47 4.47 0 0 0 1.1 3.7 3.57 3.57 0 0 0 2.7 1.2 8.8 8.8 0 0 1 .5-1.5zm-1.3-8a.76.76 0 0 1-.2-.4c0-.1 0-.1.1-.2a1.25 1.25 0 0 1 .9-.1c.5.1.9.3.9.6s-.5.6-.9.6h-.1a1.16 1.16 0 0 1-.7-.5zM19.87 25.7c-.3-.1-.4-.2-.8.2a3.81 3.81 0 0 1-.5.6c-.6.8-.9 1.1-2.8 1.5-.4.1-.6.2-.7.2a4.88 4.88 0 0 0 .7.3c1.4.3 3.3.4 4.6-1.5.2-.2.1-.5.1-.7a1.72 1.72 0 0 0-.6-.6zM30.17 8.1a9.77 9.77 0 0 1 2.5 4.8v.3a12.31 12.31 0 0 1-.2 2 7.77 7.77 0 0 0-.2 1.6c0 .6.1 1.2.1 1.8a7 7 0 0 1-.7 5l.1.1c0 .1.1.1.1.2 4.1-6.5 5.5-14 4.2-15.6A8.51 8.51 0 0 0 29 5a12.62 12.62 0 0 0-3 .3 7.81 7.81 0 0 1 4.17 2.8z"/><path d="M31.57 14.9c.1-.5.1-1 .2-1.5-2.1-.3-2.9.2-3.2.7-1.1 1.5 1 5.3 1.9 7 .2.4.4.7.5.9l.3.6a6.87 6.87 0 0 0 .3-4 6.08 6.08 0 0 1-.1-1.9 5.15 5.15 0 0 1 .1-1.8zm-1.1-.3a.85.85 0 0 1-.6.3h-.1c-.4 0-.8-.3-.8-.5s.4-.5.8-.5.9 0 .9.3c.1.1 0 .3-.2.4zM13.37 19.4a15.94 15.94 0 0 0 .1-4.3v-.5c0-.3-.1-5.4 2.9-8.4l.1-.1c-1.8-.6-6.3-1.8-9 .2-1.7 1.2-2.47 3.4-2.3 6.6A52.73 52.73 0 0 0 7 21.1c1.3 4.1 2.7 6.7 3.9 7.1.2.1.8.3 1.6-.7 1.2-1.4 2.3-2.6 2.8-3.2-.1-.1-.3-.2-.4-.3a5.64 5.64 0 0 1-1.53-4.6z"/><path d="M39 24.9a1.72 1.72 0 0 0-1.5-1.2 2.63 2.63 0 0 0-1.2.1 7.18 7.18 0 0 1-1.9.2 34.44 34.44 0 0 0 3.8-9.1c1.3-4.9.6-7.1-.2-8.1a10.64 10.64 0 0 0-8.8-4.1 20.5 20.5 0 0 0-4.6.6 21.3 21.3 0 0 0-2.7-.2 10.18 10.18 0 0 0-4.7 1.1 22.81 22.81 0 0 0-3.3-.8c-3.2-.5-5.8-.1-7.7 1.2C3.87 6.2 2.77 9 3 13a52.13 52.13 0 0 0 1.9 8.7 25.8 25.8 0 0 0 2 5.1c1 1.9 2.1 3 3.2 3.4a3.24 3.24 0 0 0 3.2-.7 4.35 4.35 0 0 0 .7.6 5 5 0 0 0 1.3.5 6.55 6.55 0 0 0 4.4-.3v1.5a15.45 15.45 0 0 0 .6 4.4c0 .1 0 .1.1.2a5 5 0 0 0 1.3 2.3 3.74 3.74 0 0 0 2.8 1c.5 0 .9-.1 1.3-.1a5.76 5.76 0 0 0 4.1-2.4c1.1-1.5 1.6-3.8 1.7-7.5v-.5h.4a9.53 9.53 0 0 0 4.2-.7c.67-.2 3.37-1.6 2.8-3.6zm-3.4 2.8a8.45 8.45 0 0 1-3.3.6 6.05 6.05 0 0 1-1.5-.2c-.2 1.7-.6 5-.8 6.3-.4 2.5-1.6 3.7-4.2 4.3a4.87 4.87 0 0 1-1.2.1A3.75 3.75 0 0 1 21 36c-.4-1-.5-4.2-.5-7.5a4.79 4.79 0 0 1-3.3 1.2 11.14 11.14 0 0 1-1.7-.2c-.2 0-1.6-.4-1.6-1.4 0-.8 1.2-1.1 1.7-1.2 1.6-.3 1.7-.5 2.2-1.1.1-.1.2-.3.4-.4v-.1a4.2 4.2 0 0 1-2.1-.6c-.4.5-1.6 1.7-2.9 3.2a2.89 2.89 0 0 1-2.1 1.2 1.7 1.7 0 0 1-.7-.1c-1.6-.5-3.2-3.2-4.6-7.8A39.62 39.62 0 0 1 4 12.8q-.3-5.4 2.7-7.5c1.7-1.2 4-1.5 6.9-1.1a19.58 19.58 0 0 1 3.6 1A7.23 7.23 0 0 1 21.67 4a10.9 10.9 0 0 1 2.6.3 11.44 11.44 0 0 1 4.6-.7 9.74 9.74 0 0 1 8 3.7 4.6 4.6 0 0 1 .7 2.9 14.72 14.72 0 0 1-.7 4.3 34.56 34.56 0 0 1-4.5 10c.3.2 1.2.6 3.7.1.9-.2 1.4 0 1.5.5.7 1.1-1 2.1-2 2.6z"/><path d="M32.07 25.6a.1.1 0 0 1-.1-.1c-.1 0-.1 0-.2.1-.5.1-.9.3-.9 1.5a2.82 2.82 0 0 0 1.7.2 8.56 8.56 0 0 0 2.6-.5 4.83 4.83 0 0 0 1.5-1c-2.2.4-3.67.4-4.6-.2z"/><path d="M31.07 24.2A7 7 0 0 1 30 22.4a5.56 5.56 0 0 1-.4-.8c-1.1-1.9-3.3-6-1.9-8.1.7-1 2-1.3 3.9-1.1a11.91 11.91 0 0 0-2.1-3.6 10.27 10.27 0 0 0-7.7-3.7 6.41 6.41 0 0 0-4.7 1.8c-1.9 1.9-2.4 4.9-2.5 6.6.1 0 .2-.1.3-.2a8.12 8.12 0 0 1 2.5-.8 2.73 2.73 0 0 1 3.3 2.2c.9 4.3.1 6.2-.6 7.6a4.88 4.88 0 0 1-.3.7l-.1.2a12.13 12.13 0 0 0-.5 1.4 1.89 1.89 0 0 1 1.1.1 1.81 1.81 0 0 1 1.1 1.4c0 .1.1.2.1.3v.2c-.1 4.3 0 8.2.4 9.1a2.85 2.85 0 0 0 3.7 2c2.2-.5 3-1.3 3.4-3.4.3-1.6.8-6.2.9-7.2-.1-2 1-2.3 1.5-2.5-.13-.1-.23-.3-.33-.4z"/></svg>
--- a/packages/my-joy-beta/src/assets/redis.svg
+++ b/packages/my-joy-beta/src/assets/redis.svg
@ -0,0 +1 @@
+<svg id="svg4300" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 42 42"><defs><style>.cls-1,.cls-2{fill:#fff}.cls-1{opacity:.25;isolation:isolate}.cls-3{fill:#333}</style></defs><title>Artboard 1 copy 20</title><path d="M37.57 23.65c-1.9-.7-11.8-4.6-13.7-5.3s-2.7-.7-4.9.1-12.8 4.9-14.6 5.7c-.9.4-1.4.7-1.4 1.1H3v3.6c0 .4.5.7 1.5 1.2 1.9.9 12.5 5.2 14.2 6s2.9.8 5-.3 12.1-5.2 14-6.2c1-.5 1.4-.9 1.4-1.3v-3.6c-.1-.4-.53-.65-1.53-1z"/><path class="cls-1" d="M37.57 25.85c-1.9 1-11.9 5.1-14 6.2s-3.3 1.1-5 .3-12.3-5.1-14.2-6-1.9-1.5-.1-2.3 12.4-4.9 14.6-5.7 3-.8 4.9-.1 11.8 4.6 13.7 5.3 2 1.3.1 2.3z"/><path d="M37.57 17.75c-1.9-.7-11.8-4.6-13.7-5.3s-2.7-.7-4.9.1-12.8 4.9-14.6 5.7c-.9.4-1.4.7-1.4 1.1H3V23c0 .4.5.7 1.5 1.2 1.9.9 12.5 5.2 14.2 6s2.9.8 5-.3 12.1-5.2 14-6.2c1-.5 1.4-.9 1.4-1.3v-3.6c-.1-.35-.53-.75-1.53-1.05z"/><path class="cls-1" d="M37.57 20c-1.9 1-11.9 5.1-14 6.2s-3.3 1.1-5 .3-12.3-5.1-14.2-6-1.9-1.5-.1-2.3 12.4-4.9 14.6-5.7 3-.8 4.9-.1 11.8 4.6 13.7 5.3 2 1.3.1 2.3z"/><path d="M37.57 11.55c-1.9-.7-11.8-4.6-13.7-5.3s-2.7-.7-4.9.1-12.8 4.9-14.6 5.7c-.9.4-1.4.7-1.4 1.1H3v3.6c0 .4.5.7 1.5 1.2 1.9.9 12.5 5.2 14.2 6s2.9.8 5-.3 12.1-5.2 14-6.2c1-.5 1.4-.9 1.4-1.3v-3.6c-.1-.3-.53-.7-1.53-1z"/><path class="cls-1" d="M37.57 13.75c-1.9 1-11.9 5.1-14 6.2s-3.3 1.1-5 .3-12.3-5.1-14.2-6-1.9-1.5-.1-2.3 12.4-4.9 14.6-5.7 3-.8 4.9-.1 11.8 4.6 13.7 5.3 2 1.3.1 2.3z"/><path class="cls-2" d="M25.77 10.25l-3.2.4-.7 1.6-1.1-1.8-3.6-.4 2.7-.9-.8-1.5 2.5 1 2.4-.8-.7 1.5 2.5.9zM21.67 18.45l-5.8-2.4 8.4-1.3-2.6 3.7z"/><ellipse class="cls-2" cx="13.67" cy="12.95" rx="4.5" ry="1.7"/><path d="M29.37 10.75l5 1.9-5 2v-3.9z"/><path class="cls-3" d="M23.97 12.95l5.4-2.2v3.9l-.5.2-4.9-1.9z"/></svg>
--- a/packages/my-joy-beta/src/assets/scylladb.svg
+++ b/packages/my-joy-beta/src/assets/scylladb.svg
@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 42 42"><title>Artboard 1 copy 44</title><path d="M15.05 28.79a.73.73 0 1 1-.73-.73.73.73 0 0 1 .73.73zm.21-3.6a.73.73 0 1 0 .73.73.73.73 0 0 0-.73-.73zM18 23.83a.73.73 0 1 0 .73.73.73.73 0 0 0-.73-.73zm2.89 1a.73.73 0 1 0 .73.73.73.73 0 0 0-.74-.76zm-5.22 6a.73.73 0 1 0 .73.73.73.73 0 0 0-.74-.79zm2.89 1a.73.73 0 1 0 .73.73.73.73 0 0 0-.74-.83zm2.72-1.35a.73.73 0 1 0 .73.73.73.73 0 0 0-.74-.83zm-7.42 2.26a.94.94 0 1 0 .94.94.95.95 0 0 0-.95-1.04zm4.91 1.62a.94.94 0 1 0 .93.93.94.94 0 0 0-.94-1.03zm-7.19-6.2a.94.94 0 1 0 .94.94.94.94 0 0 0-.95-1.04zm1.63-4.89a.94.94 0 1 0 .93.94.94.94 0 0 0-.94-1.04zM17.82 21a.94.94 0 1 0 .94.94.94.94 0 0 0-.95-1.04zm4.86 1.6a.94.94 0 1 0 .94.94.94.94 0 0 0-.95-1.04zM8.27 28a1.17 1.17 0 1 0 1.17 1.2A1.16 1.16 0 0 0 8.27 28zm3.43 6.85a1.17 1.17 0 1 0 0 2.34 1.17 1.17 0 1 0 0-2.34zm-1-14.08A1.17 1.17 0 1 0 11.85 22a1.17 1.17 0 0 0-1.16-1.19zm6.86-3.42a1.17 1.17 0 1 0 1.17 1.16 1.16 1.16 0 0 0-1.18-1.12zm7.22 2.41A1.17 1.17 0 1 0 25.94 21a1.17 1.17 0 0 0-1.17-1.2zM5 28a1.42 1.42 0 1 0 1.4 1.43A1.43 1.43 0 0 0 5 28zm3.22-9.6a1.42 1.42 0 1 0 1.42 1.42 1.42 1.42 0 0 0-1.44-1.41zm-3-3A1.8 1.8 0 1 0 7 17.19a1.79 1.79 0 0 0-1.8-1.79zm11.84-5.9a1.8 1.8 0 1 0 1.79 1.79 1.8 1.8 0 0 0-1.79-1.79zm12.57 4.18a1.8 1.8 0 1 0 1.8 1.8 1.8 1.8 0 0 0-1.8-1.8zm3.06-3.95A2.22 2.22 0 1 0 34.91 12a2.22 2.22 0 0 0-2.22-2.27zM16.76 4.41A2.22 2.22 0 1 0 19 6.63a2.22 2.22 0 0 0-2.24-2.22zm19.71.06a2.94 2.94 0 1 0 2.94 2.94 2.94 2.94 0 0 0-2.94-2.94zm-19.13 9.37a1.42 1.42 0 1 0 1.42 1.42 1.43 1.43 0 0 0-1.42-1.42zM27 17.05a1.43 1.43 0 1 0 1.43 1.42A1.43 1.43 0 0 0 27 17.05z"/></svg>
--- a/packages/my-joy-beta/src/assets/smart.svg
+++ b/packages/my-joy-beta/src/assets/smart.svg
@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 42 42"><title>Artboard 1 copy 43</title><path d="M19.11 22.13l-1.62 1.28a37.59 37.59 0 0 1-7.34 4.51.48.48 0 0 1-.71-.18 37.78 37.78 0 0 1-6.27-14.13A5.29 5.29 0 0 1 3 12.37a1 1 0 0 1 .26-.65C4 11 4.76 10.19 5.57 9.51c1.52-1.3 3.09-2.51 4.64-3.8.07-.06.14-.1.28-.2.07.51.12 1 .18 1.43a20.7 20.7 0 0 0 2.87 7.93 39.56 39.56 0 0 0 5.22 6.86zM22.9 19.26a40.15 40.15 0 0 1 9.1-5.84c.3-.14.43 0 .59.19A35.64 35.64 0 0 1 37.81 24c.44 1.35.73 2.75 1.1 4.12a1.87 1.87 0 0 1-.63 2.08c-1.9 1.61-3.78 3.23-5.68 4.85-.32.27-.66.51-1.08.82-.06-.53-.12-1-.17-1.45a20.15 20.15 0 0 0-2.6-7.42 38.72 38.72 0 0 0-5.53-7.39zM22.42 22.58c.93 1.25 1.84 2.44 2.7 3.66a32.47 32.47 0 0 1 3.05 5.31.51.51 0 0 1-.2.74 36.18 36.18 0 0 1-10.91 5.38c-1.39.43-2.84.7-4.27 1a1 1 0 0 1-.78-.2c-.88-.86-1.75-1.72-2.54-2.65C8.3 34.45 7.19 33 6.05 31.64q-.13-.18-.27-.39c1-.16 2-.27 3-.48a22.65 22.65 0 0 0 8.5-4c1.68-1.22 3.23-2.6 4.84-3.91zM19.62 18.78c-.7-.91-1.39-1.78-2-2.67a35.8 35.8 0 0 1-3.69-6.18.61.61 0 0 1 .2-.93 37.82 37.82 0 0 1 14.56-6.25 1.75 1.75 0 0 1 1.78.52A77.82 77.82 0 0 1 36.16 10a.78.78 0 0 1 .06.16c-.68.08-1.34.15-2 .26a21.55 21.55 0 0 0-7.71 3 40.5 40.5 0 0 0-6.46 5c-.12.1-.25.2-.43.36zM27.07 35.7l2.08-1.41a5.22 5.22 0 0 1 .27 2.09c0 .06-.26.18-.36.15-.67-.21-1.33-.44-2-.67zM5.89 26.72L7.39 29c-.8.06-1.46.12-2.12.15-.07 0-.21-.18-.2-.25a6.43 6.43 0 0 1 .82-2.18zM15 5.67l-2.14 1.41A5.47 5.47 0 0 1 12.6 5c0-.06.23-.17.32-.14.68.21 1.36.44 2 .67zM36.14 14.65l-1.45-2.12a5.14 5.14 0 0 1 2.1-.27c.06 0 .17.14.16.2a6.64 6.64 0 0 1-.81 2.19z"/></svg>
--- a/packages/my-joy-beta/src/assets/ubuntu.svg
+++ b/packages/my-joy-beta/src/assets/ubuntu.svg
@ -0,0 +1 @@
+<svg id="svg4300" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 42 42"><defs><style>.cls-1{fill:#fff}</style></defs><title>Artboard 1 copy 4</title><path d="M36.44 20.3a15 15 0 1 1-15-15 15 15 0 0 1 15 15z"/><path class="cls-1" d="M13.64 20.3a1.9 1.9 0 1 1-1.9-1.9 1.9 1.9 0 0 1 1.9 1.9zm11 9.4a1.9 1.9 0 1 0 .7-2.6 1.93 1.93 0 0 0-.7 2.6zm3.3-16.8a1.9 1.9 0 1 0-2.6.7 1.93 1.93 0 0 0 2.6-.7zm-6.5 1.9a5.54 5.54 0 0 1 5.5 5h2.8a7.73 7.73 0 0 0-2.4-5.3 2.68 2.68 0 0 1-2.3-.2 2.78 2.78 0 0 1-1.3-1.9 8.11 8.11 0 0 0-5.9.6l1.4 2.4a4 4 0 0 1 2.2-.6zm-5.5 5.5a5.45 5.45 0 0 1 2.3-4.5l-1.4-2.4a8 8 0 0 0-3.4 4.8 2.81 2.81 0 0 1 1 2.1 2.66 2.66 0 0 1-1 2.1 8.4 8.4 0 0 0 3.4 4.8l1.4-2.4a5.45 5.45 0 0 1-2.3-4.5zm5.5 5.5a5.93 5.93 0 0 1-2.3-.5l-1.4 2.4a9.16 9.16 0 0 0 3.7.9 7.8 7.8 0 0 0 2.2-.3 2.59 2.59 0 0 1 1.3-1.9 2.68 2.68 0 0 1 2.3-.2 8.18 8.18 0 0 0 2.4-5.4h-2.8a5.37 5.37 0 0 1-5.4 5z"/></svg>
--- a/packages/my-joy-beta/src/assets/windows.svg
+++ b/packages/my-joy-beta/src/assets/windows.svg
@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 42 42"><title>Artboard 1 copy 5</title><path d="M5.73 9L18 7.25v11.8l-12.3.1zM18 20.55v11.8l-12.3-1.7v-10.2zm1.5-13.4l16.3-2.4v14.3l-16.3.1zm16.2 13.5v14.2l-16.3-2.3v-11.9z"/></svg>
--- a/packages/my-joy-beta/src/components/create-instance/tests/snapshots/images.spec.js.snap
+++ b/packages/my-joy-beta/src/components/create-instance/tests/snapshots/images.spec.js.snap
@ -0,0 +1,442 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders <Images /> without throwing 1`] = `
+<form
+  onSubmit={undefined}
+/>
+`;
+
+exports[`renders <Images Images="test" /> without throwing 1`] = `
+<form
+  onSubmit={undefined}
+/>
+`;
+
+exports[`renders <Images expanded /> without throwing 1`] = `
+.c0 {
+  margin-bottom: 1rem;
+}
+
+.c2 {
+  margin-bottom: 2rem;
+}
+
+.c10 {
+  margin-top: 2rem;
+}
+
+.c4 {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex-direction: row;
+  -ms-flex-direction: row;
+  flex-direction: row;
+  -webkit-flex-wrap: nowrap;
+  -ms-flex-wrap: nowrap;
+  flex-wrap: nowrap;
+  -webkit-box-pack: start;
+  -webkit-justify-content: flex-start;
+  -ms-flex-pack: start;
+  justify-content: flex-start;
+  -webkit-align-content: stretch;
+  -ms-flex-line-pack: stretch;
+  align-content: stretch;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+}
+
+.c9 {
+  box-sizing: border-box;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex: 0 1 auto;
+  -ms-flex: 0 1 auto;
+  flex: 0 1 auto;
+  -webkit-flex-direction: row;
+  -ms-flex-direction: row;
+  flex-direction: row;
+  -webkit-flex-wrap: wrap;
+  -ms-flex-wrap: wrap;
+  flex-wrap: wrap;
+  margin-right: -0.5rem;
+  margin-left: -0.5rem;
+}
+
+.c1 {
+  color: rgba(73,73,73,1);
+  line-height: 1.5rem;
+  font-size: 0.9375rem;
+  margin: 0;
+}
+
+.c1 + p,
+.c1 + small,
+.c1 + h1,
+.c1 + h2,
+.c1 + label,
+.c1 + h3,
+.c1 + h4,
+.c1 + h5,
+.c1 + div,
+.c1 + span {
+  padding-bottom: 2.25rem;
+}
+
+.c13 {
+  font-family: sans-serif;
+  font-size: 100%;
+  line-height: 1.15;
+  margin: 0;
+  overflow: visible;
+  text-transform: none;
+  -webkit-appearance: button;
+  -moz-appearance: button;
+  appearance: button;
+  min-width: 7.5rem;
+}
+
+.c13::-moz-focus-inner,
+.c13[type='button']::-moz-focus-inner,
+.c13[type='reset']::-moz-focus-inner,
+.c13[type='submit']::-moz-focus-inner {
+  border-style: none;
+  padding: 0;
+}
+
+.c13:-moz-focusring,
+.c13[type='button']:-moz-focusring,
+.c13[type='reset']:-moz-focusring,
+.c13[type='submit']:-moz-focusring {
+  outline: 0.0625rem dotted ButtonText;
+}
+
+.c13 + button {
+  margin-left: 0.375rem;
+}
+
+.c12 {
+  display: inline-block;
+}
+
+.c11 {
+  box-sizing: border-box;
+  display: inline-block;
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  min-height: 3rem;
+  height: 3rem;
+  min-width: 7.5rem;
+  margin-bottom: 0.5rem;
+  margin-top: 0.5rem;
+  padding: 0.9375rem 1.125rem;
+  position: relative;
+  font-size: 0.9375rem;
+  text-align: center;
+  font-style: normal;
+  font-stretch: normal;
+  line-height: normal;
+  -webkit-letter-spacing: normal;
+  -moz-letter-spacing: normal;
+  -ms-letter-spacing: normal;
+  letter-spacing: normal;
+  text-decoration: none;
+  white-space: nowrap;
+  vertical-align: middle;
+  touch-action: manipulation;
+  cursor: pointer;
+  color: rgb(255,255,255);
+  -webkit-text-fill-color: currentcolor;
+  background-image: none;
+  background-color: rgb(59,70,204);
+  border-radius: 0.25rem;
+  border: solid 0.0625rem rgb(45,56,132);
+  cursor: not-allowed;
+  pointer-events: none;
+  color: rgb(216,216,216);
+  background-color: rgb(250,250,250);
+  border-color: rgb(216,216,216);
+}
+
+.c11:focus {
+  outline: 0;
+  text-decoration: none;
+  background-color: rgb(59,70,204);
+  border-color: rgb(45,56,132);
+}
+
+.c11:hover {
+  background-color: rgb(72,83,217);
+  border: solid 0.0625rem rgb(45,56,132);
+}
+
+.c11:active,
+.c11:active:hover,
+.c11:active:focus {
+  background-image: none;
+  outline: 0;
+  background-color: rgb(45,56,132);
+  border-color: rgb(45,56,132);
+}
+
+.c11[disabled] {
+  cursor: not-allowed;
+  pointer-events: none;
+}
+
+.c11:focus {
+  background-color: rgb(250,250,250);
+  border-color: rgb(216,216,216);
+}
+
+.c11:hover {
+  background-color: rgb(250,250,250);
+  border-color: rgb(250,250,250);
+}
+
+.c11:active,
+.c11:active:hover,
+.c11:active:focus {
+  background-color: rgb(250,250,250);
+  border-color: rgb(250,250,250);
+}
+
+.c3 {
+  display: inline-block;
+  margin: 0;
+  padding: 0;
+  border: none;
+  overflow: hidden;
+  height: auto;
+  -webkit-margin-start: 0;
+  -webkit-margin-end: 0;
+  -webkit-padding-before: 0;
+  -webkit-padding-start: 0;
+  -webkit-padding-end: 0;
+  -webkit-padding-after: 0;
+}
+
+.c5 {
+  font-size: 0.9375rem;
+  font-style: normal;
+  font-stretch: normal;
+  display: block;
+  color: rgb(70,70,70);
+  text-align: left;
+  margin-right: 0.75rem;
+  font-weight: bold;
+  white-space: pre;
+  font-size: 0.8125rem;
+}
+
+.c6 {
+  position: relative;
+  vertical-align: text-bottom;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+}
+
+.c7 {
+  display: none;
+}
+
+.c7:checked + label {
+  background: #3B46CC;
+  border: 0.0625rem solid rgb(59,70,204);
+}
+
+.c7:checked + label:after {
+  left: 50%;
+  box-shadow: 0 0 0 0.0625rem rgb(59,70,204);
+}
+
+.c7:checked + label:active {
+  box-shadow: none;
+}
+
+.c7:checked + label:active:after {
+  margin-left: -00.75rem;
+}
+
+.c8 {
+  outline: 0;
+  display: block;
+  width: 2.875rem;
+  height: 1.5rem;
+  position: relative;
+  cursor: pointer;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  box-sizing: border-box;
+  background: rgb(250,250,250);
+  border-radius: 1.4375rem;
+  -webkit-transition: all 0.3s ease;
+  transition: all 0.3s ease;
+  border: 0.0625rem solid rgb(216,216,216);
+  margin-right: 0.375rem;
+}
+
+.c8::selection {
+  background: none;
+}
+
+.c8:active {
+  box-shadow: inset 0 0 0 1.5rem rgb(216,216,216);
+}
+
+.c8:active:after {
+  padding-right: 0.75rem;
+}
+
+.c8:hover {
+  border: 0.0625rem solid rgb(59,70,204);
+}
+
+.c8:hover:after {
+  box-shadow: 0 0 0 0.0625rem rgb(59,70,204);
+}
+
+.c8:after,
+.c8:before {
+  position: relative;
+  display: block;
+  content: '';
+  width: 50%;
+  height: 100%;
+}
+
+.c8:after {
+  left: 0;
+  border-radius: 2em;
+  background: rgb(255,255,255);
+  -webkit-transition: left 0.3s cubic-bezier(0.175,0.885,0.32,1.275),padding 0.3s ease,margin 0.3s ease,box-shadow 0.3s ease;
+  transition: left 0.3s cubic-bezier(0.175,0.885,0.32,1.275),padding 0.3s ease,margin 0.3s ease,box-shadow 0.3s ease;
+  box-shadow: 0 0 0 0.0625rem rgb(216,216,216);
+}
+
+.c8:active {
+  box-shadow: inset 0 0 0 2em rgb(216,216,216);
+}
+
+.c8:active:after {
+  padding-right: 0.75rem;
+}
+
+.c8:before {
+  display: none;
+}
+
+<form
+  onSubmit={undefined}
+>
+  <div
+    className="c0"
+  >
+    <p
+      className="c1"
+    >
+      Hardware virtual machines are generally used for non-containerized applications. Infrastructure containers are generally for running any Linux image on secure, bare metal containers. Read the docs
+    </p>
+  </div>
+  <div
+    className="c2"
+  >
+    <div
+      className="c3"
+      name="vms"
+      role="group"
+      style={undefined}
+    >
+      <div
+        className="c4"
+      >
+        <label
+          className="c5"
+          htmlFor="Y"
+        >
+          Infrastructure Container 
+        </label>
+        <div
+          className="c6"
+        >
+          <input
+            checked={undefined}
+            className="c7"
+            id="Y"
+            type="checkbox"
+          />
+          <label
+            className="c8"
+            htmlFor="Y"
+          />
+          <label
+            className="c5"
+            htmlFor="Y"
+          >
+             
+            Hardware Virtual Machine
+          </label>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div
+    className="c9"
+  />
+  <div
+    className="c10"
+  >
+    <button
+      className="c11 c12 c13"
+      disabled={true}
+      href=""
+      type="submit"
+    >
+      Next
+    </button>
+  </div>
+</form>
+`;
+
+exports[`renders <Images images=[{name: stuff, imageName: stuff}] /> without throwing 1`] = `
+<form
+  onSubmit={undefined}
+/>
+`;
+
+exports[`renders <Images isVmSelected /> without throwing 1`] = `
+<form
+  onSubmit={undefined}
+/>
+`;
+
+exports[`renders <Images loading /> without throwing 1`] = `
+<form
+  onSubmit={undefined}
+/>
+`;
+
+exports[`renders <Images pristine={false} /> without throwing 1`] = `
+<form
+  onSubmit={undefined}
+/>
+`;
--- a/packages/my-joy-beta/src/components/create-instance/tests/snapshots/name.spec.js.snap
+++ b/packages/my-joy-beta/src/components/create-instance/tests/snapshots/name.spec.js.snap
--- a/packages/my-joy-beta/src/components/create-instance/tests/snapshots/title.spec.js.snap
+++ b/packages/my-joy-beta/src/components/create-instance/tests/snapshots/title.spec.js.snap
@ -288,9 +288,7 @@ Array [
    </div>
    <p
        className="c2"
-    >
-        Instance name
-    </p>
+    />
 </div>,
  .c2 {
  box-sizing: border-box;
@ -387,9 +385,7 @@ Array [
    />
    <p
        className="c2"
-    >
-        Test
-    </p>
+    />
 </div>,
  .c2 {
  box-sizing: border-box;
--- a/packages/my-joy-beta/src/components/create-instance/tests/images.spec.js
+++ b/packages/my-joy-beta/src/components/create-instance/tests/images.spec.js
@ -0,0 +1,90 @@
+import React from 'react';
+import renderer from 'react-test-renderer';
+import 'jest-styled-components';
+
+import Images from '../image';
+import Theme from '@mocks/theme';
+
+it('renders <Images /> without throwing', () => {
+  expect(
+    renderer
+      .create(
+        <Theme>
+          <Images />
+        </Theme>
+      )
+      .toJSON()
+  ).toMatchSnapshot();
+});
+
+it('renders <Images expanded /> without throwing', () => {
+  expect(
+    renderer
+      .create(
+        <Theme>
+          <Images expanded />
+        </Theme>
+      )
+      .toJSON()
+  ).toMatchSnapshot();
+});
+
+it('renders <Images Images="test" /> without throwing', () => {
+  expect(
+    renderer
+      .create(
+        <Theme>
+          <Images Images="[]" />
+        </Theme>
+      )
+      .toJSON()
+  ).toMatchSnapshot();
+});
+
+it('renders <Images pristine={false} /> without throwing', () => {
+  expect(
+    renderer
+      .create(
+        <Theme>
+          <Images pristine={false} />
+        </Theme>
+      )
+      .toJSON()
+  ).toMatchSnapshot();
+});
+
+it('renders <Images images=[{name: stuff, imageName: stuff}] /> without throwing', () => {
+  expect(
+    renderer
+      .create(
+        <Theme>
+          <Images images={[{ name: 'stuff', imageName: 'stuff' }]} />
+        </Theme>
+      )
+      .toJSON()
+  ).toMatchSnapshot();
+});
+
+it('renders <Images loading /> without throwing', () => {
+  expect(
+    renderer
+      .create(
+        <Theme>
+          <Images loading />
+        </Theme>
+      )
+      .toJSON()
+  ).toMatchSnapshot();
+});
+
+it('renders <Images isVmSelected /> without throwing', () => {
+  expect(
+    renderer
+      .create(
+        <Theme>
+          <Images isVmSelected />
+        </Theme>
+      )
+      .toJSON()
+  ).toMatchSnapshot();
+});
--- a/packages/my-joy-beta/src/components/create-instance/image.js
+++ b/packages/my-joy-beta/src/components/create-instance/image.js
@ -0,0 +1,186 @@
+import React, { Fragment } from 'react';
+import styled, { keyframes } from 'styled-components';
+import { Field } from 'redux-form';
+import { Margin } from 'styled-components-spacing';
+import Flex from 'styled-flex-component';
+import remcalc from 'remcalc';
+import { Row, Col } from 'react-styled-flexboxgrid';
+import titleCase from 'title-case';
+import is from 'styled-is';
+
+import {
+  H3,
+  P,
+  FormGroup,
+  FormLabel,
+  Button,
+  Toggle,
+  H4,
+  Select,
+  StatusLoader
+} from 'joyent-ui-toolkit';
+
+const fadeIn = keyframes`
+  from {
+    opacity: 0;
+  }
+
+  to {
+    opacity: 1;
+  }
+`;
+
+const Card = styled.div`
+  width: ${remcalc(144)};
+  height: ${remcalc(144)};
+  background: ${props => props.theme.white};
+  border: ${remcalc(1)} solid ${props => props.theme.grey};
+  border-radius: ${remcalc(4)};
+  box-sizing: border-box;
+  padding-top: ${remcalc(12)};
+  align-items: center;
+  justify-content: space-between;
+  flex-direction: column;
+  display: flex;
+  margin-bottom: ${remcalc(20)};
+  animation: ${fadeIn} 0.2s ease-in-out;
+
+  ${is('selected')`
+    border: 1px solid ${props => props.theme.primaryActive};
+
+
+    select {
+      border-color: ${props => props.theme.primaryActive};
+    }
+  `};
+`;
+
+const Version = styled(Select)`
+  min-width: 100%;
+  width: ${remcalc(144)};
+
+  select {
+    margin: 0;
+    border-bottom-width: 0;
+    border-radius: 0;
+  }
+`;
+
+const getImage = name => {
+  try {
+    return require(`../../assets/${name}.svg`);
+  } catch (e) {
+    return require(`../../assets/placeholder.svg`);
+  }
+};
+
+const getImageByID = (id, images) => {
+  const image = images
+    .map(image => ({
+      ...image,
+      versions: image.versions.filter(version => version.id === id)
+    }))
+    .filter(e => e.versions.length)[0];
+  return image
+    ? {
+        imageName: image.imageName,
+        name: image.versions[0].name,
+        version: image.versions[0].version
+      }
+    : {};
+};
+
+export default ({
+  handleSubmit,
+  pristine,
+  expanded,
+  imageID,
+  onCancel,
+  loading,
+  images,
+  isVmSelected
+}) => (
+  <form onSubmit={handleSubmit}>
+    {expanded && (
+      <Fragment>
+        <Margin bottom={3}>
+          <P>
+            Hardware virtual machines are generally used for non-containerized
+            applications. Infrastructure containers are generally for running
+            any Linux image on secure, bare metal containers. Read the docs
+          </P>
+        </Margin>
+        {loading ? (
+          <StatusLoader />
+        ) : (
+          <Fragment>
+            <Margin bottom={4}>
+              <FormGroup name="vms" field={Field}>
+                <Flex alignCenter>
+                  <FormLabel>Infrastructure Container </FormLabel>
+                  <Toggle>Hardware Virtual Machine</Toggle>
+                </Flex>
+              </FormGroup>
+            </Margin>
+            <Row>
+              {images &&
+                images.map(image => (
+                  <Col md={2} sm={3}>
+                    <Card
+                      selected={
+                        image.imageName ===
+                        getImageByID(imageID, images).imageName
+                      }
+                    >
+                      <img
+                        src={getImage(image.imageName)}
+                        width={42}
+                        height={42}
+                        alt={image.imageName}
+                      />
+                      <H4>{titleCase(image.imageName)}</H4>
+                      <FormGroup name="image" field={Field}>
+                        <Version>
+                          <option selected>Version</option>
+                          {image.versions.map(version => (
+                            <option
+                              key={`${version.name} - ${version.version}`}
+                              value={version.id}
+                            >{`${version.name} - ${version.version}`}</option>
+                          ))}
+                        </Version>
+                      </FormGroup>
+                    </Card>
+                  </Col>
+                ))}
+            </Row>
+            <Margin top={4}>
+              <Button type="submit" disabled={pristine || !imageID}>
+                Next
+              </Button>
+            </Margin>
+          </Fragment>
+        )}
+      </Fragment>
+    )}
+    {!expanded &&
+      imageID && (
+        <Fragment>
+          <Margin bottom={2} top={3}>
+            <H3>
+              {titleCase(getImageByID(imageID, images).name)} -{' '}
+              {getImageByID(imageID, images).version}
+            </H3>
+            <P>
+              {isVmSelected
+                ? 'Hardware Virtual Machine'
+                : 'Infrastructure Container'}{' '}
+            </P>
+          </Margin>
+          <Button type="button" secondary onClick={onCancel}>
+            Edit
+          </Button>
+        </Fragment>
+      )}
+  </form>
+);
--- a/packages/my-joy-beta/src/components/create-instance/name.js
+++ b/packages/my-joy-beta/src/components/create-instance/name.js
@ -3,7 +3,6 @@ import { Field } from 'redux-form';
 import { Margin } from 'styled-components-spacing';

 import {
-  NameIcon,
  H3,
  P,
  FormGroup,
@ -13,11 +12,8 @@ import {
  Button
 } from 'joyent-ui-toolkit';

-import Title from './title';
-
 export default ({ handleSubmit, pristine, expanded, name, onCancel }) => (
  <form onSubmit={handleSubmit}>
-    <Title icon={<NameIcon />} label="Instance name" />
    {expanded ? (
      <Fragment>
        <Margin bottom={3}>
--- a/packages/my-joy-beta/src/components/create-instance/title.js
+++ b/packages/my-joy-beta/src/components/create-instance/title.js
@ -5,11 +5,11 @@ import remcalc from 'remcalc';

 import { Divider, P } from 'joyent-ui-toolkit';

-export default ({ icon, label }) => (
+export default ({ icon, children }) => (
  <Fragment>
    <Flex>
      <Margin right={1}>{icon}</Margin>
-      <P>{label}</P>
+      <P>{children}</P>
    </Flex>
    <Margin top={1} bottom={3}>
      <Divider height={remcalc(1)} />
--- a/packages/my-joy-beta/src/containers/create-instance/image.js
+++ b/packages/my-joy-beta/src/containers/create-instance/image.js
@ -0,0 +1,113 @@
+import React, { Fragment } from 'react';
+import { withRouter } from 'react-router';
+import { compose, graphql } from 'react-apollo';
+import ReduxForm from 'declarative-redux-form';
+import { connect } from 'react-redux';
+import get from 'lodash.get';
+
+import { InstanceTypeIcon } from 'joyent-ui-toolkit';
+import Image from '@components/create-instance/image';
+import Title from '@components/create-instance/title';
+import imageData from '../../data/images-map.json';
+
+import getImages from '../../graphql/get-images.gql';
+
+const ImageContainer = ({
+  expanded,
+  image,
+  handleSubmit,
+  handleCancel,
+  loading,
+  images,
+  vms
+}) => (
+  <Fragment>
+    <Title icon={<InstanceTypeIcon />}>Instance type and image</Title>
+    <ReduxForm
+      form="create-instance-image"
+      destroyOnUnmount={false}
+      forceUnregisterOnUnmount={true}
+      onSubmit={handleSubmit}
+    >
+      {props => (
+        <Image
+          {...props}
+          isVmSelected={vms}
+          loading={loading}
+          imageID={image}
+          images={images}
+          expanded={expanded}
+          onCancel={handleCancel}
+        />
+      )}
+    </ReduxForm>
+  </Fragment>
+);
+
+export default compose(
+  withRouter,
+  connect(
+    (state, ownProps) => {
+      return {
+        ...ownProps,
+        vms: get(state, 'form.create-instance-image.values.vms', false),
+        image: get(state, 'form.create-instance-image.values.image', null)
+      };
+    },
+    (dispatch, { history }) => ({
+      handleSubmit: () => history.push(`/instances/~create/package`),
+      handleCancel: () => history.push(`/instances/~create/image`)
+    })
+  ),
+  graphql(getImages, {
+    props: ({ ownProps: { vms = false }, data: { loading, images = [] } }) => ({
+      loading,
+      images: images.reduce((accumulator, image) => {
+        const isVm = !image.type.includes('DATASET');
+
+        if (isVm && !vms) {
+          return accumulator;
+        }
+
+        const name =
+          imageData[
+            image.name
+              .split('-')[0]
+              .split(' ')[0]
+              .toLowerCase()
+          ];
+
+        const exists = Boolean(
+          accumulator.filter(e => e.imageName === name && isVm === e.isVm)
+            .length
+        );
+
+        if (!exists) {
+          return accumulator.concat([
+            {
+              imageName: name,
+              versions: [
+                {
+                  name: image.name,
+                  version: image.version,
+                  id: image.id
+                }
+              ],
+              isVm
+            }
+          ]);
+        }
+
+        return accumulator.map(({ versions, ...rest }) => ({
+          ...rest,
+          versions:
+            rest.imageName === name && rest.isVm === isVm
+              ? versions.concat([
+                  { name: image.name, version: image.version, id: image.id }
+                ])
+              : versions
+        }));
+      }, [])
+    })
+  })
+)(ImageContainer);
--- a/packages/my-joy-beta/src/containers/create-instance/index.js
+++ b/packages/my-joy-beta/src/containers/create-instance/index.js
@ -4,12 +4,18 @@ import { Margin } from 'styled-components-spacing';
 import { ViewContainer, H2 } from 'joyent-ui-toolkit';

 import Name from '@containers/create-instance/name';
+import Image from '@containers/create-instance/image';

 export default ({ step }) => (
  <ViewContainer>
    <Margin top={4} bottom={4}>
      <H2>Create Instances</H2>
    </Margin>
-    <Name expanded={step === 'name'} />
+    <Margin bottom={4}>
+      <Name expanded={step === 'name'} />
+    </Margin>
+    <Margin bottom={4}>
+      <Image expanded={step === 'image'} />
+    </Margin>
  </ViewContainer>
 );
--- a/packages/my-joy-beta/src/containers/create-instance/name.js
+++ b/packages/my-joy-beta/src/containers/create-instance/name.js
@ -1,28 +1,34 @@
-import React from 'react';
+import React, { Fragment } from 'react';
 import { withRouter } from 'react-router';
 import { compose } from 'react-apollo';
 import ReduxForm from 'declarative-redux-form';
 import { connect } from 'react-redux';
 import get from 'lodash.get';

+import { NameIcon } from 'joyent-ui-toolkit';
+
 import Name from '@components/create-instance/name';
+import Title from '@components/create-instance/title';

 const NameContainer = ({ expanded, name, handleSubmit, handleCancel }) => (
-  <ReduxForm
-    form="create-instance-name"
-    destroyOnUnmount={false}
-    forceUnregisterOnUnmount={true}
-    onSubmit={handleSubmit}
-  >
-    {props => (
-      <Name
-        {...props}
-        name={name}
-        expanded={expanded}
-        onCancel={handleCancel}
-      />
-    )}
-  </ReduxForm>
+  <Fragment>
+    <Title icon={<NameIcon />}>Instance name</Title>
+    <ReduxForm
+      form="create-instance-name"
+      destroyOnUnmount={false}
+      forceUnregisterOnUnmount={true}
+      onSubmit={handleSubmit}
+    >
+      {props => (
+        <Name
+          {...props}
+          name={name}
+          expanded={expanded}
+          onCancel={handleCancel}
+        />
+      )}
+    </ReduxForm>
+  </Fragment>
 );

 export default compose(
--- a/packages/my-joy-beta/src/data/images-map.json
+++ b/packages/my-joy-beta/src/data/images-map.json
@ -0,0 +1,70 @@
+{
+  "apache": "apache",
+  "brocade": "brocade",
+  "cassandra": "cassandra",
+  "couchdb": "couchbase",
+  "couchbase": "couchbase",
+  "brocade": "brocade",
+  "alpine": "alpine",
+  "dtrace": "dtrace",
+  "elasticsearch": "elasticsearch",
+  "ghost": "ghost",
+  "hadoop": "hadoop",
+  "openbsd": "openbsd",
+  "java": "java",
+  "kirke": "kirke",
+  "kirke-trial": "kirke",
+  "magento": "magento",
+  "manta": "manta",
+  "mariadb": "mariadb",
+  "triton": "multiarch",
+  "memcached": "memcached",
+  "mongodb": "mongodb",
+  "mysql-cluster": "mysql",
+  "neo4j": "neo4j",
+  "nginx": "nginx",
+  "node": "node",
+  "nodejs": "node",
+  "nodejs-4": "node",
+  "nodejs-6": "node",
+  "percona": "percona",
+  "pkgbuild": "smart",
+  "postgresql": "postgresql",
+  "rails": "rails",
+  "redis": "redis",
+  "riak": "riak",
+  "scylladb": "scylladb",
+  "scylladb-trial": "scylladb",
+  "steelapp": "brocade",
+  "stm": "stingray",
+  "wordpress": "wordpress",
+  "mysql": "mysql",
+  "alpine-3": "alpine",
+  "arch-demo": "arch",
+  "base": "smart",
+  "centos": "centos",
+  "centos-6": "centos",
+  "centos-7": "centos",
+  "debian": "debian",
+  "fedora": "fedora",
+  "freebsd": "freebsd",
+  "multiarch": "smart",
+  "smartos": "smart",
+  "sngl": "smart",
+  "base": "smart",
+  "standard64": "smart",
+  "standard": "smart",
+  "base64": "smart",
+  "minimal": "smart",
+  "minimal-32": "smart",
+  "minimal-64": "smart",
+  "minimal-32-lts": "smart",
+  "minimal-64-lts": "smart",
+  "ssc": "ubuntu",
+  "standard": "smart",
+  "ubuntu": "ubuntu",
+  "ubuntu-certified-12.04": "ubuntu",
+  "ws20": "windows",
+  "ws2016std": "windows",
+  "ws2012std": "windows"
+}
--- a/packages/my-joy-beta/src/data/prices.json
+++ b/packages/my-joy-beta/src/data/prices.json
@ -0,0 +1,952 @@
+[
+  {
+    "Sku": "SKU-00000009",
+    "SkuName": "Compute",
+    "Productname": "Triton Compute Service",
+    "EffectiveStartDate": "2016-01-01",
+    "EffectiveEndDate": "2100-01-01",
+    "BillingTag": "k4-kvm",
+    "RatePlanChargeName": "General Purpose KVM - 3.75G",
+    "RatePlanChargeType": "Usage",
+    "RatePlanChargeModel": "PerUnit",
+    "RatePlanChargePriceSummary": [
+      {
+        "cost": "0.0838",
+        "UOM": "k4-general-kvm-3.75G"
+      }
+    ],
+    "RatePlanId": "2c92a0f93f413172013f4409a0466d19",
+    "Status": "Active"
+  },
+  {
+    "Sku": "SKU-00000009",
+    "SkuName": "Compute",
+    "Productname": "Triton Compute Service",
+    "EffectiveStartDate": "2016-01-01",
+    "EffectiveEndDate": "2100-01-01",
+    "BillingTag": "k4-kvm",
+    "RatePlanChargeName": "General Purpose KVM - 7.75G",
+    "RatePlanChargeType": "Usage",
+    "RatePlanChargeModel": "PerUnit",
+    "RatePlanChargePriceSummary": [
+      {
+        "cost": "0.1663",
+        "UOM": "k4-general-kvm-7.75G"
+      }
+    ],
+    "RatePlanId": "2c92a0f93f413172013f4409a0466d19",
+    "Status": "Active"
+  },
+  {
+    "Sku": "SKU-00000009",
+    "SkuName": "Compute",
+    "Productname": "Triton Compute Service",
+    "EffectiveStartDate": "2016-01-01",
+    "EffectiveEndDate": "2100-01-01",
+    "BillingTag": "k4-kvm",
+    "RatePlanChargeName": "General Purpose KVM - 15.75G",
+    "RatePlanChargeType": "Usage",
+    "RatePlanChargeModel": "PerUnit",
+    "RatePlanChargePriceSummary": [
+      {
+        "cost": "0.3325",
+        "UOM": "k4-general-kvm-15.75G"
+      }
+    ],
+    "RatePlanId": "2c92a0f93f413172013f4409a0466d19",
+    "Status": "Active"
+  },
+  {
+    "Sku": "SKU-00000009",
+    "SkuName": "Compute",
+    "Productname": "Triton Compute Service",
+    "EffectiveStartDate": "2016-01-01",
+    "EffectiveEndDate": "2100-01-01",
+    "BillingTag": "k4-kvm",
+    "RatePlanChargeName": "General Purpose KVM - 31.75G",
+    "RatePlanChargeType": "Usage",
+    "RatePlanChargeModel": "PerUnit",
+    "RatePlanChargePriceSummary": [
+      {
+        "cost": "0.665",
+        "UOM": "k4-general-kvm-31.75G"
+      }
+    ],
+    "RatePlanId": "2c92a0f93f413172013f4409a0466d19",
+    "Status": "Active"
+  },
+  {
+    "Sku": "SKU-00000009",
+    "SkuName": "Compute",
+    "Productname": "Triton Compute Service",
+    "EffectiveStartDate": "2016-01-01",
+    "EffectiveEndDate": "2100-01-01",
+    "BillingTag": "k4-kvm",
+    "RatePlanChargeName": "Memory Optimized KVM - 15.75G",
+    "RatePlanChargeType": "Usage",
+    "RatePlanChargeModel": "PerUnit",
+    "RatePlanChargePriceSummary": [
+      {
+        "cost": "0.2594",
+        "UOM": "k4-highram-kvm-15.75G"
+      }
+    ],
+    "RatePlanId": "2c92a0f93f413172013f4409a0466d19",
+    "Status": "Active"
+  },
+  {
+    "Sku": "SKU-00000009",
+    "SkuName": "Compute",
+    "Productname": "Triton Compute Service",
+    "EffectiveStartDate": "2016-01-01",
+    "EffectiveEndDate": "2100-01-01",
+    "BillingTag": "k4-kvm",
+    "RatePlanChargeName": "Memory Optimized KVM - 31.75G",
+    "RatePlanChargeType": "Usage",
+    "RatePlanChargeModel": "PerUnit",
+    "RatePlanChargePriceSummary": [
+      {
+        "cost": "0.5203",
+        "UOM": "k4-highram-kvm-31.75G"
+      }
+    ],
+    "RatePlanId": "2c92a0f93f413172013f4409a0466d19",
+    "Status": "Active"
+  },
+  {
+    "Sku": "SKU-00000009",
+    "SkuName": "Compute",
+    "Productname": "Triton Compute Service",
+    "EffectiveStartDate": "2016-01-01",
+    "EffectiveEndDate": "2100-01-01",
+    "BillingTag": "k4-kvm",
+    "RatePlanChargeName": "Memory Optimized KVM - 63.75G",
+    "RatePlanChargeType": "Usage",
+    "RatePlanChargeModel": "PerUnit",
+    "RatePlanChargePriceSummary": [
+      {
+        "cost": "1.0391",
+        "UOM": "k4-highram-kvm-63.75G"
+      }
+    ],
+    "RatePlanId": "2c92a0f93f413172013f4409a0466d19",
+    "Status": "Active"
+  },
+  {
+    "Sku": "SKU-00000009",
+    "SkuName": "Compute",
+    "Productname": "Triton Compute Service",
+    "EffectiveStartDate": "2016-01-01",
+    "EffectiveEndDate": "2100-01-01",
+    "BillingTag": "k4-kvm",
+    "RatePlanChargeName": "Fast Disk KVM - 63.75G",
+    "RatePlanChargeType": "Usage",
+    "RatePlanChargeModel": "PerUnit",
+    "RatePlanChargePriceSummary": [
+      {
+        "cost": "2.1313",
+        "UOM": "k4-fastdisk-kvm-63.75G"
+      }
+    ],
+    "RatePlanId": "2c92a0f93f413172013f4409a0466d19",
+    "Status": "Active"
+  },
+  {
+    "Sku": "SKU-00000009",
+    "SkuName": "Compute",
+    "Productname": "Triton Compute Service",
+    "EffectiveStartDate": "2016-01-01",
+    "EffectiveEndDate": "2100-01-01",
+    "BillingTag": "k4-kvm",
+    "RatePlanChargeName": "Compute Optimized KVM - 250M",
+    "RatePlanChargeType": "Usage",
+    "RatePlanChargeModel": "PerUnit",
+    "RatePlanChargePriceSummary": [
+      {
+        "cost": "0.0163",
+        "UOM": "k4-highcpu-kvm-250M"
+      }
+    ],
+    "RatePlanId": "2c92a0f93f413172013f4409a0466d19",
+    "Status": "Active"
+  },
+  {
+    "Sku": "SKU-00000009",
+    "SkuName": "Compute",
+    "Productname": "Triton Compute Service",
+    "EffectiveStartDate": "2016-01-01",
+    "EffectiveEndDate": "2100-01-01",
+    "BillingTag": "k4-kvm",
+    "RatePlanChargeName": "Compute Optimized KVM - 750M",
+    "RatePlanChargeType": "Usage",
+    "RatePlanChargeModel": "PerUnit",
+    "RatePlanChargePriceSummary": [
+      {
+        "cost": "0.0325",
+        "UOM": "k4-highcpu-kvm-750M"
+      }
+    ],
+    "RatePlanId": "2c92a0f93f413172013f4409a0466d19",
+    "Status": "Active"
+  },
+  {
+    "Sku": "SKU-00000009",
+    "SkuName": "Compute",
+    "Productname": "Triton Compute Service",
+    "EffectiveStartDate": "2016-01-01",
+    "EffectiveEndDate": "2100-01-01",
+    "BillingTag": "k4-kvm",
+    "RatePlanChargeName": "Compute Optimized KVM - 1.75G",
+    "RatePlanChargeType": "Usage",
+    "RatePlanChargeModel": "PerUnit",
+    "RatePlanChargePriceSummary": [
+      {
+        "cost": "0.0663",
+        "UOM": "k4-highcpu-kvm-1.75G"
+      }
+    ],
+    "RatePlanId": "2c92a0f93f413172013f4409a0466d19",
+    "Status": "Active"
+  },
+  {
+    "Sku": "SKU-00000009",
+    "SkuName": "Compute",
+    "Productname": "Triton Compute Service",
+    "EffectiveStartDate": "2016-01-01",
+    "EffectiveEndDate": "2100-01-01",
+    "BillingTag": "k4-kvm",
+    "RatePlanChargeName": "Compute Optimized KVM - 3.75G",
+    "RatePlanChargeType": "Usage",
+    "RatePlanChargeModel": "PerUnit",
+    "RatePlanChargePriceSummary": [
+      {
+        "cost": "0.1313",
+        "UOM": "k4-highcpu-kvm-3.75G"
+      }
+    ],
+    "RatePlanId": "2c92a0f93f413172013f4409a0466d19",
+    "Status": "Active"
+  },
+  {
+    "Sku": "SKU-00000009",
+    "SkuName": "Compute",
+    "Productname": "Triton Compute Service",
+    "EffectiveStartDate": "2016-01-01",
+    "EffectiveEndDate": "2100-01-01",
+    "BillingTag": "k4-kvm",
+    "RatePlanChargeName": "Compute Optimized KVM - 7.75G",
+    "RatePlanChargeType": "Usage",
+    "RatePlanChargeModel": "PerUnit",
+    "RatePlanChargePriceSummary": [
+      {
+        "cost": "0.2625",
+        "UOM": "k4-highcpu-kvm-7.75G"
+      }
+    ],
+    "RatePlanId": "2c92a0f93f413172013f4409a0466d19",
+    "Status": "Active"
+  },
+  {
+    "Sku": "SKU-00000009",
+    "SkuName": "Compute",
+    "Productname": "Triton Compute Service",
+    "EffectiveStartDate": "2016-01-01",
+    "EffectiveEndDate": "2100-01-01",
+    "BillingTag": "k4-kvm",
+    "RatePlanChargeName": "Compute Optimized KVM - 15.75G",
+    "RatePlanChargeType": "Usage",
+    "RatePlanChargeModel": "PerUnit",
+    "RatePlanChargePriceSummary": [
+      {
+        "cost": "0.525",
+        "UOM": "k4-highcpu-kvm-15.75G"
+      }
+    ],
+    "RatePlanId": "2c92a0f93f413172013f4409a0466d19",
+    "Status": "Active"
+  },
+  {
+    "Sku": "SKU-00000009",
+    "SkuName": "Compute",
+    "Productname": "Triton Compute Service",
+    "EffectiveStartDate": "2016-01-01",
+    "EffectiveEndDate": "2100-01-01",
+    "BillingTag": "k4-kvm",
+    "RatePlanChargeName": "Fast Disk KVM - 31.75G",
+    "RatePlanChargeType": "Usage",
+    "RatePlanChargeModel": "PerUnit",
+    "RatePlanChargePriceSummary": [
+      {
+        "cost": "1.0663",
+        "UOM": "k4-fastdisk-kvm-31.75G"
+      }
+    ],
+    "RatePlanId": "2c92a0f93f413172013f4409a0466d19",
+    "Status": "Active"
+  },
+  {
+    "Sku": "SKU-00000009",
+    "SkuName": "Compute",
+    "Productname": "Triton Compute Service",
+    "EffectiveStartDate": "2016-01-01",
+    "EffectiveEndDate": "2100-01-01",
+    "BillingTag": "k4-kvm",
+    "RatePlanChargeName": "Big Disk KVM - 31.75G",
+    "RatePlanChargeType": "Usage",
+    "RatePlanChargeModel": "PerUnit",
+    "RatePlanChargePriceSummary": [
+      {
+        "cost": "0.825",
+        "UOM": "k4-bigdisk-kvm-31.75G"
+      }
+    ],
+    "RatePlanId": "2c92a0f93f413172013f4409a0466d19",
+    "Status": "Active"
+  },
+  {
+    "Sku": "SKU-00000009",
+    "SkuName": "Compute",
+    "Productname": "Triton Compute Service",
+    "EffectiveStartDate": "2016-01-01",
+    "EffectiveEndDate": "2100-01-01",
+    "BillingTag": "k4-kvm",
+    "RatePlanChargeName": "Big Disk KVM - 63.75G",
+    "RatePlanChargeType": "Usage",
+    "RatePlanChargeModel": "PerUnit",
+    "RatePlanChargePriceSummary": [
+      {
+        "cost": "1.725",
+        "UOM": "k4-bigdisk-kvm-63.75G"
+      }
+    ],
+    "RatePlanId": "2c92a0f93f413172013f4409a0466d19",
+    "Status": "Active"
+  },
+  {
+    "Sku": "SKU-00000009",
+    "SkuName": "Compute",
+    "Productname": "Triton Compute Service",
+    "EffectiveStartDate": "2016-01-01",
+    "EffectiveEndDate": "2100-01-01",
+    "BillingTag": "k4-kvm",
+    "RatePlanChargeName": "Big Disk KVM - 15.75G",
+    "RatePlanChargeType": "Usage",
+    "RatePlanChargeModel": "PerUnit",
+    "RatePlanChargePriceSummary": [
+      {
+        "cost": "0.4125",
+        "UOM": "k4-bigdisk-kvm-15.75G"
+      }
+    ],
+    "RatePlanId": "2c92a0f93f413172013f4409a0466d19",
+    "Status": "Active"
+  },
+  {
+    "Sku": "SKU-00000009",
+    "SkuName": "Compute",
+    "Productname": "Triton Container Service",
+    "EffectiveStartDate": "2015-01-01",
+    "EffectiveEndDate": "2100-01-01",
+    "BillingTag": "t4-triton",
+    "RatePlanChargeName": "General Purpose - 4G",
+    "RatePlanChargeType": "Usage",
+    "RatePlanChargeModel": "PerUnit",
+    "RatePlanChargePriceSummary": [
+      {
+        "cost": "0.067",
+        "UOM": "g4-general-4G"
+      }
+    ],
+    "RatePlanId": "2c92a0f93f413172013f4409a0466d19",
+    "Status": "Active"
+  },
+  {
+    "Sku": "SKU-00000009",
+    "SkuName": "Compute",
+    "Productname": "Triton Container Service",
+    "EffectiveStartDate": "2015-01-01",
+    "EffectiveEndDate": "2100-01-01",
+    "BillingTag": "t4-triton",
+    "RatePlanChargeName": "General Purpose - 8G",
+    "RatePlanChargeType": "Usage",
+    "RatePlanChargeModel": "PerUnit",
+    "RatePlanChargePriceSummary": [
+      {
+        "cost": "0.133",
+        "UOM": "g4-general-8G"
+      }
+    ],
+    "RatePlanId": "2c92a0f93f413172013f4409a0466d19",
+    "Status": "Active"
+  },
+  {
+    "Sku": "SKU-00000009",
+    "SkuName": "Compute",
+    "Productname": "Triton Container Service",
+    "EffectiveStartDate": "2015-01-01",
+    "EffectiveEndDate": "2100-01-01",
+    "BillingTag": "t4-triton",
+    "RatePlanChargeName": "General Purpose - 16G",
+    "RatePlanChargeType": "Usage",
+    "RatePlanChargeModel": "PerUnit",
+    "RatePlanChargePriceSummary": [
+      {
+        "cost": "0.266",
+        "UOM": "g4-general-16G"
+      }
+    ],
+    "RatePlanId": "2c92a0f93f413172013f4409a0466d19",
+    "Status": "Active"
+  },
+  {
+    "Sku": "SKU-00000009",
+    "SkuName": "Compute",
+    "Productname": "Triton Container Service",
+    "EffectiveStartDate": "2015-01-01",
+    "EffectiveEndDate": "2100-01-01",
+    "BillingTag": "t4-triton",
+    "RatePlanChargeName": "General Purpose - 32G",
+    "RatePlanChargeType": "Usage",
+    "RatePlanChargeModel": "PerUnit",
+    "RatePlanChargePriceSummary": [
+      {
+        "cost": "0.532",
+        "UOM": "g4-general-32G"
+      }
+    ],
+    "RatePlanId": "2c92a0f93f413172013f4409a0466d19",
+    "Status": "Active"
+  },
+  {
+    "Sku": "SKU-00000009",
+    "SkuName": "Compute",
+    "Productname": "Triton Container Service",
+    "EffectiveStartDate": "2015-01-01",
+    "EffectiveEndDate": "2100-01-01",
+    "BillingTag": "t4-triton",
+    "RatePlanChargeName": "Memory Optimized - 16G",
+    "RatePlanChargeType": "Usage",
+    "RatePlanChargeModel": "PerUnit",
+    "RatePlanChargePriceSummary": [
+      {
+        "cost": "0.2075",
+        "UOM": "g4-highram-16G"
+      }
+    ],
+    "RatePlanId": "2c92a0f93f413172013f4409a0466d19",
+    "Status": "Active"
+  },
+  {
+    "Sku": "SKU-00000009",
+    "SkuName": "Compute",
+    "Productname": "Triton Container Service",
+    "EffectiveStartDate": "2015-01-01",
+    "EffectiveEndDate": "2100-01-01",
+    "BillingTag": "t4-triton",
+    "RatePlanChargeName": "Memory Optimized - 32G",
+    "RatePlanChargeType": "Usage",
+    "RatePlanChargeModel": "PerUnit",
+    "RatePlanChargePriceSummary": [
+      {
+        "cost": "0.4163",
+        "UOM": "g4-highram-32G"
+      }
+    ],
+    "RatePlanId": "2c92a0f93f413172013f4409a0466d19",
+    "Status": "Active"
+  },
+  {
+    "Sku": "SKU-00000009",
+    "SkuName": "Compute",
+    "Productname": "Triton Container Service",
+    "EffectiveStartDate": "2015-01-01",
+    "EffectiveEndDate": "2100-01-01",
+    "BillingTag": "t4-triton",
+    "RatePlanChargeName": "Memory Optimized - 64G",
+    "RatePlanChargeType": "Usage",
+    "RatePlanChargeModel": "PerUnit",
+    "RatePlanChargePriceSummary": [
+      {
+        "cost": "0.8313",
+        "UOM": "g4-highram-64G"
+      }
+    ],
+    "RatePlanId": "2c92a0f93f413172013f4409a0466d19",
+    "Status": "Active"
+  },
+  {
+    "Sku": "SKU-00000009",
+    "SkuName": "Compute",
+    "Productname": "Triton Container Service",
+    "EffectiveStartDate": "2015-01-01",
+    "EffectiveEndDate": "2100-01-01",
+    "BillingTag": "t4-triton",
+    "RatePlanChargeName": "Memory Optimized - 110G",
+    "RatePlanChargeType": "Usage",
+    "RatePlanChargeModel": "PerUnit",
+    "RatePlanChargePriceSummary": [
+      {
+        "cost": "1.6625",
+        "UOM": "g4-highram-110G"
+      }
+    ],
+    "RatePlanId": "2c92a0f93f413172013f4409a0466d19",
+    "Status": "Active"
+  },
+  {
+    "Sku": "SKU-00000009",
+    "SkuName": "Compute",
+    "Productname": "Triton Container Service",
+    "EffectiveStartDate": "2015-01-01",
+    "EffectiveEndDate": "2100-01-01",
+    "BillingTag": "t4-triton",
+    "RatePlanChargeName": "Memory Optimized - 222G",
+    "RatePlanChargeType": "Usage",
+    "RatePlanChargeModel": "PerUnit",
+    "RatePlanChargePriceSummary": [
+      {
+        "cost": "3.325",
+        "UOM": "g4-highram-222G"
+      }
+    ],
+    "RatePlanId": "2c92a0f93f413172013f4409a0466d19",
+    "Status": "Active"
+  },
+  {
+    "Sku": "SKU-00000009",
+    "SkuName": "Compute",
+    "Productname": "Triton Container Service",
+    "EffectiveStartDate": "2015-01-01",
+    "EffectiveEndDate": "2100-01-01",
+    "BillingTag": "t4-triton",
+    "RatePlanChargeName": "Compute Optimized - 8G",
+    "RatePlanChargeType": "Usage",
+    "RatePlanChargeModel": "PerUnit",
+    "RatePlanChargePriceSummary": [
+      {
+        "cost": "0.21",
+        "UOM": "g4-highcpu-8G"
+      }
+    ],
+    "RatePlanId": "2c92a0f93f413172013f4409a0466d19",
+    "Status": "Active"
+  },
+  {
+    "Sku": "SKU-00000009",
+    "SkuName": "Compute",
+    "Productname": "Triton Container Service",
+    "EffectiveStartDate": "2015-01-01",
+    "EffectiveEndDate": "2100-01-01",
+    "BillingTag": "t4-triton",
+    "RatePlanChargeName": "Compute Optimized - 96G",
+    "RatePlanChargeType": "Usage",
+    "RatePlanChargeModel": "PerUnit",
+    "RatePlanChargePriceSummary": [
+      {
+        "cost": "2.496",
+        "UOM": "g4-highcpu-96G"
+      }
+    ],
+    "RatePlanId": "2c92a0f93f413172013f4409a0466d19",
+    "Status": "Active"
+  },
+  {
+    "Sku": "SKU-00000009",
+    "SkuName": "Compute",
+    "Productname": "Triton Container Service",
+    "EffectiveStartDate": "2015-01-01",
+    "EffectiveEndDate": "2100-01-01",
+    "BillingTag": "t4-triton",
+    "RatePlanChargeName": "Fast Disk - 32G",
+    "RatePlanChargeType": "Usage",
+    "RatePlanChargeModel": "PerUnit",
+    "RatePlanChargePriceSummary": [
+      {
+        "cost": "0.853",
+        "UOM": "g4-fastdisk-32G"
+      }
+    ],
+    "RatePlanId": "2c92a0f93f413172013f4409a0466d19",
+    "Status": "Active"
+  },
+  {
+    "Sku": "SKU-00000009",
+    "SkuName": "Compute",
+    "Productname": "Triton Container Service",
+    "EffectiveStartDate": "2015-01-01",
+    "EffectiveEndDate": "2100-01-01",
+    "BillingTag": "t4-triton",
+    "RatePlanChargeName": "Fast Disk - 64G",
+    "RatePlanChargeType": "Usage",
+    "RatePlanChargeModel": "PerUnit",
+    "RatePlanChargePriceSummary": [
+      {
+        "cost": "1.705",
+        "UOM": "g4-fastdisk-64G"
+      }
+    ],
+    "RatePlanId": "2c92a0f93f413172013f4409a0466d19",
+    "Status": "Active"
+  },
+  {
+    "Sku": "SKU-00000009",
+    "SkuName": "Compute",
+    "Productname": "Triton Container Service",
+    "EffectiveStartDate": "2015-01-01",
+    "EffectiveEndDate": "2100-01-01",
+    "BillingTag": "t4-triton",
+    "RatePlanChargeName": "Fast Disk - 110G",
+    "RatePlanChargeType": "Usage",
+    "RatePlanChargeModel": "PerUnit",
+    "RatePlanChargePriceSummary": [
+      {
+        "cost": "3.41",
+        "UOM": "g4-fastdisk-110G"
+      }
+    ],
+    "RatePlanId": "2c92a0f93f413172013f4409a0466d19",
+    "Status": "Active"
+  },
+  {
+    "Sku": "SKU-00000009",
+    "SkuName": "Compute",
+    "Productname": "Triton Container Service",
+    "EffectiveStartDate": "2015-01-01",
+    "EffectiveEndDate": "2100-01-01",
+    "BillingTag": "t4-triton",
+    "RatePlanChargeName": "Fast Disk - 222G",
+    "RatePlanChargeType": "Usage",
+    "RatePlanChargeModel": "PerUnit",
+    "RatePlanChargePriceSummary": [
+      {
+        "cost": "5.52",
+        "UOM": "g4-fastdisk-222G"
+      }
+    ],
+    "RatePlanId": "2c92a0f93f413172013f4409a0466d19",
+    "Status": "Active"
+  },
+  {
+    "Sku": "SKU-00000009",
+    "SkuName": "Compute",
+    "Productname": "Triton Container Service",
+    "EffectiveStartDate": "2015-01-01",
+    "EffectiveEndDate": "2100-01-01",
+    "BillingTag": "t4-triton",
+    "RatePlanChargeName": "Compute Optimized - 128M",
+    "RatePlanChargeType": "Usage",
+    "RatePlanChargeModel": "PerUnit",
+    "RatePlanChargePriceSummary": [
+      {
+        "cost": "0.003",
+        "UOM": "g4-highcpu-128M"
+      }
+    ],
+    "RatePlanId": "2c92a0f93f413172013f4409a0466d19",
+    "Status": "Active"
+  },
+  {
+    "Sku": "SKU-00000009",
+    "SkuName": "Compute",
+    "Productname": "Triton Container Service",
+    "EffectiveStartDate": "2015-01-01",
+    "EffectiveEndDate": "2100-01-01",
+    "BillingTag": "t4-triton",
+    "RatePlanChargeName": "Compute Optimized - 256M",
+    "RatePlanChargeType": "Usage",
+    "RatePlanChargeModel": "PerUnit",
+    "RatePlanChargePriceSummary": [
+      {
+        "cost": "0.007",
+        "UOM": "g4-highcpu-256M"
+      }
+    ],
+    "RatePlanId": "2c92a0f93f413172013f4409a0466d19",
+    "Status": "Active"
+  },
+  {
+    "Sku": "SKU-00000009",
+    "SkuName": "Compute",
+    "Productname": "Triton Container Service",
+    "EffectiveStartDate": "2015-01-01",
+    "EffectiveEndDate": "2100-01-01",
+    "BillingTag": "t4-triton",
+    "RatePlanChargeName": "Compute Optimized - 512M",
+    "RatePlanChargeType": "Usage",
+    "RatePlanChargeModel": "PerUnit",
+    "RatePlanChargePriceSummary": [
+      {
+        "cost": "0.013",
+        "UOM": "g4-highcpu-512M"
+      }
+    ],
+    "RatePlanId": "2c92a0f93f413172013f4409a0466d19",
+    "Status": "Active"
+  },
+  {
+    "Sku": "SKU-00000009",
+    "SkuName": "Compute",
+    "Productname": "Triton Container Service",
+    "EffectiveStartDate": "2015-01-01",
+    "EffectiveEndDate": "2100-01-01",
+    "BillingTag": "t4-triton",
+    "RatePlanChargeName": "Compute Optimized - 1G",
+    "RatePlanChargeType": "Usage",
+    "RatePlanChargeModel": "PerUnit",
+    "RatePlanChargePriceSummary": [
+      {
+        "cost": "0.026",
+        "UOM": "g4-highcpu-1G"
+      }
+    ],
+    "RatePlanId": "2c92a0f93f413172013f4409a0466d19",
+    "Status": "Active"
+  },
+  {
+    "Sku": "SKU-00000009",
+    "SkuName": "Compute",
+    "Productname": "Triton Container Service",
+    "EffectiveStartDate": "2015-01-01",
+    "EffectiveEndDate": "2100-01-01",
+    "BillingTag": "t4-triton",
+    "RatePlanChargeName": "Compute Optimized - 2G",
+    "RatePlanChargeType": "Usage",
+    "RatePlanChargeModel": "PerUnit",
+    "RatePlanChargePriceSummary": [
+      {
+        "cost": "0.053",
+        "UOM": "g4-highcpu-2G"
+      }
+    ],
+    "RatePlanId": "2c92a0f93f413172013f4409a0466d19",
+    "Status": "Active"
+  },
+  {
+    "Sku": "SKU-00000009",
+    "SkuName": "Compute",
+    "Productname": "Triton Container Service",
+    "EffectiveStartDate": "2015-01-01",
+    "EffectiveEndDate": "2100-01-01",
+    "BillingTag": "t4-triton",
+    "RatePlanChargeName": "Compute Optimized - 4G",
+    "RatePlanChargeType": "Usage",
+    "RatePlanChargeModel": "PerUnit",
+    "RatePlanChargePriceSummary": [
+      {
+        "cost": "0.105",
+        "UOM": "g4-highcpu-4G"
+      }
+    ],
+    "RatePlanId": "2c92a0f93f413172013f4409a0466d19",
+    "Status": "Active"
+  },
+  {
+    "Sku": "SKU-00000009",
+    "SkuName": "Compute",
+    "Productname": "Triton Container Service",
+    "EffectiveStartDate": "2015-01-01",
+    "EffectiveEndDate": "2100-01-01",
+    "BillingTag": "t4-triton",
+    "RatePlanChargeName": "Compute Optimized - 16G",
+    "RatePlanChargeType": "Usage",
+    "RatePlanChargeModel": "PerUnit",
+    "RatePlanChargePriceSummary": [
+      {
+        "cost": "0.42",
+        "UOM": "g4-highcpu-16G"
+      }
+    ],
+    "RatePlanId": "2c92a0f93f413172013f4409a0466d19",
+    "Status": "Active"
+  },
+  {
+    "Sku": "SKU-00000009",
+    "SkuName": "Compute",
+    "Productname": "Triton Container Service",
+    "EffectiveStartDate": "2015-01-01",
+    "EffectiveEndDate": "2100-01-01",
+    "BillingTag": "t4-triton",
+    "RatePlanChargeName": "Compute Optimized - 32G",
+    "RatePlanChargeType": "Usage",
+    "RatePlanChargeModel": "PerUnit",
+    "RatePlanChargePriceSummary": [
+      {
+        "cost": "0.84",
+        "UOM": "g4-highcpu-32G"
+      }
+    ],
+    "RatePlanId": "2c92a0f93f413172013f4409a0466d19",
+    "Status": "Active"
+  },
+  {
+    "Sku": "SKU-00000009",
+    "SkuName": "Compute",
+    "Productname": "Triton Container Service",
+    "EffectiveStartDate": "2015-01-01",
+    "EffectiveEndDate": "2100-01-01",
+    "BillingTag": "t4-triton",
+    "RatePlanChargeName": "Compute Optimized - 64G",
+    "RatePlanChargeType": "Usage",
+    "RatePlanChargeModel": "PerUnit",
+    "RatePlanChargePriceSummary": [
+      {
+        "cost": "1.68",
+        "UOM": "g4-highcpu-64G"
+      }
+    ],
+    "RatePlanId": "2c92a0f93f413172013f4409a0466d19",
+    "Status": "Active"
+  },
+  {
+    "Sku": "SKU-00000009",
+    "SkuName": "Compute",
+    "Productname": "Triton Container Service",
+    "EffectiveStartDate": "2015-01-01",
+    "EffectiveEndDate": "2100-01-01",
+    "BillingTag": "t4-triton",
+    "RatePlanChargeName": "Compute Optimized - 110G",
+    "RatePlanChargeType": "Usage",
+    "RatePlanChargeModel": "PerUnit",
+    "RatePlanChargePriceSummary": [
+      {
+        "cost": "3.328",
+        "UOM": "g4-highcpu-110G"
+      }
+    ],
+    "RatePlanId": "2c92a0f93f413172013f4409a0466d19",
+    "Status": "Active"
+  },
+  {
+    "Sku": "SKU-00000009",
+    "SkuName": "Compute",
+    "Productname": "Triton Container Service",
+    "EffectiveStartDate": "2015-01-01",
+    "EffectiveEndDate": "2100-01-01",
+    "BillingTag": "t4-triton",
+    "RatePlanChargeName": "Compute Optimized - 160G",
+    "RatePlanChargeType": "Usage",
+    "RatePlanChargeModel": "PerUnit",
+    "RatePlanChargePriceSummary": [
+      {
+        "cost": "4.16",
+        "UOM": "g4-highcpu-160G"
+      }
+    ],
+    "RatePlanId": "2c92a0f93f413172013f4409a0466d19",
+    "Status": "Active"
+  },
+  {
+    "Sku": "SKU-00000009",
+    "SkuName": "Compute",
+    "Productname": "Triton Container Service",
+    "EffectiveStartDate": "2015-01-01",
+    "EffectiveEndDate": "2100-01-01",
+    "BillingTag": "t4-triton",
+    "RatePlanChargeName": "Compute Optimized - 192G",
+    "RatePlanChargeType": "Usage",
+    "RatePlanChargeModel": "PerUnit",
+    "RatePlanChargePriceSummary": [
+      {
+        "cost": "4.992",
+        "UOM": "g4-highcpu-192G"
+      }
+    ],
+    "RatePlanId": "2c92a0f93f413172013f4409a0466d19",
+    "Status": "Active"
+  },
+  {
+    "Sku": "SKU-00000009",
+    "SkuName": "Compute",
+    "Productname": "Triton Container Service",
+    "EffectiveStartDate": "2015-01-01",
+    "EffectiveEndDate": "2100-01-01",
+    "BillingTag": "t4-triton",
+    "RatePlanChargeName": "Compute Optimized - 222G",
+    "RatePlanChargeType": "Usage",
+    "RatePlanChargeModel": "PerUnit",
+    "RatePlanChargePriceSummary": [
+      {
+        "cost": "5.772",
+        "UOM": "g4-highcpu-222G"
+      }
+    ],
+    "RatePlanId": "2c92a0f93f413172013f4409a0466d19",
+    "Status": "Active"
+  },
+  {
+    "Sku": "SKU-00000009",
+    "SkuName": "Compute",
+    "Productname": "Triton Container Service",
+    "EffectiveStartDate": "2015-01-01",
+    "EffectiveEndDate": "2100-01-01",
+    "BillingTag": "t4-triton",
+    "RatePlanChargeName": "Big Disk - 64G",
+    "RatePlanChargeType": "Usage",
+    "RatePlanChargeModel": "PerUnit",
+    "RatePlanChargePriceSummary": [
+      {
+        "cost": "1.38",
+        "UOM": "g4-bigdisk-64G"
+      }
+    ],
+    "RatePlanId": "2c92a0f93f413172013f4409a0466d19",
+    "Status": "Active"
+  },
+  {
+    "Sku": "SKU-00000009",
+    "SkuName": "Compute",
+    "Productname": "Triton Container Service",
+    "EffectiveStartDate": "2015-01-01",
+    "EffectiveEndDate": "2100-01-01",
+    "BillingTag": "t4-triton",
+    "RatePlanChargeName": "Big Disk - 16G",
+    "RatePlanChargeType": "Usage",
+    "RatePlanChargeModel": "PerUnit",
+    "RatePlanChargePriceSummary": [
+      {
+        "cost": "0.345",
+        "UOM": "g4-bigdisk-16G"
+      }
+    ],
+    "RatePlanId": "2c92a0f93f413172013f4409a0466d19",
+    "Status": "Active"
+  },
+  {
+    "Sku": "SKU-00000009",
+    "SkuName": "Compute",
+    "Productname": "Triton Container Service",
+    "EffectiveStartDate": "2015-01-01",
+    "EffectiveEndDate": "2100-01-01",
+    "BillingTag": "t4-triton",
+    "RatePlanChargeName": "Big Disk - 32G",
+    "RatePlanChargeType": "Usage",
+    "RatePlanChargeModel": "PerUnit",
+    "RatePlanChargePriceSummary": [
+      {
+        "cost": "0.69",
+        "UOM": "g4-bigdisk-32G"
+      }
+    ],
+    "RatePlanId": "2c92a0f93f413172013f4409a0466d19",
+    "Status": "Active"
+  },
+  {
+    "Sku": "SKU-00000009",
+    "SkuName": "Compute",
+    "Productname": "Triton Container Service",
+    "EffectiveStartDate": "2015-01-01",
+    "EffectiveEndDate": "2100-01-01",
+    "BillingTag": "t4-triton",
+    "RatePlanChargeName": "Big Disk - 110G",
+    "RatePlanChargeType": "Usage",
+    "RatePlanChargeModel": "PerUnit",
+    "RatePlanChargePriceSummary": [
+      {
+        "cost": "2.76",
+        "UOM": "g4-bigdisk-110G"
+      }
+    ],
+    "RatePlanId": "2c92a0f93f413172013f4409a0466d19",
+    "Status": "Active"
+  }
+]
--- a/packages/my-joy-beta/src/graphql/create-snapshot.gql
+++ b/packages/my-joy-beta/src/graphql/create-snapshot.gql
@ -1,5 +1,6 @@
 mutation createInstanceSnapshot($id: ID!, $name: String) {
  createMachineSnapshot(id: $id, name: $name) {
+    id
    name
  }
 }
--- a/packages/my-joy-beta/src/graphql/get-images.gql
+++ b/packages/my-joy-beta/src/graphql/get-images.gql
@ -0,0 +1,9 @@
+query Images {
+  images {
+    id
+    name
+    os
+    version
+    type
+  }
+}
--- a/packages/my-joy-beta/src/graphql/remove-snapshot.gql
+++ b/packages/my-joy-beta/src/graphql/remove-snapshot.gql
@ -1,5 +1,6 @@
 mutation deleteMachineSnapshot($id: ID!, $snapshot: ID!) {
  deleteMachineSnapshot(id: $id, snapshot: $snapshot) {
+    id
    name
  }
 }
--- a/packages/my-joy-beta/src/router.js
+++ b/packages/my-joy-beta/src/router.js
@ -104,52 +104,52 @@ export default () => (
        <Route
          path="/instances/~create/name"
          exact
-          component={() => <CreateInstance step="name" />}
+          component={props => <CreateInstance {...props} step="name" />}
        />
        <Route
          path="/instances/~create/image"
          exact
-          component={() => <CreateInstance step="image" />}
+          component={props => <CreateInstance {...props} step="image" />}
        />
        <Route
          path="/instances/~create/package"
          exact
-          component={() => <CreateInstance step="package" />}
+          component={props => <CreateInstance {...props} step="package" />}
        />
        <Route
          path="/instances/~create/tags"
          exact
-          component={() => <CreateInstance step="tags" />}
+          component={props => <CreateInstance {...props} step="tags" />}
        />
        <Route
          path="/instances/~create/metadata"
          exact
-          component={() => <CreateInstance step="metadata" />}
+          component={props => <CreateInstance {...props} step="metadata" />}
        />
        <Route
          path="/instances/~create/networks"
          exact
-          component={() => <CreateInstance step="networks" />}
+          component={props => <CreateInstance {...props} step="networks" />}
        />
        <Route
          path="/instances/~create/firewall"
          exact
-          component={() => <CreateInstance step="firewall" />}
+          component={props => <CreateInstance {...props} step="firewall" />}
        />
        <Route
          path="/instances/~create/cns"
          exact
-          component={() => <CreateInstance step="cns" />}
+          component={props => <CreateInstance {...props} step="cns" />}
        />
        <Route
          path="/instances/~create/affinity"
          exact
-          component={() => <CreateInstance step="affinity" />}
+          component={props => <CreateInstance {...props} step="affinity" />}
        />
        <Route
          path="/instances/~create/summary"
          exact
-          component={() => <CreateInstance step="summary" />}
+          component={props => <CreateInstance {...props} step="summary" />}
        />

        <Route
--- a/packages/ui-toolkit/src/form/tests/snapshots/form.spec.js.snap
+++ b/packages/ui-toolkit/src/form/tests/snapshots/form.spec.js.snap
@ -780,7 +780,6 @@ exports[`Form Toggle 1`] = `
  font-weight: bold;
  white-space: pre;
  font-size: 0.8125rem;
-  color: rgb(216,216,216);
 }

 .c1 {
@ -888,26 +887,6 @@ exports[`Form Toggle 1`] = `
  display: none;
 }

-.c3:active {
-  box-shadow: none;
-}
-
-.c3:active:after {
-  padding-right: 0;
-}
-
-.c3:after {
-  background: rgb(230,230,230);
-}
-
-.c3:hover {
-  border: 0.0625rem solid rgb(216,216,216);
-}
-
-.c3:hover:after {
-  box-shadow: 0 0 0 0.0625rem rgb(216,216,216);
-}
-
 <div
  className="c0"
  disabled={true}
@ -919,26 +898,20 @@ exports[`Form Toggle 1`] = `
    className="c1"
  >
    <input
+      checked={false}
      className="c2"
      disabled={true}
-      id="e"
-      name="who-killed-2"
+      id="d"
      type="checkbox"
      value="video"
    />
    <label
      className="c3"
-      disabled={true}
-      htmlFor="e"
-      id="d"
-      value="video"
+      htmlFor="d"
    />
    <label
      className="c4"
-      disabled={true}
      htmlFor="d"
-      id="d"
-      value="video"
    >
       
      Video
--- a/yarn.lock
+++ b/yarn.lock
				`@ -0,0 +1 @@`
				<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 42 42"><title>Artboard 1 copy 6</title><path d="M38.9 19.6c-2.7-4.8-5.5-9.6-8.2-14.4a1.36 1.36 0 0 0-1.3-.7H13a1.21 1.21 0 0 0-1.3.8c-2.6 4.6-5.3 9.3-8 13.9-.2.3-.5.7-.7 1v.2c.1.2.3.3.4.5 2.8 4.9 5.6 9.8 8.5 14.7.1.2.1.3.2.5h18.2c2.1-3.8 4.3-7.6 6.4-11.3.7-1.2 1.5-2.5 2.1-3.8a1.72 1.72 0 0 0 .1-1.4zm-22.7 4.8c-1-.4-1.9-.8-2.9-1.2 1.1-1 1.9-1.8 2.9-2.7zm13.4-1.2c-1.2-1.2-2.4-2.5-3.7-3.7a4.22 4.22 0 0 0-1.2-.3c1.2 1.3 2.4 2.5 3.6 3.8-1.9 1.7-3.6 1.5-4.8.1-1.7-1.9-3.6-3.6-5.6-5.5-1.7 1.8-3.4 3.6-5.2 5.4-1.6 1.7-3 1.7-4.7.2 3.3-3.4 6.7-6.8 10.1-10.3 1.5 1.4 2.9 2.8 4.4 4.2.9-1 1.7-2 2.4-2.9 3.1 3.1 6.1 6 9.2 9a2.87 2.87 0 0 1-4.5 0z"/></svg>
				`@ -0,0 +1 @@`
				`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 42 42"><title>Artboard 1 copy 14</title><path d="M37.38 20a7.62 7.62 0 0 0 2.7-5.7 7.38 7.38 0 0 0-7.4-7.4H4.08c7.3 7.4 14.3 11.2 19.8 13.1-5.5 1.9-12.4 5.7-19.8 13.1h28.6a7.38 7.38 0 0 0 7.4-7.4 7.12 7.12 0 0 0-2.7-5.7m-5 9.1h-17.2c6.49-4.6 12.1-6.8 17.1-6.8a3.37 3.37 0 0 1 3.4 3.4 3.43 3.43 0 0 1-3.3 3.4m0-11.4c-5 0-10.61-2.2-17.11-6.8h17.11a3.37 3.37 0 0 1 3.4 3.4 3.59 3.59 0 0 1-3.4 3.4"/></svg>`
				`@ -0,0 +1 @@`
				<svg id="svg4300" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 42 42"><defs><style>.cls-1{fill:#fff}</style></defs><title>Artboard 1 copy 15</title><path d="M42 13.35s-2.6 3-4.5 2.3a10.24 10.24 0 0 0 3-3.4s-3.3 3.4-5.6 2.9a10.87 10.87 0 0 0 3.1-4.5s-2.6 4.1-4.3 4.2a10.74 10.74 0 0 0 2.7-4.1s-2.2 3.2-3.8 3.4c2.3-2 2.3-3.3 2.3-3.3s-2.2 2.8-3.6 3.4c-.2-.1-.3-.2-.5-.3a21.11 21.11 0 0 0 2.2-3.4s-2 2.7-3 3c-.1-.1-.3-.1-.4-.2 0-.4.9-1.5.9-1.5s-1.3 1.2-1.9 1.1h-.1a12.81 12.81 0 0 0 2.2-2.9 13.23 13.23 0 0 1-2.9 2.6c-.1 0-.2-.1-.3-.1l1.2-2.5s-1 2.1-2.5 2.2c-.2 0-.3-.1-.5-.1a6.88 6.88 0 0 0 1.1-1.9s-1.3 2.1-3 1.5c-.4-.1.5-1.1.5-1.1s-1.1 1.1-1.9.9 0-1.5 0-1.5-.9 1.3-1.3 1.8h-.3a3.47 3.47 0 0 1 .2-1.3 6.77 6.77 0 0 1-1.1 1.4h-.5c-.3-.3.1-1.5.1-1.5s-.6 1.7-1 1.6S18 11 18 11a2.89 2.89 0 0 1-.5 1.4 21.76 21.76 0 0 0-4.9 1.4C9.1 15.1 5.2 17.5.7 22c2.9-1.5 4.9-3.4 7.5-5a4.18 4.18 0 0 0-.9 2.7c.1 1.7 1.6 3.2 3.9 4.1-.1 0-.3-.1-.4-.1-4-1.1-7.2.9-10.7-.9.8.6 1.7 1.3 4.4 1.2.9 0 3.8-.1 4.3.3S7 27 7 27s3.9-3.3 4.3-2.2c.2.7-1.1 2.6-1.1 2.6s1.4-1.9 2.4-2.2a1.33 1.33 0 0 1 1.8.5c.3.5-1.6 2.7-1.6 2.7s2.6-2.5 3-2.4 0 2.4 0 2.4 1-2.3 1.5-2.4c.7-.2-1.6 5.3-1.6 5.3s2.8-5.1 3.3-5.2c.9-.2 1.5 3.6 1.5 3.6s-.4-3.3 0-3.5c3-1.3 1.3 5.7 1.3 5.7s2-4.8.8-5.8a6.77 6.77 0 0 1 2.8 5.8s.8-1.8-1.5-6.2c1.3-.1 3.1 3.2 3.1 3.2s-2-3.6-.7-3.7c2.8-.1 3 4.8 3 4.8s.8-.7-1.4-5.6c1.4-.9 4.8 4.5 4.8 4.5s-3.1-5.3-2.6-5.6 2.4 1.7 2.4 1.7-1.4-2-1-2.1 4.1 3.9 4.1 3.9-3.3-4-2.7-4.5c.3-.3 1.2.2 2 .7-1-.8-2.5-1.9-2-2.1 1-.5 3.9 1.3 3.9 1.3s-1.7-1.4-1.5-1.8 3.7 2.2 3.7 2.2-3-2.4-3.2-3 2.4.2 2.4.2-2.8-1.3-2.9-1.7 1.9.4 1.9.4-2.6-2.1-3.2-.4c-.2.3-.3.6-.5.9a2.62 2.62 0 0 0 .2-1.5 2.84 2.84 0 0 0-.4-1.3 7.37 7.37 0 0 0 2.1.9c3.95.35 6.6-3.75 6.6-3.75z"/><path d="M34.65 23.05c.6.4 1 .7 1 .7a4.24 4.24 0 0 0-1-.7z"/><path class="cls-1" d="M27.25 13.25c-1.5-.2-3.4-.5-5.4-.6a7.07 7.07 0 0 1 3.7 1.2 7.84 7.84 0 0 1-.5 1.4h-.2a.68.68 0 0 0-.7.7.52.52 0 0 0 .2.4 6.73 6.73 0 0 1-1.5 1.4 2.32 2.32 0 0 0-4.6.4v.1a5.41 5.41 0 0 1-2.2-1.5 5.39 5.39 0 0 1 .7-1.3h.3a.79.79 0 0 0 .8-.8.37.37 0 0 0-.1-.3 6.39 6.39 0 0 1 4.6-1.3c-.1 0-.3-.1-.4-.1a5.36 5.36 0 0 0-4.6 1h-.3a.79.79 0 0 0-.8.8v.3a4.73 4.73 0 0 0-.7 1.2 5.36 5.36 0 0 1-1.1-2.7h-.1v.1a5.45 5.45 0 0 0 1 3.1 4.33 4.33 0 0 1-.1.5 6.08 6.08 0 0 0-.1 1.9 1.15 1.15 0 0 0-.6.9.94.94 0 0 0 1 1h.1a7.1 7.1 0 0 0 1 1.4 7 7 0 0 1-4.1-6.4 2.8 2.8 0 0 1 1.6-2.5 24.88 24.88 0 0 0-2.9 1.1 8.52 8.52 0 0 0-.4 2.3c0 4.3 3.9 7.7 8.6 7.7s8.6-3.4 8.6-7.7a4.88 4.88 0 0 0-.8-3.7zm-10.2 8.6a3.88 3.88 0 0 1-.6-1.1.91.91 0 0 0 .3-.7 1.08 1.08 0 0 0-.8-1 5 5 0 0 1 .1-1.7v-.1a6 6 0 0 0 2.5 1.6 2.19 2.19 0 0 0 .3.5 8.32 8.32 0 0 0-1.8 2.5zm2.7 1.3A11 11 0 0 1 18 23c-.2-.2-.4-.3-.5-.5a5.46 5.46 0 0 1 1.8-2.4 2.39 2.39 0 0 0 1.4.5 2.43 2.43 0 0 0 2.2-1.5 6.72 6.72 0 0 1 2.8 1 7.43 7.43 0 0 1-5.95 3.05zm6.1-3.6a5.51 5.51 0 0 0-2.7-1.2 5.51 5.51 0 0 0 1.7-1.7H25a.68.68 0 0 0 .7-.7.76.76 0 0 0-.2-.5 4 4 0 0 0 .3-1.5 2.66 2.66 0 0 1 1 2.1 6.76 6.76 0 0 1-.95 3.5z"/></svg>