From 32d5cdc293eeb031b15ed1295a83492bfcbccb19 Mon Sep 17 00:00:00 2001 From: johnytiago Date: Thu, 12 Apr 2018 10:53:00 +0100 Subject: [PATCH] refactor(instances): refactor create instance flow fixes #1354 --- .gitignore | 1 + .vscode/settings.json | 1 + {packages => consoles}/my-joy-images/.babelrc | 0 .../my-joy-images/.eslintignore | 0 .../my-joy-images/.eslintrc | 0 .../my-joy-images/.gitignore | 0 .../my-joy-images/.npmignore | 0 .../my-joy-images/.tern-project | 0 .../my-joy-images/.yarnclean | 0 .../my-joy-images/lib/index.js | 2 +- .../my-joy-images/package.json | 0 .../my-joy-images/public/manifest.json | 0 .../public/static/css/libre-franklin.css | 0 .../public/static/css/roboto-mono.css | 0 .../libre-franklin/libre-franklin-bold.ttf | Bin .../libre-franklin/libre-franklin-light.ttf | Bin .../libre-franklin/libre-franklin-medium.ttf | Bin .../libre-franklin/libre-franklin-regular.ttf | Bin .../libre-franklin-semibold.ttf | Bin .../static/fonts/libre-franklin/license.txt | 0 .../static/fonts/roboto-mono/license.txt | 0 .../fonts/roboto-mono/roboto-mono-bold.ttf | Bin .../fonts/roboto-mono/roboto-mono-regular.ttf | Bin .../my-joy-images/readme.md | 0 .../my-joy-images/src/_aliases.js | 0 .../my-joy-images/src/_document.js | 0 .../my-joy-images/src/app.js | 0 .../src/components/create-image/details.js | 0 .../src/components/create-image/title.js | 0 .../src/components/description.js | 0 .../my-joy-images/src/components/empty.js | 0 .../my-joy-images/src/components/image.js | 59 +- .../my-joy-images/src/components}/menu.js | 2 +- .../my-joy-images/src/components/summary.js | 31 +- .../my-joy-images/src/components/tags.js | 0 .../my-joy-images/src/components/toolbar.js | 13 +- .../my-joy-images/src/constants.js | 0 .../src/containers/breadcrumb.js | 5 +- .../src/containers/create-image/details.js | 0 .../src/containers/create-image/tags.js | 2 +- .../my-joy-images/src/containers/create.js | 2 +- .../my-joy-images/src/containers/list.js | 20 +- .../my-joy-images/src/containers/menu.js | 0 .../my-joy-images/src/containers/summary.js | 15 +- .../my-joy-images/src/containers/tags.js | 19 +- .../src/graphql/create-image.gql | 0 .../my-joy-images/src/graphql/get-image.gql | 0 .../src/graphql/get-instance.gql | 0 .../src/graphql/get-random-name.gql | 0 .../my-joy-images/src/graphql/get-tags.gql | 0 .../my-joy-images/src/graphql/list-images.gql | 0 .../src/graphql/remove-image.gql | 0 .../src/graphql/update-image-tags.gql | 0 .../my-joy-images}/src/html.js | 3 +- .../my-joy-images/src/index.js | 5 +- .../my-joy-images/src/mocks/__aliases__.js | 0 .../src/mocks/declarative-redux-form.js | 0 .../my-joy-images/src/mocks/editor.js | 0 .../my-joy-images/src/mocks/index.js | 0 .../src/mocks/react-responsive.js | 0 .../src/mocks/react-router-dom.js | 0 .../my-joy-images/src/mocks/redux-form.js | 0 .../my-joy-images/src/mocks/router.js | 0 .../src/mocks/scroll-to-element.js | 0 .../my-joy-images/src/mocks/store.js | 0 .../my-joy-images/src/mocks/theme.js | 0 .../my-joy-images/src/routes.js | 0 .../my-joy-images/src/server-error.js | 2 +- .../my-joy-images/src/state/apollo-client.js | 0 .../my-joy-images/src/state/global.js | 0 .../my-joy-images/src/state/parse-error.js | 0 .../my-joy-images/src/state/redux-store.js | 0 .../my-joy-images/src/state/theme.js | 0 .../my-joy-images/src/state/validators.js | 17 +- .../my-joy-instances/.babelrc | 0 .../my-joy-instances/.eslintignore | 0 .../my-joy-instances/.eslintrc | 0 .../my-joy-instances/.gitignore | 0 .../my-joy-instances/.lighthouserc | 0 .../my-joy-instances/.npmignore | 0 .../my-joy-instances/.stylelintrc | 0 .../my-joy-instances/.tern-project | 0 .../my-joy-instances/.yarnclean | 0 .../my-joy-instances/lib/index.js | 0 .../my-joy-instances/package.json | 1 + .../my-joy-instances/public/manifest.json | 0 .../public/static/css/libre-franklin.css | 0 .../public/static/css/roboto-mono.css | 0 .../libre-franklin/libre-franklin-bold.ttf | Bin .../libre-franklin/libre-franklin-light.ttf | Bin .../libre-franklin/libre-franklin-medium.ttf | Bin .../libre-franklin/libre-franklin-regular.ttf | Bin .../libre-franklin-semibold.ttf | Bin .../static/fonts/libre-franklin/license.txt | 0 .../static/fonts/roboto-mono/license.txt | 0 .../fonts/roboto-mono/roboto-mono-bold.ttf | Bin .../fonts/roboto-mono/roboto-mono-regular.ttf | Bin .../my-joy-instances/readme.md | 0 .../my-joy-instances/src/_aliases.js | 0 .../my-joy-instances/src/_document.js | 1 - .../my-joy-instances/src/app.js | 0 .../list-ui-js-instance-list-1-snap.png | Bin ...i-js-instance-list-all-selected-1-snap.png | Bin ...nce-list-children-instance-list-1-snap.png | Bin ...nce-list-children-instance-list-2-snap.png | Bin ...ist-ui-js-instance-list-sort-by-1-snap.png | Bin ...ist-ui-js-instance-list-sort-by-2-snap.png | Bin ...nstance-list-sort-by-sort-order-1-snap.png | Bin ...nstance-list-sort-by-sort-order-2-snap.png | Bin ...-ui-js-instance-list-submitting-1-snap.png | Bin ...-ui-js-instance-list-submitting-2-snap.png | Bin .../list-ui-js-item-1-snap.png | Bin ...list-ui-js-item-allowed-actions-1-snap.png | Bin .../list-ui-js-item-item-1-snap.png | Bin .../list-ui-js-item-mutating-1-snap.png | Bin .../metadata-ui-js-add-form-1-snap.png | Bin .../metadata-ui-js-edit-form-1-snap.png | Bin .../metadata-ui-js-edit-form-2-snap.png | Bin .../snapshots-ui-js-actions-1-snap.png | Bin .../snapshots-ui-js-actions-2-snap.png | Bin .../snapshots-ui-js-item-1-snap.png | Bin .../snapshots-ui-js-item-item-1-snap.png | Bin .../snapshots-ui-js-item-mutating-1-snap.png | Bin .../snapshots-ui-js-snapshot-list-1-snap.png | Bin ...i-js-snapshot-list-all-selected-1-snap.png | Bin ...i-js-snapshot-list-all-selected-2-snap.png | Bin ...ots-ui-js-snapshot-list-sort-by-1-snap.png | Bin ...ots-ui-js-snapshot-list-sort-by-2-snap.png | Bin ...napshot-list-sort-by-sort-order-1-snap.png | Bin ...napshot-list-sort-by-sort-order-2-snap.png | Bin ...napshot-list-sort-by-sort-order-3-snap.png | Bin ...-ui-js-snapshot-list-submitting-1-snap.png | Bin .../summary-ui-js-summary-1-snap.png | Bin .../summary-ui-js-summary-instance-1-snap.png | Bin .../summary-ui-js-summary-instance-2-snap.png | Bin .../summary-ui-js-summary-instance-3-snap.png | Bin ...ing-stopping-rebooting-removing-1-snap.png | Bin ...i-js-summary-state-provisioning-1-snap.png | Bin ...i-js-summary-state-provisioning-2-snap.png | Bin ...ary-ui-js-summary-state-running-1-snap.png | Bin ...ary-ui-js-summary-state-running-2-snap.png | Bin ...ary-ui-js-summary-state-stopped-1-snap.png | Bin ...ary-ui-js-summary-state-stopped-2-snap.png | Bin .../toolbar-ui-js-toolbar-1-snap.png | Bin ...lbar-ui-js-toolbar-action-label-1-snap.png | Bin ...oolbar-ui-js-toolbar-actionable-1-snap.png | Bin ...r-ui-js-toolbar-on-action-click-1-snap.png | Bin ...lbar-ui-js-toolbar-search-label-1-snap.png | Bin ...i-js-toolbar-search-placeholder-1-snap.png | Bin ...oolbar-ui-js-toolbar-searchable-1-snap.png | Bin .../__tests__/__snapshots__/list.spec.js.snap | 698 +- .../__snapshots__/metadata.spec.js.snap | 87 +- .../__snapshots__/snapshots.spec.js.snap | 7 + .../__snapshots__/summary.spec.js.snap | 1298 +- .../__snapshots__/toolbar.spec.js.snap | 472 +- .../instances/__tests__/list.spec.js | 0 .../components/instances/__tests__/list.ui.js | 0 .../instances/__tests__/metadata.spec.js | 0 .../instances/__tests__/metadata.ui.js | 0 .../instances/__tests__/snapshots.spec.js | 0 .../instances/__tests__/snapshots.ui.js | 0 .../instances/__tests__/summary.spec.js | 0 .../instances/__tests__/summary.ui.js | 0 .../instances/__tests__/toolbar.spec.js | 0 .../instances/__tests__/toolbar.ui.js | 0 .../src/components/instances/description.js | 23 + .../src/components/instances/footer.js | 0 .../src/components/instances/index.js | 0 .../src/components/instances/list.js | 1 - .../src/components/instances/metadata.js | 0 .../src/components/instances/snapshots.js | 2 +- .../src/components/instances/summary.js | 4 +- .../src/components/instances/toolbar.js | 11 +- .../footer-ui-js-footer-1-snap.png | Bin .../menu-ui-js-menu-1-snap.png | Bin .../menu-ui-js-menu-links-1-snap.png | Bin .../__tests__/__snapshots__/menu.spec.js.snap | 12 +- .../navigation/__tests__/menu.spec.js | 0 .../navigation/__tests__/menu.ui.js | 0 .../src/components/navigation/index.js | 0 .../src/components/navigation}/menu.js | 4 +- .../my-joy-instances/src/constants.js | 0 .../my-joy-instances/src/containers/create.js | 371 + .../cns-ui-js-cns-1-snap.png | Bin .../cns-ui-js-cns-disabled-1-snap.png | Bin .../cns-ui-js-cns-disabled-2-snap.png | Bin .../cns-ui-js-cns-hostnames-1-snap.png | Bin .../cns-ui-js-cns-hostnames-2-snap.png | Bin .../cns-ui-js-cns-loading-1-snap.png | Bin .../cns-ui-js-cns-loading-error-1-snap.png | Bin .../cns-ui-js-cns-mutating-1-snap.png | Bin .../cns-ui-js-cns-mutating-2-snap.png | Bin .../cns-ui-js-cns-mutation-error-1-snap.png | Bin .../cns-ui-js-cns-services-1-snap.png | Bin ...ns-ui-js-cns-services-hostnames-1-snap.png | Bin ...ns-ui-js-cns-services-hostnames-2-snap.png | Bin .../firewall-ui-js-firewall-1-snap.png | Bin ...irewall-ui-js-firewall-inactive-1-snap.png | Bin ...firewall-ui-js-firewall-loading-1-snap.png | Bin ...ll-ui-js-firewall-loading-error-1-snap.png | Bin ...l-ui-js-firewall-mutation-error-1-snap.png | Bin ...rewall-ui-js-firewall-tag-rules-1-snap.png | Bin ...rewall-ui-js-firewall-tag-rules-2-snap.png | Bin ...rewall-ui-js-firewall-tag-rules-3-snap.png | Bin ...rewall-ui-js-firewall-tag-rules-4-snap.png | Bin ...rewall-ui-js-firewall-tag-rules-5-snap.png | Bin ...rewall-ui-js-firewall-tag-rules-6-snap.png | Bin .../list-ui-js-list-1-snap.png | Bin .../list-ui-js-list-error-1-snap.png | Bin .../list-ui-js-list-instances-1-snap.png | Bin ...t-ui-js-list-instances-selected-1-snap.png | Bin ...-js-list-instances-selected-all-1-snap.png | Bin ...-js-list-instances-selected-all-2-snap.png | Bin ...es-selected-all-allowed-actions-1-snap.png | Bin .../list-ui-js-list-loading-1-snap.png | Bin .../metadata-ui-js-metadata-1-snap.png | Bin ...etadata-ui-js-metadata-add-open-1-snap.png | Bin ...etadata-ui-js-metadata-add-open-2-snap.png | Bin .../metadata-ui-js-metadata-error-1-snap.png | Bin ...metadata-ui-js-metadata-loading-1-snap.png | Bin ...etadata-ui-js-metadata-metadata-1-snap.png | Bin ...etadata-ui-js-metadata-metadata-2-snap.png | Bin ...etadata-ui-js-metadata-metadata-3-snap.png | Bin .../networks-ui-js-networks-1-snap.png | Bin .../networks-ui-js-networks-error-1-snap.png | Bin ...networks-ui-js-networks-loading-1-snap.png | Bin ...etworks-ui-js-networks-networks-1-snap.png | Bin ...etworks-ui-js-networks-networks-2-snap.png | Bin ...etworks-ui-js-networks-networks-3-snap.png | Bin .../summary-ui-js-summary-1-snap.png | Bin .../summary-ui-js-summary-loading-1-snap.png | Bin ...ary-ui-js-summary-loading-error-1-snap.png | Bin ...ry-ui-js-summary-mutation-error-1-snap.png | Bin ...ing-stopping-rebooting-removing-1-snap.png | Bin ...ing-stopping-rebooting-removing-2-snap.png | Bin ...ing-stopping-rebooting-removing-3-snap.png | Bin ...ing-stopping-rebooting-removing-4-snap.png | Bin .../tags-ui-js-tags-1-snap.png | Bin .../tags-ui-js-tags-add-open-1-snap.png | Bin .../tags-ui-js-tags-editable-1-snap.png | Bin .../tags-ui-js-tags-editing-1-snap.png | Bin .../tags-ui-js-tags-editing-2-snap.png | Bin ...ags-ui-js-tags-editing-removing-1-snap.png | Bin ...ags-ui-js-tags-editing-removing-2-snap.png | Bin ...ags-ui-js-tags-editing-removing-3-snap.png | Bin .../tags-ui-js-tags-error-1-snap.png | Bin .../tags-ui-js-tags-loading-1-snap.png | Bin .../tags-ui-js-tags-tags-1-snap.png | Bin .../tags-ui-js-tags-tags-2-snap.png | Bin .../__tests__/__snapshots__/cns.spec.js.snap | 10764 +++++++++------- .../__snapshots__/firewall.spec.js.snap | 1974 ++- .../__tests__/__snapshots__/list.spec.js.snap | 6869 +++++----- .../__snapshots__/metadata.spec.js.snap | 5592 ++++---- .../__snapshots__/networks.spec.js.snap | 458 +- .../__snapshots__/summary.spec.js.snap | 497 +- .../__tests__/__snapshots__/tags.spec.js.snap | 974 +- .../instances/__tests__/cns.spec.js | 0 .../containers/instances/__tests__/cns.ui.js | 0 .../instances/__tests__/firewall.spec.js | 0 .../instances/__tests__/firewall.ui.js | 0 .../instances/__tests__/list.spec.js | 0 .../containers/instances/__tests__/list.ui.js | 0 .../instances/__tests__/metadata.spec.js | 0 .../instances/__tests__/metadata.ui.js | 0 .../instances/__tests__/networks.spec.js | 0 .../instances/__tests__/networks.ui.js | 0 .../instances/__tests__/summary.spec.js | 0 .../instances/__tests__/summary.ui.js | 0 .../instances/__tests__/tags.spec.js | 0 .../containers/instances/__tests__/tags.ui.js | 0 .../src/containers/instances/cns.js | 140 +- .../src/containers/instances/firewall.js | 31 +- .../src/containers/instances/index.js | 0 .../src/containers/instances/list.js | 12 +- .../src/containers/instances/metadata.js | 36 +- .../src/containers/instances/networks.js | 19 +- .../src/containers/instances/snapshots.js | 8 +- .../src/containers/instances/summary.js | 2 +- .../src/containers/instances/tags.js | 39 +- .../src/containers/instances/user-script.js | 19 +- .../breadcrumb-ui-js-breadcrumb-1-snap.png | Bin ...eadcrumb-ui-js-breadcrumb-match-1-snap.png | Bin ...eadcrumb-ui-js-breadcrumb-match-2-snap.png | Bin .../__snapshots__/breadcrumb.spec.js.snap | 85 +- .../navigation/__tests__/breadcrumb.spec.js | 0 .../navigation/__tests__/breadcrumb.ui.js | 0 .../src/containers/navigation/breadcrumb.js | 4 +- .../src/containers/navigation/index.js | 0 .../src/containers/navigation/menu.js | 0 .../my-joy-instances/src/data/images-map.json | 0 .../my-joy-instances/src/data/prices.json | 0 .../src/graphql/create-instance.gql | 0 .../src/graphql/create-snapshot.gql | 0 .../src/graphql/delete-metadata.gql | 0 .../src/graphql/delete-tag.gql | 0 .../src/graphql/disable-instance-fw.gql | 0 .../src/graphql/enable-instance-fw.gql | 0 .../src/graphql/get-account.gql | 0 .../src/graphql/get-images.gql | 0 .../src/graphql/get-instance-small.gql | 0 .../src/graphql/get-instance.gql | 0 .../src/graphql/get-packages.gql | 0 .../src/graphql/get-random-name.gql | 0 .../src/graphql/get-snapshot.gql | 0 .../src/graphql/list-fw-rules.gql | 0 .../src/graphql/list-instance-fw-rules.gql | 0 .../src/graphql/list-instance-networks.gql | 0 .../src/graphql/list-instances.gql | 0 .../src/graphql/list-metadata.gql | 0 .../src/graphql/list-networks.gql | 0 .../src/graphql/list-snapshots.gql | 0 .../src/graphql/list-tags.gql | 0 .../src/graphql/reboot-instance.gql | 0 .../src/graphql/remove-instance.gql | 0 .../src/graphql/remove-snapshot.gql | 0 .../src/graphql/rename-machine.gql | 0 .../src/graphql/start-from-snapshot.gql | 0 .../src/graphql/start-instance.gql | 0 .../src/graphql/stop-instance.gql | 0 .../src/graphql/update-metadata.gql | 0 .../src/graphql/update-tags.gql | 0 .../my-joy-instances}/src/html.js | 2 +- .../my-joy-instances/src/index.js | 0 .../my-joy-instances/src/mocks/__aliases__.js | 0 .../src/mocks/declarative-redux-form.js | 0 .../my-joy-instances/src/mocks/editor.js | 0 .../my-joy-instances/src/mocks/index.js | 0 .../src/mocks/react-responsive.js | 0 .../src/mocks/react-router-dom.js | 2 +- .../my-joy-instances/src/mocks/redux-form.js | 0 .../my-joy-instances/src/mocks/router.js | 0 .../src/mocks/scroll-to-element.js | 0 .../my-joy-instances/src/mocks/store.js | 0 .../my-joy-instances/src/mocks/theme.js | 1 + .../my-joy-instances/src/routes.js | 17 +- .../my-joy-instances/src/server-error.js | 2 +- .../src/state/apollo-client.js | 0 .../my-joy-instances/src/state/confirm.js | 0 .../my-joy-instances/src/state/global.js | 0 .../my-joy-instances/src/state/parse-error.js | 0 .../my-joy-instances/src/state/redux-store.js | 0 .../my-joy-instances/src/state/theme.js | 0 .../my-joy-instances/src/state/validators.js | 0 .../my-joy-navigation/.babelrc | 0 .../my-joy-navigation/.eslintignore | 0 .../my-joy-navigation/.eslintrc | 0 .../my-joy-navigation/.gitignore | 0 .../my-joy-navigation/.npmignore | 0 .../my-joy-navigation/.yarnclean | 0 .../my-joy-navigation/LICENSE | 0 .../my-joy-navigation/lib/index.js | 0 .../my-joy-navigation/package.json | 0 .../my-joy-navigation/public/index.html | 0 .../public/static/css/libre-franklin.css | 0 .../libre-franklin/libre-franklin-bold.ttf | Bin .../libre-franklin/libre-franklin-light.ttf | Bin .../libre-franklin/libre-franklin-medium.ttf | Bin .../libre-franklin/libre-franklin-regular.ttf | Bin .../libre-franklin-semibold.ttf | Bin .../static/fonts/libre-franklin/license.txt | 0 .../my-joy-navigation/readme.md | 0 .../my-joy-navigation/src/app.js | 0 .../src/components/anchor.js | 0 .../src/components/avatar.js | 0 .../src/components/datacenter.js | 0 .../src/components/header.js | 0 .../my-joy-navigation/src/components/icons.js | 0 .../my-joy-navigation/src/components/index.js | 0 .../src/components/overlay.js | 0 .../src/components/popover.js | 0 .../src/components/service.js | 0 .../my-joy-navigation/src/components/sup.js | 0 .../src/containers/account.js | 0 .../src/containers/datacenter.js | 0 .../my-joy-navigation/src/containers/index.js | 0 .../src/containers/services.js | 0 .../my-joy-navigation/src/header.js | 0 .../my-joy-navigation/src/index.js | 0 .../src/mocks/__aliases__.js | 0 .../my-joy-navigation/src/state/client.js | 0 .../my-joy-navigation/src/state/index.js | 0 .../my-joy-navigation/src/state/local.js | 0 .../my-joy-navigation/src/state/theme.js | 0 .../my-joy-navigation/yarn.lock | 0 package.json | 2 +- packages/icons/src/fill.js | 4 + packages/icons/src/index.js | 1 + packages/icons/src/tick.js | 32 + packages/instance-steps/.babelrc | 3 + packages/instance-steps/.eslintignore | 5 + packages/instance-steps/.yarnclean | 0 packages/instance-steps/package.json | 46 + .../src/affinity/components.js} | 125 +- packages/instance-steps/src/affinity/index.js | 244 + packages/instance-steps/src/cns/index.js | 193 + packages/instance-steps/src/constants.js | 40 + .../instance-steps/src/firewall/components.js | 23 + packages/instance-steps/src/firewall/index.js | 178 + .../src/graphql/get-account.gql | 8 + .../instance-steps/src/graphql/get-images.gql | 10 + .../src/graphql/get-packages.gql | 10 + .../src/graphql/get-random-name.gql | 3 + .../src/graphql/list-fw-rules.gql | 10 + .../src/graphql/list-networks.gql | 19 + .../src/image/components.js} | 58 +- .../instance-steps/src/image/images-map.json | 70 + packages/instance-steps/src/image/index.js | 207 + packages/instance-steps/src/index.js | 10 + .../instance-steps/src/metadata/components.js | 59 + packages/instance-steps/src/metadata/index.js | 195 + packages/instance-steps/src/name/index.js | 171 + packages/instance-steps/src/network/index.js | 190 + .../src/package/components.js} | 91 +- .../src/package/index.js} | 244 +- .../instance-steps/src/package/prices.json | 252 + packages/instance-steps/src/tags/index.js | 202 + .../src/user-script/components.js} | 22 +- .../instance-steps/src/user-script/index.js | 98 + packages/instance-steps/src/validators.js | 119 + packages/logos/src/alpine.js | 15 +- packages/logos/src/apache.js | 13 +- packages/logos/src/brocade.js | 13 +- packages/logos/src/cassandra.js | 15 +- packages/logos/src/centos.js | 39 +- packages/logos/src/couchbase.js | 13 +- packages/logos/src/debian.js | 17 +- packages/logos/src/fedora.js | 15 +- packages/logos/src/fill.js | 19 + packages/logos/src/freebsd.js | 15 +- packages/logos/src/ghost.js | 13 +- packages/logos/src/illumos.js | 10 +- packages/logos/src/java.js | 17 +- packages/logos/src/linux.js | 10 +- packages/logos/src/mariadb.js | 13 +- packages/logos/src/mongodb.js | 13 +- packages/logos/src/multiarch.js | 13 +- packages/logos/src/mysql.js | 15 +- packages/logos/src/nginx.js | 13 +- packages/logos/src/no-packages.js | 10 +- packages/logos/src/node.js | 10 +- packages/logos/src/openbsd.js | 13 +- packages/logos/src/percona.js | 18 +- packages/logos/src/placeholder.js | 13 +- packages/logos/src/postgresql.js | 21 +- packages/logos/src/redis.js | 22 +- packages/logos/src/scylladb.js | 13 +- packages/logos/src/smart.js | 13 +- packages/logos/src/ubuntu.js | 22 +- packages/logos/src/windows.js | 13 +- .../cns-ui-js-add-service-form-1-snap.png | Bin 16308 -> 0 bytes .../cns-ui-js-add-service-form-2-snap.png | Bin 32491 -> 0 bytes .../cns-ui-js-add-service-form-3-snap.png | Bin 16281 -> 0 bytes ...ui-js-add-service-form-pristine-1-snap.png | Bin 16308 -> 0 bytes .../cns-ui-js-header-1-snap.png | Bin 20481 -> 0 bytes .../cns-ui-js-hostname-1-snap.png | Bin 7503 -> 0 bytes .../cns-ui-js-hostname-values-1-snap.png | Bin 12721 -> 0 bytes .../cns-ui-js-hostnames-header-1-snap.png | Bin 32029 -> 0 bytes .../firewall-ui-js-default-rules-1-snap.png | Bin 11669 -> 0 bytes ...ewall-ui-js-default-rules-rules-1-snap.png | Bin 46327 -> 0 bytes ...ewall-ui-js-default-rules-rules-2-snap.png | Bin 45745 -> 0 bytes .../firewall-ui-js-rules-1-snap.png | Bin 7503 -> 0 bytes .../firewall-ui-js-rules-rules-1-snap.png | Bin 41690 -> 0 bytes .../firewall-ui-js-tag-rules-1-snap.png | Bin 13655 -> 0 bytes .../firewall-ui-js-tag-rules-rules-1-snap.png | Bin 48304 -> 0 bytes ...wall-ui-js-toggle-firewall-form-1-snap.png | Bin 10530 -> 0 bytes ...wall-ui-js-toggle-firewall-form-2-snap.png | Bin 13656 -> 0 bytes ...wall-ui-js-toggle-firewall-form-3-snap.png | Bin 10519 -> 0 bytes ...toggle-firewall-form-submitting-1-snap.png | Bin 10475 -> 0 bytes ...wall-ui-js-toggle-inactive-form-1-snap.png | Bin 11425 -> 0 bytes ...wall-ui-js-toggle-inactive-form-2-snap.png | Bin 11311 -> 0 bytes .../key-value-ui-js-key-value-1-snap.png | Bin 16209 -> 0 bytes ...-ui-js-key-value-expanded-false-1-snap.png | Bin 10261 -> 0 bytes ...lue-ui-js-key-value-input-input-1-snap.png | Bin 16209 -> 0 bytes ...-ui-js-key-value-input-textarea-1-snap.png | Bin 18185 -> 0 bytes ...alue-ui-js-key-value-method-add-1-snap.png | Bin 16209 -> 0 bytes ...lue-ui-js-key-value-method-edit-1-snap.png | Bin 15651 -> 0 bytes ...-value-ui-js-key-value-removing-1-snap.png | Bin 16209 -> 0 bytes ...alue-ui-js-key-value-submitting-1-snap.png | Bin 14865 -> 0 bytes ...-value-ui-js-key-value-type-tag-1-snap.png | Bin 14693 -> 0 bytes .../network-ui-js-network-1-snap.png | Bin 12647 -> 0 bytes .../network-ui-js-network-2-snap.png | Bin 12569 -> 0 bytes .../network-ui-js-network-network-1-snap.png | Bin 15668 -> 0 bytes .../network-ui-js-network-network-2-snap.png | Bin 13566 -> 0 bytes .../network-ui-js-network-network-3-snap.png | Bin 15668 -> 0 bytes .../network-ui-js-network-network-4-snap.png | Bin 13566 -> 0 bytes .../network-ui-js-network-network-5-snap.png | Bin 13566 -> 0 bytes ...rk-ui-js-network-network-fabric-1-snap.png | Bin 20151 -> 0 bytes ...rk-ui-js-network-network-fabric-2-snap.png | Bin 13452 -> 0 bytes ...rk-ui-js-network-network-fabric-3-snap.png | Bin 13452 -> 0 bytes ...s-network-network-info-expanded-1-snap.png | Bin 27195 -> 0 bytes ...s-network-network-info-expanded-2-snap.png | Bin 13452 -> 0 bytes ...s-network-network-info-expanded-3-snap.png | Bin 13452 -> 0 bytes ...s-network-network-info-expanded-4-snap.png | Bin 15284 -> 0 bytes ...s-network-network-info-expanded-5-snap.png | Bin 15016 -> 0 bytes ...s-network-network-info-expanded-6-snap.png | Bin 19712 -> 0 bytes ...rk-ui-js-network-network-public-1-snap.png | Bin 15326 -> 0 bytes ...rk-ui-js-network-network-public-2-snap.png | Bin 13234 -> 0 bytes ...rk-ui-js-network-network-public-3-snap.png | Bin 13234 -> 0 bytes ...nders-add-form-without-throwing-1-snap.png | Bin 14693 -> 0 bytes ...ders-edit-form-without-throwing-1-snap.png | Bin 14968 -> 0 bytes ...tag-name-value-without-throwing-1-snap.png | Bin 9298 -> 0 bytes ...tag-name-value-without-throwing-2-snap.png | Bin 9200 -> 0 bytes ...js-renders-tag-without-throwing-1-snap.png | Bin 7630 -> 0 bytes .../__tests__/__snapshots__/tags.spec.js.snap | 2170 ---- .../src/components/__tests__/cns.ui.js | 70 - .../src/components/__tests__/firewall.ui.js | 201 - .../src/components/__tests__/key-value.ui.js | 100 - .../src/components/__tests__/network.ui.js | 180 - .../src/components/__tests__/tags.spec.js | 54 - .../src/components/__tests__/tags.ui.js | 50 - .../affinity-ui-js-header-1-snap.png | Bin 17269 -> 0 bytes .../affinity-ui-js-header-tag-1-snap.png | Bin 18775 -> 0 bytes .../affinity-ui-js-header-tag-2-snap.png | Bin 16932 -> 0 bytes .../affinity-ui-js-rule-1-snap.png | Bin 23359 -> 0 bytes .../affinity-ui-js-rule-2-snap.png | Bin 23359 -> 0 bytes .../images-ui-js-images-1-snap.png | Bin 7503 -> 0 bytes .../images-ui-js-images-expanded-1-snap.png | Bin 7503 -> 0 bytes ...ges-name-stuff-image-name-stuff-1-snap.png | Bin 11574 -> 0 bytes ...images-ui-js-images-images-test-1-snap.png | Bin 7503 -> 0 bytes ...ges-ui-js-images-is-vm-selected-1-snap.png | Bin 7503 -> 0 bytes .../images-ui-js-images-loading-1-snap.png | Bin 7503 -> 0 bytes ...ges-ui-js-images-pristine-false-1-snap.png | Bin 7503 -> 0 bytes ...ges-ui-js-images-pristine-false-2-snap.png | Bin 7503 -> 0 bytes .../name-ui-js-name-1-snap.png | Bin 12747 -> 0 bytes .../name-ui-js-name-expanded-1-snap.png | Bin 12747 -> 0 bytes .../name-ui-js-name-name-test-1-snap.png | Bin 12747 -> 0 bytes .../name-ui-js-name-name-test-2-snap.png | Bin 12747 -> 0 bytes .../name-ui-js-name-pristine-false-1-snap.png | Bin 12747 -> 0 bytes .../package-ui-js-filters-1-snap.png | Bin 22924 -> 0 bytes .../package-ui-js-overview-1-snap.png | Bin 10553 -> 0 bytes .../package-ui-js-overview-has-vms-1-snap.png | Bin 12663 -> 0 bytes .../package-ui-js-package-1-snap.png | Bin 9155 -> 0 bytes ...package-ui-js-packages-expanded-1-snap.png | Bin 24159 -> 0 bytes ...package-ui-js-packages-expanded-2-snap.png | Bin 22770 -> 0 bytes ...e-ui-js-packages-is-vm-selected-1-snap.png | Bin 24159 -> 0 bytes .../package-ui-js-packages-loading-1-snap.png | Bin 24159 -> 0 bytes .../package-ui-js-packages-loading-2-snap.png | Bin 23903 -> 0 bytes ...ges-name-stuff-image-name-stuff-1-snap.png | Bin 11528 -> 0 bytes ...ges-name-stuff-image-name-stuff-2-snap.png | Bin 11498 -> 0 bytes ...ges-name-stuff-image-name-stuff-3-snap.png | Bin 11513 -> 0 bytes ...e-ui-js-packages-pristine-false-1-snap.png | Bin 24159 -> 0 bytes .../title-ui-js-title-1-snap.png | Bin 7528 -> 0 bytes ...itle-ui-js-title-icon-name-icon-1-snap.png | Bin 8506 -> 0 bytes ...e-icon-test-label-instance-name-1-snap.png | Bin 8506 -> 0 bytes ...e-icon-test-label-instance-name-2-snap.png | Bin 8277 -> 0 bytes .../title-ui-js-title-label-test-1-snap.png | Bin 7528 -> 0 bytes .../__snapshots__/affinity.spec.js.snap | 1506 --- .../__snapshots__/images.spec.js.snap | 441 - .../__tests__/__snapshots__/name.spec.js.snap | 1577 --- .../__snapshots__/package.spec.js.snap | 3546 ----- .../__snapshots__/title.spec.js.snap | 521 - .../__tests__/affinity.spec.js | 81 - .../create-instance/__tests__/affinity.ui.js | 77 - .../create-instance/__tests__/images.spec.js | 90 - .../create-instance/__tests__/images.ui.js | 80 - .../create-instance/__tests__/name.spec.js | 54 - .../create-instance/__tests__/name.ui.js | 50 - .../create-instance/__tests__/package.spec.js | 137 - .../create-instance/__tests__/package.ui.js | 123 - .../create-instance/__tests__/title.spec.js | 56 - .../create-instance/__tests__/title.ui.js | 52 - .../src/components/create-instance/name.js | 48 - .../src/components/create-instance/title.js | 30 - .../src/components/description.js | 19 - .../my-joy-instances/src/components/tags.js | 24 - .../metadata-ui-js-metadata-1-snap.png | Bin 9397 -> 0 bytes ...i-js-metadata-add-open-expanded-1-snap.png | Bin 45629 -> 0 bytes ...i-js-metadata-add-open-expanded-2-snap.png | Bin 33755 -> 0 bytes ...i-js-metadata-add-open-expanded-3-snap.png | Bin 43140 -> 0 bytes ...i-js-metadata-add-open-expanded-4-snap.png | Bin 58127 -> 0 bytes ...etadata-ui-js-metadata-expanded-1-snap.png | Bin 35296 -> 0 bytes ...etadata-ui-js-metadata-metadata-1-snap.png | Bin 33086 -> 0 bytes ...etadata-ui-js-metadata-metadata-2-snap.png | Bin 33259 -> 0 bytes ...i-js-metadata-metadata-expanded-1-snap.png | Bin 58927 -> 0 bytes .../networks-ui-js-networks-1-snap.png | Bin 10014 -> 0 bytes ...networks-ui-js-networks-loading-1-snap.png | Bin 10014 -> 0 bytes ...ui-js-networks-loading-expanded-1-snap.png | Bin 39592 -> 0 bytes ...etworks-ui-js-networks-networks-1-snap.png | Bin 10014 -> 0 bytes ...etworks-ui-js-networks-networks-2-snap.png | Bin 9869 -> 0 bytes ...i-js-networks-networks-expanded-1-snap.png | Bin 61079 -> 0 bytes ...-js-networks-networks-proceeded-1-snap.png | Bin 21108 -> 0 bytes .../tag-ui-js-tags-1-snap.png | Bin 9096 -> 0 bytes ...ag-ui-js-tags-add-open-expanded-1-snap.png | Bin 36240 -> 0 bytes ...ag-ui-js-tags-add-open-expanded-2-snap.png | Bin 29260 -> 0 bytes ...ag-ui-js-tags-add-open-expanded-3-snap.png | Bin 36433 -> 0 bytes .../tag-ui-js-tags-expanded-1-snap.png | Bin 29110 -> 0 bytes .../tag-ui-js-tags-metadata-1-snap.png | Bin 9096 -> 0 bytes ...ag-ui-js-tags-metadata-expanded-1-snap.png | Bin 29110 -> 0 bytes .../user-script-ui-js-user-script-1-snap.png | Bin 9975 -> 0 bytes ...ript-ui-js-user-script-expanded-1-snap.png | Bin 22821 -> 0 bytes ...-js-user-script-expanded-create-1-snap.png | Bin 22821 -> 0 bytes ...cript-expanded-create-form-open-1-snap.png | Bin 23849 -> 0 bytes ...-script-expanded-edit-form-open-1-snap.png | Bin 23849 -> 0 bytes ...-expanded-edit-form-open-script-1-snap.png | Bin 23849 -> 0 bytes ...-expanded-edit-form-open-script-2-snap.png | Bin 26715 -> 0 bytes ...-expanded-edit-form-open-script-3-snap.png | Bin 26325 -> 0 bytes ...ipt-ui-js-user-script-proceeded-1-snap.png | Bin 16825 -> 0 bytes .../__snapshots__/metadata.spec.js.snap | 7273 ----------- .../__snapshots__/networks.spec.js.snap | 2818 ---- .../__tests__/__snapshots__/tag.spec.js.snap | 2779 ---- .../__snapshots__/user-script.spec.js.snap | 2571 ---- .../__tests__/metadata.spec.js | 76 - .../create-instance/__tests__/metadata.ui.js | 70 - .../__tests__/networks.spec.js | 148 - .../create-instance/__tests__/networks.ui.js | 140 - .../create-instance/__tests__/tag.spec.js | 76 - .../create-instance/__tests__/tag.ui.js | 70 - .../__tests__/user-script.spec.js | 90 - .../__tests__/user-script.ui.js | 80 - .../containers/create-instance/affinity.js | 229 - .../containers/create-instance/animated.js | 62 - .../src/containers/create-instance/cns.js | 201 - .../containers/create-instance/firewall.js | 210 - .../src/containers/create-instance/image.js | 259 - .../src/containers/create-instance/index.js | 374 - .../containers/create-instance/metadata.js | 238 - .../src/containers/create-instance/name.js | 155 - .../containers/create-instance/networks.js | 198 - .../src/containers/create-instance/tags.js | 216 - .../containers/create-instance/user-script.js | 142 - packages/resource-step/.babelrc | 3 + packages/resource-step/.eslintignore | 5 + packages/resource-step/.yarnclean | 0 packages/resource-step/package.json | 43 + packages/resource-step/src/index.js | 185 + packages/resource-step/src/provider.js | 8 + packages/resource-step/src/status-icon.js | 66 + packages/resource-widgets/.babelrc | 3 + packages/resource-widgets/.eslintignore | 5 + packages/resource-widgets/.yarnclean | 0 packages/resource-widgets/package.json | 42 + .../__tests__/__snapshots__/cns.spec.js.snap | 246 +- .../__snapshots__/firewall.spec.js.snap | 1791 ++- .../__snapshots__/network.spec.js.snap | 1915 ++- .../src}/__tests__/cns.spec.js | 0 .../src}/__tests__/firewall.spec.js | 0 .../src}/__tests__/network.spec.js | 0 .../src/cns/index.js} | 175 +- .../src/empty/index.js} | 2 - .../src/firewall/index.js} | 49 +- packages/resource-widgets/src/index.js | 14 + .../resource-widgets/src/mocks/__aliases__.js | 3 + .../resource-widgets/src/mocks/redux-form.js | 4 + packages/resource-widgets/src/mocks/theme.js | 23 + .../src/network/index.js} | 109 +- packages/ui-toolkit/src/base/global.js | 4 + .../__snapshots__/index.spec.js.snap | 2 + packages/ui-toolkit/src/breadcrumb/item.js | 1 - packages/ui-toolkit/src/button/group.js | 1 - .../__snapshots__/card.spec.js.snap | 3 + packages/ui-toolkit/src/card/card.js | 4 +- packages/ui-toolkit/src/card/header.js | 3 + packages/ui-toolkit/src/card/outlet.js | 1 - .../__snapshots__/divider.spec.js.snap | 2 + packages/ui-toolkit/src/divider/index.js | 22 +- packages/ui-toolkit/src/editor/index.js | 4 +- .../ui-toolkit/src/form/copiable-field.js | 18 +- packages/ui-toolkit/src/hr/index.js | 6 + packages/ui-toolkit/src/icons/index.js | 2 + packages/ui-toolkit/src/index.js | 2 + .../__snapshots__/key-value.spec.js.snap | 6557 +++++----- .../key-value}/__tests__/key-value.spec.js | 4 +- packages/ui-toolkit/src/key-value/index.js | 125 +- .../__snapshots__/message.spec.js.snap | 11 +- packages/ui-toolkit/src/mocks/__aliases__.js | 4 +- packages/ui-toolkit/src/mocks/redux-form.js | 4 + packages/ui-toolkit/src/pagination/index.js | 1 - packages/ui-toolkit/src/popover/index.js | 6 +- packages/ui-toolkit/src/popover/item.js | 1 - .../__snapshots__/section.spec.js.snap | 335 - .../section-list/__tests__/section.spec.js | 73 - packages/ui-toolkit/src/section-list/index.js | 2 +- packages/ui-toolkit/src/section-list/item.js | 10 +- .../__snapshots__/loading.spec.js.snap | 1 + packages/ui-toolkit/src/tags/item.js | 2 +- packages/ui-toolkit/src/tags/list.js | 1 + .../__tests__/__snapshots__/text.spec.js.snap | 7 + packages/ui-toolkit/src/text/headings.js | 8 +- packages/ui-toolkit/src/text/p.js | 5 + packages/ui-toolkit/src/text/strong.js | 2 +- packages/ui-toolkit/src/theme/index.js | 16 +- packages/ui-toolkit/styleguide.config.js | 1 - yarn.lock | 1498 ++- 683 files changed, 25062 insertions(+), 52331 deletions(-) create mode 100644 .vscode/settings.json rename {packages => consoles}/my-joy-images/.babelrc (100%) rename {packages => consoles}/my-joy-images/.eslintignore (100%) rename {packages => consoles}/my-joy-images/.eslintrc (100%) rename {packages => consoles}/my-joy-images/.gitignore (100%) rename {packages => consoles}/my-joy-images/.npmignore (100%) rename {packages => consoles}/my-joy-images/.tern-project (100%) rename {packages => consoles}/my-joy-images/.yarnclean (100%) rename {packages => consoles}/my-joy-images/lib/index.js (97%) rename {packages => consoles}/my-joy-images/package.json (100%) rename {packages => consoles}/my-joy-images/public/manifest.json (100%) rename {packages => consoles}/my-joy-images/public/static/css/libre-franklin.css (100%) rename {packages => consoles}/my-joy-images/public/static/css/roboto-mono.css (100%) rename {packages => consoles}/my-joy-images/public/static/fonts/libre-franklin/libre-franklin-bold.ttf (100%) rename {packages => consoles}/my-joy-images/public/static/fonts/libre-franklin/libre-franklin-light.ttf (100%) rename {packages => consoles}/my-joy-images/public/static/fonts/libre-franklin/libre-franklin-medium.ttf (100%) rename {packages => consoles}/my-joy-images/public/static/fonts/libre-franklin/libre-franklin-regular.ttf (100%) rename {packages => consoles}/my-joy-images/public/static/fonts/libre-franklin/libre-franklin-semibold.ttf (100%) rename {packages => consoles}/my-joy-images/public/static/fonts/libre-franklin/license.txt (100%) rename {packages => consoles}/my-joy-images/public/static/fonts/roboto-mono/license.txt (100%) rename {packages => consoles}/my-joy-images/public/static/fonts/roboto-mono/roboto-mono-bold.ttf (100%) rename {packages => consoles}/my-joy-images/public/static/fonts/roboto-mono/roboto-mono-regular.ttf (100%) rename {packages => consoles}/my-joy-images/readme.md (100%) rename {packages => consoles}/my-joy-images/src/_aliases.js (100%) rename {packages => consoles}/my-joy-images/src/_document.js (100%) rename {packages => consoles}/my-joy-images/src/app.js (100%) rename {packages => consoles}/my-joy-images/src/components/create-image/details.js (100%) rename {packages => consoles}/my-joy-images/src/components/create-image/title.js (100%) rename {packages => consoles}/my-joy-images/src/components/description.js (100%) rename {packages => consoles}/my-joy-images/src/components/empty.js (100%) rename {packages => consoles}/my-joy-images/src/components/image.js (77%) rename {packages/my-joy-instances/src/components/navigation => consoles/my-joy-images/src/components}/menu.js (100%) rename {packages => consoles}/my-joy-images/src/components/summary.js (85%) rename {packages => consoles}/my-joy-images/src/components/tags.js (100%) rename {packages => consoles}/my-joy-images/src/components/toolbar.js (79%) rename {packages => consoles}/my-joy-images/src/constants.js (100%) rename {packages => consoles}/my-joy-images/src/containers/breadcrumb.js (89%) rename {packages => consoles}/my-joy-images/src/containers/create-image/details.js (100%) rename {packages => consoles}/my-joy-images/src/containers/create-image/tags.js (99%) rename {packages => consoles}/my-joy-images/src/containers/create.js (99%) rename {packages => consoles}/my-joy-images/src/containers/list.js (94%) rename {packages => consoles}/my-joy-images/src/containers/menu.js (100%) rename {packages => consoles}/my-joy-images/src/containers/summary.js (90%) rename {packages => consoles}/my-joy-images/src/containers/tags.js (95%) rename {packages => consoles}/my-joy-images/src/graphql/create-image.gql (100%) rename {packages => consoles}/my-joy-images/src/graphql/get-image.gql (100%) rename {packages => consoles}/my-joy-images/src/graphql/get-instance.gql (100%) rename {packages => consoles}/my-joy-images/src/graphql/get-random-name.gql (100%) rename {packages => consoles}/my-joy-images/src/graphql/get-tags.gql (100%) rename {packages => consoles}/my-joy-images/src/graphql/list-images.gql (100%) rename {packages => consoles}/my-joy-images/src/graphql/remove-image.gql (100%) rename {packages => consoles}/my-joy-images/src/graphql/update-image-tags.gql (100%) rename {packages/my-joy-instances => consoles/my-joy-images}/src/html.js (99%) rename {packages => consoles}/my-joy-images/src/index.js (85%) rename {packages => consoles}/my-joy-images/src/mocks/__aliases__.js (100%) rename {packages => consoles}/my-joy-images/src/mocks/declarative-redux-form.js (100%) rename {packages => consoles}/my-joy-images/src/mocks/editor.js (100%) rename {packages => consoles}/my-joy-images/src/mocks/index.js (100%) rename {packages => consoles}/my-joy-images/src/mocks/react-responsive.js (100%) rename {packages => consoles}/my-joy-images/src/mocks/react-router-dom.js (100%) rename {packages => consoles}/my-joy-images/src/mocks/redux-form.js (100%) rename {packages => consoles}/my-joy-images/src/mocks/router.js (100%) rename {packages => consoles}/my-joy-images/src/mocks/scroll-to-element.js (100%) rename {packages => consoles}/my-joy-images/src/mocks/store.js (100%) rename {packages => consoles}/my-joy-images/src/mocks/theme.js (100%) rename {packages => consoles}/my-joy-images/src/routes.js (100%) rename {packages => consoles}/my-joy-images/src/server-error.js (97%) rename {packages => consoles}/my-joy-images/src/state/apollo-client.js (100%) rename {packages => consoles}/my-joy-images/src/state/global.js (100%) rename {packages => consoles}/my-joy-images/src/state/parse-error.js (100%) rename {packages => consoles}/my-joy-images/src/state/redux-store.js (100%) rename {packages => consoles}/my-joy-images/src/state/theme.js (100%) rename {packages => consoles}/my-joy-images/src/state/validators.js (85%) rename {packages => consoles}/my-joy-instances/.babelrc (100%) rename {packages => consoles}/my-joy-instances/.eslintignore (100%) rename {packages => consoles}/my-joy-instances/.eslintrc (100%) rename {packages => consoles}/my-joy-instances/.gitignore (100%) rename {packages => consoles}/my-joy-instances/.lighthouserc (100%) rename {packages => consoles}/my-joy-instances/.npmignore (100%) rename {packages => consoles}/my-joy-instances/.stylelintrc (100%) rename {packages => consoles}/my-joy-instances/.tern-project (100%) rename {packages => consoles}/my-joy-instances/.yarnclean (100%) rename {packages => consoles}/my-joy-instances/lib/index.js (100%) rename {packages => consoles}/my-joy-instances/package.json (98%) rename {packages => consoles}/my-joy-instances/public/manifest.json (100%) rename {packages => consoles}/my-joy-instances/public/static/css/libre-franklin.css (100%) rename {packages => consoles}/my-joy-instances/public/static/css/roboto-mono.css (100%) rename {packages => consoles}/my-joy-instances/public/static/fonts/libre-franklin/libre-franklin-bold.ttf (100%) rename {packages => consoles}/my-joy-instances/public/static/fonts/libre-franklin/libre-franklin-light.ttf (100%) rename {packages => consoles}/my-joy-instances/public/static/fonts/libre-franklin/libre-franklin-medium.ttf (100%) rename {packages => consoles}/my-joy-instances/public/static/fonts/libre-franklin/libre-franklin-regular.ttf (100%) rename {packages => consoles}/my-joy-instances/public/static/fonts/libre-franklin/libre-franklin-semibold.ttf (100%) rename {packages => consoles}/my-joy-instances/public/static/fonts/libre-franklin/license.txt (100%) rename {packages => consoles}/my-joy-instances/public/static/fonts/roboto-mono/license.txt (100%) rename {packages => consoles}/my-joy-instances/public/static/fonts/roboto-mono/roboto-mono-bold.ttf (100%) rename {packages => consoles}/my-joy-instances/public/static/fonts/roboto-mono/roboto-mono-regular.ttf (100%) rename {packages => consoles}/my-joy-instances/readme.md (100%) rename {packages => consoles}/my-joy-instances/src/_aliases.js (100%) rename {packages => consoles}/my-joy-instances/src/_document.js (97%) rename {packages => consoles}/my-joy-instances/src/app.js (100%) rename {packages => consoles}/my-joy-instances/src/components/instances/__tests__/__image_snapshots__/list-ui-js-instance-list-1-snap.png (100%) rename {packages => consoles}/my-joy-instances/src/components/instances/__tests__/__image_snapshots__/list-ui-js-instance-list-all-selected-1-snap.png (100%) rename {packages => consoles}/my-joy-instances/src/components/instances/__tests__/__image_snapshots__/list-ui-js-instance-list-children-instance-list-1-snap.png (100%) rename {packages => consoles}/my-joy-instances/src/components/instances/__tests__/__image_snapshots__/list-ui-js-instance-list-children-instance-list-2-snap.png (100%) rename {packages => consoles}/my-joy-instances/src/components/instances/__tests__/__image_snapshots__/list-ui-js-instance-list-sort-by-1-snap.png (100%) rename {packages => consoles}/my-joy-instances/src/components/instances/__tests__/__image_snapshots__/list-ui-js-instance-list-sort-by-2-snap.png (100%) rename {packages => consoles}/my-joy-instances/src/components/instances/__tests__/__image_snapshots__/list-ui-js-instance-list-sort-by-sort-order-1-snap.png (100%) rename {packages => consoles}/my-joy-instances/src/components/instances/__tests__/__image_snapshots__/list-ui-js-instance-list-sort-by-sort-order-2-snap.png (100%) rename {packages => consoles}/my-joy-instances/src/components/instances/__tests__/__image_snapshots__/list-ui-js-instance-list-submitting-1-snap.png (100%) rename {packages => consoles}/my-joy-instances/src/components/instances/__tests__/__image_snapshots__/list-ui-js-instance-list-submitting-2-snap.png (100%) rename {packages => consoles}/my-joy-instances/src/components/instances/__tests__/__image_snapshots__/list-ui-js-item-1-snap.png (100%) rename {packages => consoles}/my-joy-instances/src/components/instances/__tests__/__image_snapshots__/list-ui-js-item-allowed-actions-1-snap.png (100%) rename {packages => consoles}/my-joy-instances/src/components/instances/__tests__/__image_snapshots__/list-ui-js-item-item-1-snap.png (100%) rename {packages => consoles}/my-joy-instances/src/components/instances/__tests__/__image_snapshots__/list-ui-js-item-mutating-1-snap.png (100%) rename {packages => consoles}/my-joy-instances/src/components/instances/__tests__/__image_snapshots__/metadata-ui-js-add-form-1-snap.png (100%) rename {packages => consoles}/my-joy-instances/src/components/instances/__tests__/__image_snapshots__/metadata-ui-js-edit-form-1-snap.png (100%) rename {packages => consoles}/my-joy-instances/src/components/instances/__tests__/__image_snapshots__/metadata-ui-js-edit-form-2-snap.png (100%) rename {packages => consoles}/my-joy-instances/src/components/instances/__tests__/__image_snapshots__/snapshots-ui-js-actions-1-snap.png (100%) rename {packages => consoles}/my-joy-instances/src/components/instances/__tests__/__image_snapshots__/snapshots-ui-js-actions-2-snap.png (100%) rename {packages => consoles}/my-joy-instances/src/components/instances/__tests__/__image_snapshots__/snapshots-ui-js-item-1-snap.png (100%) rename {packages => consoles}/my-joy-instances/src/components/instances/__tests__/__image_snapshots__/snapshots-ui-js-item-item-1-snap.png (100%) rename {packages => consoles}/my-joy-instances/src/components/instances/__tests__/__image_snapshots__/snapshots-ui-js-item-mutating-1-snap.png (100%) rename {packages => consoles}/my-joy-instances/src/components/instances/__tests__/__image_snapshots__/snapshots-ui-js-snapshot-list-1-snap.png (100%) rename {packages => consoles}/my-joy-instances/src/components/instances/__tests__/__image_snapshots__/snapshots-ui-js-snapshot-list-all-selected-1-snap.png (100%) rename {packages => consoles}/my-joy-instances/src/components/instances/__tests__/__image_snapshots__/snapshots-ui-js-snapshot-list-all-selected-2-snap.png (100%) rename {packages => consoles}/my-joy-instances/src/components/instances/__tests__/__image_snapshots__/snapshots-ui-js-snapshot-list-sort-by-1-snap.png (100%) rename {packages => consoles}/my-joy-instances/src/components/instances/__tests__/__image_snapshots__/snapshots-ui-js-snapshot-list-sort-by-2-snap.png (100%) rename {packages => consoles}/my-joy-instances/src/components/instances/__tests__/__image_snapshots__/snapshots-ui-js-snapshot-list-sort-by-sort-order-1-snap.png (100%) rename {packages => consoles}/my-joy-instances/src/components/instances/__tests__/__image_snapshots__/snapshots-ui-js-snapshot-list-sort-by-sort-order-2-snap.png (100%) rename {packages => consoles}/my-joy-instances/src/components/instances/__tests__/__image_snapshots__/snapshots-ui-js-snapshot-list-sort-by-sort-order-3-snap.png (100%) rename {packages => consoles}/my-joy-instances/src/components/instances/__tests__/__image_snapshots__/snapshots-ui-js-snapshot-list-submitting-1-snap.png (100%) rename {packages => consoles}/my-joy-instances/src/components/instances/__tests__/__image_snapshots__/summary-ui-js-summary-1-snap.png (100%) rename {packages => consoles}/my-joy-instances/src/components/instances/__tests__/__image_snapshots__/summary-ui-js-summary-instance-1-snap.png (100%) rename {packages => consoles}/my-joy-instances/src/components/instances/__tests__/__image_snapshots__/summary-ui-js-summary-instance-2-snap.png (100%) rename {packages => consoles}/my-joy-instances/src/components/instances/__tests__/__image_snapshots__/summary-ui-js-summary-instance-3-snap.png (100%) rename {packages => consoles}/my-joy-instances/src/components/instances/__tests__/__image_snapshots__/summary-ui-js-summary-starting-stopping-rebooting-removing-1-snap.png (100%) rename {packages => consoles}/my-joy-instances/src/components/instances/__tests__/__image_snapshots__/summary-ui-js-summary-state-provisioning-1-snap.png (100%) rename {packages => consoles}/my-joy-instances/src/components/instances/__tests__/__image_snapshots__/summary-ui-js-summary-state-provisioning-2-snap.png (100%) rename {packages => consoles}/my-joy-instances/src/components/instances/__tests__/__image_snapshots__/summary-ui-js-summary-state-running-1-snap.png (100%) rename {packages => consoles}/my-joy-instances/src/components/instances/__tests__/__image_snapshots__/summary-ui-js-summary-state-running-2-snap.png (100%) rename {packages => consoles}/my-joy-instances/src/components/instances/__tests__/__image_snapshots__/summary-ui-js-summary-state-stopped-1-snap.png (100%) rename {packages => consoles}/my-joy-instances/src/components/instances/__tests__/__image_snapshots__/summary-ui-js-summary-state-stopped-2-snap.png (100%) rename {packages => consoles}/my-joy-instances/src/components/instances/__tests__/__image_snapshots__/toolbar-ui-js-toolbar-1-snap.png (100%) rename {packages => consoles}/my-joy-instances/src/components/instances/__tests__/__image_snapshots__/toolbar-ui-js-toolbar-action-label-1-snap.png (100%) rename {packages => consoles}/my-joy-instances/src/components/instances/__tests__/__image_snapshots__/toolbar-ui-js-toolbar-actionable-1-snap.png (100%) rename {packages => consoles}/my-joy-instances/src/components/instances/__tests__/__image_snapshots__/toolbar-ui-js-toolbar-on-action-click-1-snap.png (100%) rename {packages => consoles}/my-joy-instances/src/components/instances/__tests__/__image_snapshots__/toolbar-ui-js-toolbar-search-label-1-snap.png (100%) rename {packages => consoles}/my-joy-instances/src/components/instances/__tests__/__image_snapshots__/toolbar-ui-js-toolbar-search-placeholder-1-snap.png (100%) rename {packages => consoles}/my-joy-instances/src/components/instances/__tests__/__image_snapshots__/toolbar-ui-js-toolbar-searchable-1-snap.png (100%) rename {packages => consoles}/my-joy-instances/src/components/instances/__tests__/__snapshots__/list.spec.js.snap (97%) rename {packages => consoles}/my-joy-instances/src/components/instances/__tests__/__snapshots__/metadata.spec.js.snap (98%) rename {packages => consoles}/my-joy-instances/src/components/instances/__tests__/__snapshots__/snapshots.spec.js.snap (99%) rename {packages => consoles}/my-joy-instances/src/components/instances/__tests__/__snapshots__/summary.spec.js.snap (95%) rename {packages => consoles}/my-joy-instances/src/components/instances/__tests__/__snapshots__/toolbar.spec.js.snap (85%) rename {packages => consoles}/my-joy-instances/src/components/instances/__tests__/list.spec.js (100%) rename {packages => consoles}/my-joy-instances/src/components/instances/__tests__/list.ui.js (100%) rename {packages => consoles}/my-joy-instances/src/components/instances/__tests__/metadata.spec.js (100%) rename {packages => consoles}/my-joy-instances/src/components/instances/__tests__/metadata.ui.js (100%) rename {packages => consoles}/my-joy-instances/src/components/instances/__tests__/snapshots.spec.js (100%) rename {packages => consoles}/my-joy-instances/src/components/instances/__tests__/snapshots.ui.js (100%) rename {packages => consoles}/my-joy-instances/src/components/instances/__tests__/summary.spec.js (100%) rename {packages => consoles}/my-joy-instances/src/components/instances/__tests__/summary.ui.js (100%) rename {packages => consoles}/my-joy-instances/src/components/instances/__tests__/toolbar.spec.js (100%) rename {packages => consoles}/my-joy-instances/src/components/instances/__tests__/toolbar.ui.js (100%) create mode 100644 consoles/my-joy-instances/src/components/instances/description.js rename {packages => consoles}/my-joy-instances/src/components/instances/footer.js (100%) rename {packages => consoles}/my-joy-instances/src/components/instances/index.js (100%) rename {packages => consoles}/my-joy-instances/src/components/instances/list.js (99%) rename {packages => consoles}/my-joy-instances/src/components/instances/metadata.js (100%) rename {packages => consoles}/my-joy-instances/src/components/instances/snapshots.js (98%) rename {packages => consoles}/my-joy-instances/src/components/instances/summary.js (99%) rename {packages => consoles}/my-joy-instances/src/components/instances/toolbar.js (83%) rename {packages => consoles}/my-joy-instances/src/components/navigation/__tests__/__image_snapshots__/footer-ui-js-footer-1-snap.png (100%) rename {packages => consoles}/my-joy-instances/src/components/navigation/__tests__/__image_snapshots__/menu-ui-js-menu-1-snap.png (100%) rename {packages => consoles}/my-joy-instances/src/components/navigation/__tests__/__image_snapshots__/menu-ui-js-menu-links-1-snap.png (100%) rename {packages => consoles}/my-joy-instances/src/components/navigation/__tests__/__snapshots__/menu.spec.js.snap (95%) rename {packages => consoles}/my-joy-instances/src/components/navigation/__tests__/menu.spec.js (100%) rename {packages => consoles}/my-joy-instances/src/components/navigation/__tests__/menu.ui.js (100%) rename {packages => consoles}/my-joy-instances/src/components/navigation/index.js (100%) rename {packages/my-joy-images/src/components => consoles/my-joy-instances/src/components/navigation}/menu.js (96%) rename {packages => consoles}/my-joy-instances/src/constants.js (100%) create mode 100644 consoles/my-joy-instances/src/containers/create.js rename {packages => consoles}/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/cns-ui-js-cns-1-snap.png (100%) rename {packages => consoles}/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/cns-ui-js-cns-disabled-1-snap.png (100%) rename {packages => consoles}/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/cns-ui-js-cns-disabled-2-snap.png (100%) rename {packages => consoles}/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/cns-ui-js-cns-hostnames-1-snap.png (100%) rename {packages => consoles}/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/cns-ui-js-cns-hostnames-2-snap.png (100%) rename {packages => consoles}/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/cns-ui-js-cns-loading-1-snap.png (100%) rename {packages => consoles}/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/cns-ui-js-cns-loading-error-1-snap.png (100%) rename {packages => consoles}/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/cns-ui-js-cns-mutating-1-snap.png (100%) rename {packages => consoles}/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/cns-ui-js-cns-mutating-2-snap.png (100%) rename {packages => consoles}/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/cns-ui-js-cns-mutation-error-1-snap.png (100%) rename {packages => consoles}/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/cns-ui-js-cns-services-1-snap.png (100%) rename {packages => consoles}/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/cns-ui-js-cns-services-hostnames-1-snap.png (100%) rename {packages => consoles}/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/cns-ui-js-cns-services-hostnames-2-snap.png (100%) rename {packages => consoles}/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/firewall-ui-js-firewall-1-snap.png (100%) rename {packages => consoles}/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/firewall-ui-js-firewall-inactive-1-snap.png (100%) rename {packages => consoles}/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/firewall-ui-js-firewall-loading-1-snap.png (100%) rename {packages => consoles}/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/firewall-ui-js-firewall-loading-error-1-snap.png (100%) rename {packages => consoles}/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/firewall-ui-js-firewall-mutation-error-1-snap.png (100%) rename {packages => consoles}/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/firewall-ui-js-firewall-tag-rules-1-snap.png (100%) rename {packages => consoles}/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/firewall-ui-js-firewall-tag-rules-2-snap.png (100%) rename {packages => consoles}/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/firewall-ui-js-firewall-tag-rules-3-snap.png (100%) rename {packages => consoles}/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/firewall-ui-js-firewall-tag-rules-4-snap.png (100%) rename {packages => consoles}/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/firewall-ui-js-firewall-tag-rules-5-snap.png (100%) rename {packages => consoles}/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/firewall-ui-js-firewall-tag-rules-6-snap.png (100%) rename {packages => consoles}/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/list-ui-js-list-1-snap.png (100%) rename {packages => consoles}/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/list-ui-js-list-error-1-snap.png (100%) rename {packages => consoles}/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/list-ui-js-list-instances-1-snap.png (100%) rename {packages => consoles}/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/list-ui-js-list-instances-selected-1-snap.png (100%) rename {packages => consoles}/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/list-ui-js-list-instances-selected-all-1-snap.png (100%) rename {packages => consoles}/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/list-ui-js-list-instances-selected-all-2-snap.png (100%) rename {packages => consoles}/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/list-ui-js-list-instances-selected-all-allowed-actions-1-snap.png (100%) rename {packages => consoles}/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/list-ui-js-list-loading-1-snap.png (100%) rename {packages => consoles}/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/metadata-ui-js-metadata-1-snap.png (100%) rename {packages => consoles}/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/metadata-ui-js-metadata-add-open-1-snap.png (100%) rename {packages => consoles}/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/metadata-ui-js-metadata-add-open-2-snap.png (100%) rename {packages => consoles}/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/metadata-ui-js-metadata-error-1-snap.png (100%) rename {packages => consoles}/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/metadata-ui-js-metadata-loading-1-snap.png (100%) rename {packages => consoles}/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/metadata-ui-js-metadata-metadata-1-snap.png (100%) rename {packages => consoles}/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/metadata-ui-js-metadata-metadata-2-snap.png (100%) rename {packages => consoles}/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/metadata-ui-js-metadata-metadata-3-snap.png (100%) rename {packages => consoles}/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/networks-ui-js-networks-1-snap.png (100%) rename {packages => consoles}/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/networks-ui-js-networks-error-1-snap.png (100%) rename {packages => consoles}/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/networks-ui-js-networks-loading-1-snap.png (100%) rename {packages => consoles}/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/networks-ui-js-networks-networks-1-snap.png (100%) rename {packages => consoles}/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/networks-ui-js-networks-networks-2-snap.png (100%) rename {packages => consoles}/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/networks-ui-js-networks-networks-3-snap.png (100%) rename {packages => consoles}/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/summary-ui-js-summary-1-snap.png (100%) rename {packages => consoles}/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/summary-ui-js-summary-loading-1-snap.png (100%) rename {packages => consoles}/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/summary-ui-js-summary-loading-error-1-snap.png (100%) rename {packages => consoles}/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/summary-ui-js-summary-mutation-error-1-snap.png (100%) rename {packages => consoles}/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/summary-ui-js-summary-starting-stopping-rebooting-removing-1-snap.png (100%) rename {packages => consoles}/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/summary-ui-js-summary-starting-stopping-rebooting-removing-2-snap.png (100%) rename {packages => consoles}/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/summary-ui-js-summary-starting-stopping-rebooting-removing-3-snap.png (100%) rename {packages => consoles}/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/summary-ui-js-summary-starting-stopping-rebooting-removing-4-snap.png (100%) rename {packages => consoles}/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/tags-ui-js-tags-1-snap.png (100%) rename {packages => consoles}/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/tags-ui-js-tags-add-open-1-snap.png (100%) rename {packages => consoles}/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/tags-ui-js-tags-editable-1-snap.png (100%) rename {packages => consoles}/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/tags-ui-js-tags-editing-1-snap.png (100%) rename {packages => consoles}/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/tags-ui-js-tags-editing-2-snap.png (100%) rename {packages => consoles}/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/tags-ui-js-tags-editing-removing-1-snap.png (100%) rename {packages => consoles}/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/tags-ui-js-tags-editing-removing-2-snap.png (100%) rename {packages => consoles}/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/tags-ui-js-tags-editing-removing-3-snap.png (100%) rename {packages => consoles}/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/tags-ui-js-tags-error-1-snap.png (100%) rename {packages => consoles}/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/tags-ui-js-tags-loading-1-snap.png (100%) rename {packages => consoles}/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/tags-ui-js-tags-tags-1-snap.png (100%) rename {packages => consoles}/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/tags-ui-js-tags-tags-2-snap.png (100%) rename {packages => consoles}/my-joy-instances/src/containers/instances/__tests__/__snapshots__/cns.spec.js.snap (57%) rename {packages => consoles}/my-joy-instances/src/containers/instances/__tests__/__snapshots__/firewall.spec.js.snap (87%) rename {packages => consoles}/my-joy-instances/src/containers/instances/__tests__/__snapshots__/list.spec.js.snap (83%) rename {packages => consoles}/my-joy-instances/src/containers/instances/__tests__/__snapshots__/metadata.spec.js.snap (87%) rename {packages => consoles}/my-joy-instances/src/containers/instances/__tests__/__snapshots__/networks.spec.js.snap (88%) rename {packages => consoles}/my-joy-instances/src/containers/instances/__tests__/__snapshots__/summary.spec.js.snap (94%) rename {packages => consoles}/my-joy-instances/src/containers/instances/__tests__/__snapshots__/tags.spec.js.snap (93%) rename {packages => consoles}/my-joy-instances/src/containers/instances/__tests__/cns.spec.js (100%) rename {packages => consoles}/my-joy-instances/src/containers/instances/__tests__/cns.ui.js (100%) rename {packages => consoles}/my-joy-instances/src/containers/instances/__tests__/firewall.spec.js (100%) rename {packages => consoles}/my-joy-instances/src/containers/instances/__tests__/firewall.ui.js (100%) rename {packages => consoles}/my-joy-instances/src/containers/instances/__tests__/list.spec.js (100%) rename {packages => consoles}/my-joy-instances/src/containers/instances/__tests__/list.ui.js (100%) rename {packages => consoles}/my-joy-instances/src/containers/instances/__tests__/metadata.spec.js (100%) rename {packages => consoles}/my-joy-instances/src/containers/instances/__tests__/metadata.ui.js (100%) rename {packages => consoles}/my-joy-instances/src/containers/instances/__tests__/networks.spec.js (100%) rename {packages => consoles}/my-joy-instances/src/containers/instances/__tests__/networks.ui.js (100%) rename {packages => consoles}/my-joy-instances/src/containers/instances/__tests__/summary.spec.js (100%) rename {packages => consoles}/my-joy-instances/src/containers/instances/__tests__/summary.ui.js (100%) rename {packages => consoles}/my-joy-instances/src/containers/instances/__tests__/tags.spec.js (100%) rename {packages => consoles}/my-joy-instances/src/containers/instances/__tests__/tags.ui.js (100%) rename {packages => consoles}/my-joy-instances/src/containers/instances/cns.js (75%) rename {packages => consoles}/my-joy-instances/src/containers/instances/firewall.js (91%) rename {packages => consoles}/my-joy-instances/src/containers/instances/index.js (100%) rename {packages => consoles}/my-joy-instances/src/containers/instances/list.js (98%) rename {packages => consoles}/my-joy-instances/src/containers/instances/metadata.js (95%) rename {packages => consoles}/my-joy-instances/src/containers/instances/networks.js (90%) rename {packages => consoles}/my-joy-instances/src/containers/instances/snapshots.js (99%) rename {packages => consoles}/my-joy-instances/src/containers/instances/summary.js (99%) rename {packages => consoles}/my-joy-instances/src/containers/instances/tags.js (92%) rename {packages => consoles}/my-joy-instances/src/containers/instances/user-script.js (77%) rename {packages => consoles}/my-joy-instances/src/containers/navigation/__tests__/__image_snapshots__/breadcrumb-ui-js-breadcrumb-1-snap.png (100%) rename {packages => consoles}/my-joy-instances/src/containers/navigation/__tests__/__image_snapshots__/breadcrumb-ui-js-breadcrumb-match-1-snap.png (100%) rename {packages => consoles}/my-joy-instances/src/containers/navigation/__tests__/__image_snapshots__/breadcrumb-ui-js-breadcrumb-match-2-snap.png (100%) rename {packages => consoles}/my-joy-instances/src/containers/navigation/__tests__/__snapshots__/breadcrumb.spec.js.snap (86%) rename {packages => consoles}/my-joy-instances/src/containers/navigation/__tests__/breadcrumb.spec.js (100%) rename {packages => consoles}/my-joy-instances/src/containers/navigation/__tests__/breadcrumb.ui.js (100%) rename {packages => consoles}/my-joy-instances/src/containers/navigation/breadcrumb.js (91%) rename {packages => consoles}/my-joy-instances/src/containers/navigation/index.js (100%) rename {packages => consoles}/my-joy-instances/src/containers/navigation/menu.js (100%) rename {packages => consoles}/my-joy-instances/src/data/images-map.json (100%) rename {packages => consoles}/my-joy-instances/src/data/prices.json (100%) rename {packages => consoles}/my-joy-instances/src/graphql/create-instance.gql (100%) rename {packages => consoles}/my-joy-instances/src/graphql/create-snapshot.gql (100%) rename {packages => consoles}/my-joy-instances/src/graphql/delete-metadata.gql (100%) rename {packages => consoles}/my-joy-instances/src/graphql/delete-tag.gql (100%) rename {packages => consoles}/my-joy-instances/src/graphql/disable-instance-fw.gql (100%) rename {packages => consoles}/my-joy-instances/src/graphql/enable-instance-fw.gql (100%) rename {packages => consoles}/my-joy-instances/src/graphql/get-account.gql (100%) rename {packages => consoles}/my-joy-instances/src/graphql/get-images.gql (100%) rename {packages => consoles}/my-joy-instances/src/graphql/get-instance-small.gql (100%) rename {packages => consoles}/my-joy-instances/src/graphql/get-instance.gql (100%) rename {packages => consoles}/my-joy-instances/src/graphql/get-packages.gql (100%) rename {packages => consoles}/my-joy-instances/src/graphql/get-random-name.gql (100%) rename {packages => consoles}/my-joy-instances/src/graphql/get-snapshot.gql (100%) rename {packages => consoles}/my-joy-instances/src/graphql/list-fw-rules.gql (100%) rename {packages => consoles}/my-joy-instances/src/graphql/list-instance-fw-rules.gql (100%) rename {packages => consoles}/my-joy-instances/src/graphql/list-instance-networks.gql (100%) rename {packages => consoles}/my-joy-instances/src/graphql/list-instances.gql (100%) rename {packages => consoles}/my-joy-instances/src/graphql/list-metadata.gql (100%) rename {packages => consoles}/my-joy-instances/src/graphql/list-networks.gql (100%) rename {packages => consoles}/my-joy-instances/src/graphql/list-snapshots.gql (100%) rename {packages => consoles}/my-joy-instances/src/graphql/list-tags.gql (100%) rename {packages => consoles}/my-joy-instances/src/graphql/reboot-instance.gql (100%) rename {packages => consoles}/my-joy-instances/src/graphql/remove-instance.gql (100%) rename {packages => consoles}/my-joy-instances/src/graphql/remove-snapshot.gql (100%) rename {packages => consoles}/my-joy-instances/src/graphql/rename-machine.gql (100%) rename {packages => consoles}/my-joy-instances/src/graphql/start-from-snapshot.gql (100%) rename {packages => consoles}/my-joy-instances/src/graphql/start-instance.gql (100%) rename {packages => consoles}/my-joy-instances/src/graphql/stop-instance.gql (100%) rename {packages => consoles}/my-joy-instances/src/graphql/update-metadata.gql (100%) rename {packages => consoles}/my-joy-instances/src/graphql/update-tags.gql (100%) rename {packages/my-joy-images => consoles/my-joy-instances}/src/html.js (93%) rename {packages => consoles}/my-joy-instances/src/index.js (100%) rename {packages => consoles}/my-joy-instances/src/mocks/__aliases__.js (100%) rename {packages => consoles}/my-joy-instances/src/mocks/declarative-redux-form.js (100%) rename {packages => consoles}/my-joy-instances/src/mocks/editor.js (100%) rename {packages => consoles}/my-joy-instances/src/mocks/index.js (100%) rename {packages => consoles}/my-joy-instances/src/mocks/react-responsive.js (100%) rename {packages => consoles}/my-joy-instances/src/mocks/react-router-dom.js (60%) rename {packages => consoles}/my-joy-instances/src/mocks/redux-form.js (100%) rename {packages => consoles}/my-joy-instances/src/mocks/router.js (100%) rename {packages => consoles}/my-joy-instances/src/mocks/scroll-to-element.js (100%) rename {packages => consoles}/my-joy-instances/src/mocks/store.js (100%) rename {packages => consoles}/my-joy-instances/src/mocks/theme.js (99%) rename {packages => consoles}/my-joy-instances/src/routes.js (86%) rename {packages => consoles}/my-joy-instances/src/server-error.js (97%) rename {packages => consoles}/my-joy-instances/src/state/apollo-client.js (100%) rename {packages => consoles}/my-joy-instances/src/state/confirm.js (100%) rename {packages => consoles}/my-joy-instances/src/state/global.js (100%) rename {packages => consoles}/my-joy-instances/src/state/parse-error.js (100%) rename {packages => consoles}/my-joy-instances/src/state/redux-store.js (100%) rename {packages => consoles}/my-joy-instances/src/state/theme.js (100%) rename {packages => consoles}/my-joy-instances/src/state/validators.js (100%) rename {packages => consoles}/my-joy-navigation/.babelrc (100%) rename {packages => consoles}/my-joy-navigation/.eslintignore (100%) rename {packages => consoles}/my-joy-navigation/.eslintrc (100%) rename {packages => consoles}/my-joy-navigation/.gitignore (100%) rename {packages => consoles}/my-joy-navigation/.npmignore (100%) rename {packages => consoles}/my-joy-navigation/.yarnclean (100%) rename {packages => consoles}/my-joy-navigation/LICENSE (100%) rename {packages => consoles}/my-joy-navigation/lib/index.js (100%) rename {packages => consoles}/my-joy-navigation/package.json (100%) rename {packages => consoles}/my-joy-navigation/public/index.html (100%) rename {packages => consoles}/my-joy-navigation/public/static/css/libre-franklin.css (100%) rename {packages => consoles}/my-joy-navigation/public/static/fonts/libre-franklin/libre-franklin-bold.ttf (100%) rename {packages => consoles}/my-joy-navigation/public/static/fonts/libre-franklin/libre-franklin-light.ttf (100%) rename {packages => consoles}/my-joy-navigation/public/static/fonts/libre-franklin/libre-franklin-medium.ttf (100%) rename {packages => consoles}/my-joy-navigation/public/static/fonts/libre-franklin/libre-franklin-regular.ttf (100%) rename {packages => consoles}/my-joy-navigation/public/static/fonts/libre-franklin/libre-franklin-semibold.ttf (100%) rename {packages => consoles}/my-joy-navigation/public/static/fonts/libre-franklin/license.txt (100%) rename {packages => consoles}/my-joy-navigation/readme.md (100%) rename {packages => consoles}/my-joy-navigation/src/app.js (100%) rename {packages => consoles}/my-joy-navigation/src/components/anchor.js (100%) rename {packages => consoles}/my-joy-navigation/src/components/avatar.js (100%) rename {packages => consoles}/my-joy-navigation/src/components/datacenter.js (100%) rename {packages => consoles}/my-joy-navigation/src/components/header.js (100%) rename {packages => consoles}/my-joy-navigation/src/components/icons.js (100%) rename {packages => consoles}/my-joy-navigation/src/components/index.js (100%) rename {packages => consoles}/my-joy-navigation/src/components/overlay.js (100%) rename {packages => consoles}/my-joy-navigation/src/components/popover.js (100%) rename {packages => consoles}/my-joy-navigation/src/components/service.js (100%) rename {packages => consoles}/my-joy-navigation/src/components/sup.js (100%) rename {packages => consoles}/my-joy-navigation/src/containers/account.js (100%) rename {packages => consoles}/my-joy-navigation/src/containers/datacenter.js (100%) rename {packages => consoles}/my-joy-navigation/src/containers/index.js (100%) rename {packages => consoles}/my-joy-navigation/src/containers/services.js (100%) rename {packages => consoles}/my-joy-navigation/src/header.js (100%) rename {packages => consoles}/my-joy-navigation/src/index.js (100%) rename {packages => consoles}/my-joy-navigation/src/mocks/__aliases__.js (100%) rename {packages => consoles}/my-joy-navigation/src/state/client.js (100%) rename {packages => consoles}/my-joy-navigation/src/state/index.js (100%) rename {packages => consoles}/my-joy-navigation/src/state/local.js (100%) rename {packages => consoles}/my-joy-navigation/src/state/theme.js (100%) rename {packages => consoles}/my-joy-navigation/yarn.lock (100%) create mode 100644 packages/icons/src/tick.js create mode 100644 packages/instance-steps/.babelrc create mode 100644 packages/instance-steps/.eslintignore create mode 100644 packages/instance-steps/.yarnclean create mode 100644 packages/instance-steps/package.json rename packages/{my-joy-instances/src/components/create-instance/affinity.js => instance-steps/src/affinity/components.js} (51%) create mode 100644 packages/instance-steps/src/affinity/index.js create mode 100644 packages/instance-steps/src/cns/index.js create mode 100644 packages/instance-steps/src/constants.js create mode 100644 packages/instance-steps/src/firewall/components.js create mode 100644 packages/instance-steps/src/firewall/index.js create mode 100644 packages/instance-steps/src/graphql/get-account.gql create mode 100644 packages/instance-steps/src/graphql/get-images.gql create mode 100644 packages/instance-steps/src/graphql/get-packages.gql create mode 100644 packages/instance-steps/src/graphql/get-random-name.gql create mode 100644 packages/instance-steps/src/graphql/list-fw-rules.gql create mode 100644 packages/instance-steps/src/graphql/list-networks.gql rename packages/{my-joy-instances/src/components/create-instance/image.js => instance-steps/src/image/components.js} (72%) create mode 100644 packages/instance-steps/src/image/images-map.json create mode 100644 packages/instance-steps/src/image/index.js create mode 100644 packages/instance-steps/src/index.js create mode 100644 packages/instance-steps/src/metadata/components.js create mode 100644 packages/instance-steps/src/metadata/index.js create mode 100644 packages/instance-steps/src/name/index.js create mode 100644 packages/instance-steps/src/network/index.js rename packages/{my-joy-instances/src/components/create-instance/package.js => instance-steps/src/package/components.js} (79%) rename packages/{my-joy-instances/src/containers/create-instance/package.js => instance-steps/src/package/index.js} (53%) create mode 100644 packages/instance-steps/src/package/prices.json create mode 100644 packages/instance-steps/src/tags/index.js rename packages/{my-joy-instances/src/components/create-instance/user-script.js => instance-steps/src/user-script/components.js} (55%) create mode 100644 packages/instance-steps/src/user-script/index.js create mode 100644 packages/instance-steps/src/validators.js create mode 100644 packages/logos/src/fill.js delete mode 100644 packages/my-joy-instances/src/components/__tests__/__image_snapshots__/cns-ui-js-add-service-form-1-snap.png delete mode 100644 packages/my-joy-instances/src/components/__tests__/__image_snapshots__/cns-ui-js-add-service-form-2-snap.png delete mode 100644 packages/my-joy-instances/src/components/__tests__/__image_snapshots__/cns-ui-js-add-service-form-3-snap.png delete mode 100644 packages/my-joy-instances/src/components/__tests__/__image_snapshots__/cns-ui-js-add-service-form-pristine-1-snap.png delete mode 100644 packages/my-joy-instances/src/components/__tests__/__image_snapshots__/cns-ui-js-header-1-snap.png delete mode 100644 packages/my-joy-instances/src/components/__tests__/__image_snapshots__/cns-ui-js-hostname-1-snap.png delete mode 100644 packages/my-joy-instances/src/components/__tests__/__image_snapshots__/cns-ui-js-hostname-values-1-snap.png delete mode 100644 packages/my-joy-instances/src/components/__tests__/__image_snapshots__/cns-ui-js-hostnames-header-1-snap.png delete mode 100644 packages/my-joy-instances/src/components/__tests__/__image_snapshots__/firewall-ui-js-default-rules-1-snap.png delete mode 100644 packages/my-joy-instances/src/components/__tests__/__image_snapshots__/firewall-ui-js-default-rules-rules-1-snap.png delete mode 100644 packages/my-joy-instances/src/components/__tests__/__image_snapshots__/firewall-ui-js-default-rules-rules-2-snap.png delete mode 100644 packages/my-joy-instances/src/components/__tests__/__image_snapshots__/firewall-ui-js-rules-1-snap.png delete mode 100644 packages/my-joy-instances/src/components/__tests__/__image_snapshots__/firewall-ui-js-rules-rules-1-snap.png delete mode 100644 packages/my-joy-instances/src/components/__tests__/__image_snapshots__/firewall-ui-js-tag-rules-1-snap.png delete mode 100644 packages/my-joy-instances/src/components/__tests__/__image_snapshots__/firewall-ui-js-tag-rules-rules-1-snap.png delete mode 100644 packages/my-joy-instances/src/components/__tests__/__image_snapshots__/firewall-ui-js-toggle-firewall-form-1-snap.png delete mode 100644 packages/my-joy-instances/src/components/__tests__/__image_snapshots__/firewall-ui-js-toggle-firewall-form-2-snap.png delete mode 100644 packages/my-joy-instances/src/components/__tests__/__image_snapshots__/firewall-ui-js-toggle-firewall-form-3-snap.png delete mode 100644 packages/my-joy-instances/src/components/__tests__/__image_snapshots__/firewall-ui-js-toggle-firewall-form-submitting-1-snap.png delete mode 100644 packages/my-joy-instances/src/components/__tests__/__image_snapshots__/firewall-ui-js-toggle-inactive-form-1-snap.png delete mode 100644 packages/my-joy-instances/src/components/__tests__/__image_snapshots__/firewall-ui-js-toggle-inactive-form-2-snap.png delete mode 100644 packages/my-joy-instances/src/components/__tests__/__image_snapshots__/key-value-ui-js-key-value-1-snap.png delete mode 100644 packages/my-joy-instances/src/components/__tests__/__image_snapshots__/key-value-ui-js-key-value-expanded-false-1-snap.png delete mode 100644 packages/my-joy-instances/src/components/__tests__/__image_snapshots__/key-value-ui-js-key-value-input-input-1-snap.png delete mode 100644 packages/my-joy-instances/src/components/__tests__/__image_snapshots__/key-value-ui-js-key-value-input-textarea-1-snap.png delete mode 100644 packages/my-joy-instances/src/components/__tests__/__image_snapshots__/key-value-ui-js-key-value-method-add-1-snap.png delete mode 100644 packages/my-joy-instances/src/components/__tests__/__image_snapshots__/key-value-ui-js-key-value-method-edit-1-snap.png delete mode 100644 packages/my-joy-instances/src/components/__tests__/__image_snapshots__/key-value-ui-js-key-value-removing-1-snap.png delete mode 100644 packages/my-joy-instances/src/components/__tests__/__image_snapshots__/key-value-ui-js-key-value-submitting-1-snap.png delete mode 100644 packages/my-joy-instances/src/components/__tests__/__image_snapshots__/key-value-ui-js-key-value-type-tag-1-snap.png delete mode 100644 packages/my-joy-instances/src/components/__tests__/__image_snapshots__/network-ui-js-network-1-snap.png delete mode 100644 packages/my-joy-instances/src/components/__tests__/__image_snapshots__/network-ui-js-network-2-snap.png delete mode 100644 packages/my-joy-instances/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-1-snap.png delete mode 100644 packages/my-joy-instances/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-2-snap.png delete mode 100644 packages/my-joy-instances/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-3-snap.png delete mode 100644 packages/my-joy-instances/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-4-snap.png delete mode 100644 packages/my-joy-instances/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-5-snap.png delete mode 100644 packages/my-joy-instances/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-fabric-1-snap.png delete mode 100644 packages/my-joy-instances/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-fabric-2-snap.png delete mode 100644 packages/my-joy-instances/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-fabric-3-snap.png delete mode 100644 packages/my-joy-instances/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-info-expanded-1-snap.png delete mode 100644 packages/my-joy-instances/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-info-expanded-2-snap.png delete mode 100644 packages/my-joy-instances/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-info-expanded-3-snap.png delete mode 100644 packages/my-joy-instances/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-info-expanded-4-snap.png delete mode 100644 packages/my-joy-instances/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-info-expanded-5-snap.png delete mode 100644 packages/my-joy-instances/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-info-expanded-6-snap.png delete mode 100644 packages/my-joy-instances/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-public-1-snap.png delete mode 100644 packages/my-joy-instances/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-public-2-snap.png delete mode 100644 packages/my-joy-instances/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-public-3-snap.png delete mode 100644 packages/my-joy-instances/src/components/__tests__/__image_snapshots__/tags-ui-js-renders-add-form-without-throwing-1-snap.png delete mode 100644 packages/my-joy-instances/src/components/__tests__/__image_snapshots__/tags-ui-js-renders-edit-form-without-throwing-1-snap.png delete mode 100644 packages/my-joy-instances/src/components/__tests__/__image_snapshots__/tags-ui-js-renders-tag-name-value-without-throwing-1-snap.png delete mode 100644 packages/my-joy-instances/src/components/__tests__/__image_snapshots__/tags-ui-js-renders-tag-name-value-without-throwing-2-snap.png delete mode 100644 packages/my-joy-instances/src/components/__tests__/__image_snapshots__/tags-ui-js-renders-tag-without-throwing-1-snap.png delete mode 100644 packages/my-joy-instances/src/components/__tests__/__snapshots__/tags.spec.js.snap delete mode 100644 packages/my-joy-instances/src/components/__tests__/cns.ui.js delete mode 100644 packages/my-joy-instances/src/components/__tests__/firewall.ui.js delete mode 100644 packages/my-joy-instances/src/components/__tests__/key-value.ui.js delete mode 100644 packages/my-joy-instances/src/components/__tests__/network.ui.js delete mode 100644 packages/my-joy-instances/src/components/__tests__/tags.spec.js delete mode 100644 packages/my-joy-instances/src/components/__tests__/tags.ui.js delete mode 100644 packages/my-joy-instances/src/components/create-instance/__tests__/__image_snapshots__/affinity-ui-js-header-1-snap.png delete mode 100644 packages/my-joy-instances/src/components/create-instance/__tests__/__image_snapshots__/affinity-ui-js-header-tag-1-snap.png delete mode 100644 packages/my-joy-instances/src/components/create-instance/__tests__/__image_snapshots__/affinity-ui-js-header-tag-2-snap.png delete mode 100644 packages/my-joy-instances/src/components/create-instance/__tests__/__image_snapshots__/affinity-ui-js-rule-1-snap.png delete mode 100644 packages/my-joy-instances/src/components/create-instance/__tests__/__image_snapshots__/affinity-ui-js-rule-2-snap.png delete mode 100644 packages/my-joy-instances/src/components/create-instance/__tests__/__image_snapshots__/images-ui-js-images-1-snap.png delete mode 100644 packages/my-joy-instances/src/components/create-instance/__tests__/__image_snapshots__/images-ui-js-images-expanded-1-snap.png delete mode 100644 packages/my-joy-instances/src/components/create-instance/__tests__/__image_snapshots__/images-ui-js-images-images-name-stuff-image-name-stuff-1-snap.png delete mode 100644 packages/my-joy-instances/src/components/create-instance/__tests__/__image_snapshots__/images-ui-js-images-images-test-1-snap.png delete mode 100644 packages/my-joy-instances/src/components/create-instance/__tests__/__image_snapshots__/images-ui-js-images-is-vm-selected-1-snap.png delete mode 100644 packages/my-joy-instances/src/components/create-instance/__tests__/__image_snapshots__/images-ui-js-images-loading-1-snap.png delete mode 100644 packages/my-joy-instances/src/components/create-instance/__tests__/__image_snapshots__/images-ui-js-images-pristine-false-1-snap.png delete mode 100644 packages/my-joy-instances/src/components/create-instance/__tests__/__image_snapshots__/images-ui-js-images-pristine-false-2-snap.png delete mode 100644 packages/my-joy-instances/src/components/create-instance/__tests__/__image_snapshots__/name-ui-js-name-1-snap.png delete mode 100644 packages/my-joy-instances/src/components/create-instance/__tests__/__image_snapshots__/name-ui-js-name-expanded-1-snap.png delete mode 100644 packages/my-joy-instances/src/components/create-instance/__tests__/__image_snapshots__/name-ui-js-name-name-test-1-snap.png delete mode 100644 packages/my-joy-instances/src/components/create-instance/__tests__/__image_snapshots__/name-ui-js-name-name-test-2-snap.png delete mode 100644 packages/my-joy-instances/src/components/create-instance/__tests__/__image_snapshots__/name-ui-js-name-pristine-false-1-snap.png delete mode 100644 packages/my-joy-instances/src/components/create-instance/__tests__/__image_snapshots__/package-ui-js-filters-1-snap.png delete mode 100644 packages/my-joy-instances/src/components/create-instance/__tests__/__image_snapshots__/package-ui-js-overview-1-snap.png delete mode 100644 packages/my-joy-instances/src/components/create-instance/__tests__/__image_snapshots__/package-ui-js-overview-has-vms-1-snap.png delete mode 100644 packages/my-joy-instances/src/components/create-instance/__tests__/__image_snapshots__/package-ui-js-package-1-snap.png delete mode 100644 packages/my-joy-instances/src/components/create-instance/__tests__/__image_snapshots__/package-ui-js-packages-expanded-1-snap.png delete mode 100644 packages/my-joy-instances/src/components/create-instance/__tests__/__image_snapshots__/package-ui-js-packages-expanded-2-snap.png delete mode 100644 packages/my-joy-instances/src/components/create-instance/__tests__/__image_snapshots__/package-ui-js-packages-is-vm-selected-1-snap.png delete mode 100644 packages/my-joy-instances/src/components/create-instance/__tests__/__image_snapshots__/package-ui-js-packages-loading-1-snap.png delete mode 100644 packages/my-joy-instances/src/components/create-instance/__tests__/__image_snapshots__/package-ui-js-packages-loading-2-snap.png delete mode 100644 packages/my-joy-instances/src/components/create-instance/__tests__/__image_snapshots__/package-ui-js-packages-packages-name-stuff-image-name-stuff-1-snap.png delete mode 100644 packages/my-joy-instances/src/components/create-instance/__tests__/__image_snapshots__/package-ui-js-packages-packages-name-stuff-image-name-stuff-2-snap.png delete mode 100644 packages/my-joy-instances/src/components/create-instance/__tests__/__image_snapshots__/package-ui-js-packages-packages-name-stuff-image-name-stuff-3-snap.png delete mode 100644 packages/my-joy-instances/src/components/create-instance/__tests__/__image_snapshots__/package-ui-js-packages-pristine-false-1-snap.png delete mode 100644 packages/my-joy-instances/src/components/create-instance/__tests__/__image_snapshots__/title-ui-js-title-1-snap.png delete mode 100644 packages/my-joy-instances/src/components/create-instance/__tests__/__image_snapshots__/title-ui-js-title-icon-name-icon-1-snap.png delete mode 100644 packages/my-joy-instances/src/components/create-instance/__tests__/__image_snapshots__/title-ui-js-title-icon-test-label-instance-name-1-snap.png delete mode 100644 packages/my-joy-instances/src/components/create-instance/__tests__/__image_snapshots__/title-ui-js-title-icon-test-label-instance-name-2-snap.png delete mode 100644 packages/my-joy-instances/src/components/create-instance/__tests__/__image_snapshots__/title-ui-js-title-label-test-1-snap.png delete mode 100644 packages/my-joy-instances/src/components/create-instance/__tests__/__snapshots__/affinity.spec.js.snap delete mode 100644 packages/my-joy-instances/src/components/create-instance/__tests__/__snapshots__/images.spec.js.snap delete mode 100644 packages/my-joy-instances/src/components/create-instance/__tests__/__snapshots__/name.spec.js.snap delete mode 100644 packages/my-joy-instances/src/components/create-instance/__tests__/__snapshots__/package.spec.js.snap delete mode 100644 packages/my-joy-instances/src/components/create-instance/__tests__/__snapshots__/title.spec.js.snap delete mode 100644 packages/my-joy-instances/src/components/create-instance/__tests__/affinity.spec.js delete mode 100644 packages/my-joy-instances/src/components/create-instance/__tests__/affinity.ui.js delete mode 100644 packages/my-joy-instances/src/components/create-instance/__tests__/images.spec.js delete mode 100644 packages/my-joy-instances/src/components/create-instance/__tests__/images.ui.js delete mode 100644 packages/my-joy-instances/src/components/create-instance/__tests__/name.spec.js delete mode 100644 packages/my-joy-instances/src/components/create-instance/__tests__/name.ui.js delete mode 100644 packages/my-joy-instances/src/components/create-instance/__tests__/package.spec.js delete mode 100644 packages/my-joy-instances/src/components/create-instance/__tests__/package.ui.js delete mode 100644 packages/my-joy-instances/src/components/create-instance/__tests__/title.spec.js delete mode 100644 packages/my-joy-instances/src/components/create-instance/__tests__/title.ui.js delete mode 100644 packages/my-joy-instances/src/components/create-instance/name.js delete mode 100644 packages/my-joy-instances/src/components/create-instance/title.js delete mode 100644 packages/my-joy-instances/src/components/description.js delete mode 100644 packages/my-joy-instances/src/components/tags.js delete mode 100644 packages/my-joy-instances/src/containers/create-instance/__tests__/__image_snapshots__/metadata-ui-js-metadata-1-snap.png delete mode 100644 packages/my-joy-instances/src/containers/create-instance/__tests__/__image_snapshots__/metadata-ui-js-metadata-add-open-expanded-1-snap.png delete mode 100644 packages/my-joy-instances/src/containers/create-instance/__tests__/__image_snapshots__/metadata-ui-js-metadata-add-open-expanded-2-snap.png delete mode 100644 packages/my-joy-instances/src/containers/create-instance/__tests__/__image_snapshots__/metadata-ui-js-metadata-add-open-expanded-3-snap.png delete mode 100644 packages/my-joy-instances/src/containers/create-instance/__tests__/__image_snapshots__/metadata-ui-js-metadata-add-open-expanded-4-snap.png delete mode 100644 packages/my-joy-instances/src/containers/create-instance/__tests__/__image_snapshots__/metadata-ui-js-metadata-expanded-1-snap.png delete mode 100644 packages/my-joy-instances/src/containers/create-instance/__tests__/__image_snapshots__/metadata-ui-js-metadata-metadata-1-snap.png delete mode 100644 packages/my-joy-instances/src/containers/create-instance/__tests__/__image_snapshots__/metadata-ui-js-metadata-metadata-2-snap.png delete mode 100644 packages/my-joy-instances/src/containers/create-instance/__tests__/__image_snapshots__/metadata-ui-js-metadata-metadata-expanded-1-snap.png delete mode 100644 packages/my-joy-instances/src/containers/create-instance/__tests__/__image_snapshots__/networks-ui-js-networks-1-snap.png delete mode 100644 packages/my-joy-instances/src/containers/create-instance/__tests__/__image_snapshots__/networks-ui-js-networks-loading-1-snap.png delete mode 100644 packages/my-joy-instances/src/containers/create-instance/__tests__/__image_snapshots__/networks-ui-js-networks-loading-expanded-1-snap.png delete mode 100644 packages/my-joy-instances/src/containers/create-instance/__tests__/__image_snapshots__/networks-ui-js-networks-networks-1-snap.png delete mode 100644 packages/my-joy-instances/src/containers/create-instance/__tests__/__image_snapshots__/networks-ui-js-networks-networks-2-snap.png delete mode 100644 packages/my-joy-instances/src/containers/create-instance/__tests__/__image_snapshots__/networks-ui-js-networks-networks-expanded-1-snap.png delete mode 100644 packages/my-joy-instances/src/containers/create-instance/__tests__/__image_snapshots__/networks-ui-js-networks-networks-proceeded-1-snap.png delete mode 100644 packages/my-joy-instances/src/containers/create-instance/__tests__/__image_snapshots__/tag-ui-js-tags-1-snap.png delete mode 100644 packages/my-joy-instances/src/containers/create-instance/__tests__/__image_snapshots__/tag-ui-js-tags-add-open-expanded-1-snap.png delete mode 100644 packages/my-joy-instances/src/containers/create-instance/__tests__/__image_snapshots__/tag-ui-js-tags-add-open-expanded-2-snap.png delete mode 100644 packages/my-joy-instances/src/containers/create-instance/__tests__/__image_snapshots__/tag-ui-js-tags-add-open-expanded-3-snap.png delete mode 100644 packages/my-joy-instances/src/containers/create-instance/__tests__/__image_snapshots__/tag-ui-js-tags-expanded-1-snap.png delete mode 100644 packages/my-joy-instances/src/containers/create-instance/__tests__/__image_snapshots__/tag-ui-js-tags-metadata-1-snap.png delete mode 100644 packages/my-joy-instances/src/containers/create-instance/__tests__/__image_snapshots__/tag-ui-js-tags-metadata-expanded-1-snap.png delete mode 100644 packages/my-joy-instances/src/containers/create-instance/__tests__/__image_snapshots__/user-script-ui-js-user-script-1-snap.png delete mode 100644 packages/my-joy-instances/src/containers/create-instance/__tests__/__image_snapshots__/user-script-ui-js-user-script-expanded-1-snap.png delete mode 100644 packages/my-joy-instances/src/containers/create-instance/__tests__/__image_snapshots__/user-script-ui-js-user-script-expanded-create-1-snap.png delete mode 100644 packages/my-joy-instances/src/containers/create-instance/__tests__/__image_snapshots__/user-script-ui-js-user-script-expanded-create-form-open-1-snap.png delete mode 100644 packages/my-joy-instances/src/containers/create-instance/__tests__/__image_snapshots__/user-script-ui-js-user-script-expanded-edit-form-open-1-snap.png delete mode 100644 packages/my-joy-instances/src/containers/create-instance/__tests__/__image_snapshots__/user-script-ui-js-user-script-expanded-edit-form-open-script-1-snap.png delete mode 100644 packages/my-joy-instances/src/containers/create-instance/__tests__/__image_snapshots__/user-script-ui-js-user-script-expanded-edit-form-open-script-2-snap.png delete mode 100644 packages/my-joy-instances/src/containers/create-instance/__tests__/__image_snapshots__/user-script-ui-js-user-script-expanded-edit-form-open-script-3-snap.png delete mode 100644 packages/my-joy-instances/src/containers/create-instance/__tests__/__image_snapshots__/user-script-ui-js-user-script-proceeded-1-snap.png delete mode 100644 packages/my-joy-instances/src/containers/create-instance/__tests__/__snapshots__/metadata.spec.js.snap delete mode 100644 packages/my-joy-instances/src/containers/create-instance/__tests__/__snapshots__/networks.spec.js.snap delete mode 100644 packages/my-joy-instances/src/containers/create-instance/__tests__/__snapshots__/tag.spec.js.snap delete mode 100644 packages/my-joy-instances/src/containers/create-instance/__tests__/__snapshots__/user-script.spec.js.snap delete mode 100644 packages/my-joy-instances/src/containers/create-instance/__tests__/metadata.spec.js delete mode 100644 packages/my-joy-instances/src/containers/create-instance/__tests__/metadata.ui.js delete mode 100644 packages/my-joy-instances/src/containers/create-instance/__tests__/networks.spec.js delete mode 100644 packages/my-joy-instances/src/containers/create-instance/__tests__/networks.ui.js delete mode 100644 packages/my-joy-instances/src/containers/create-instance/__tests__/tag.spec.js delete mode 100644 packages/my-joy-instances/src/containers/create-instance/__tests__/tag.ui.js delete mode 100644 packages/my-joy-instances/src/containers/create-instance/__tests__/user-script.spec.js delete mode 100644 packages/my-joy-instances/src/containers/create-instance/__tests__/user-script.ui.js delete mode 100644 packages/my-joy-instances/src/containers/create-instance/affinity.js delete mode 100644 packages/my-joy-instances/src/containers/create-instance/animated.js delete mode 100644 packages/my-joy-instances/src/containers/create-instance/cns.js delete mode 100644 packages/my-joy-instances/src/containers/create-instance/firewall.js delete mode 100644 packages/my-joy-instances/src/containers/create-instance/image.js delete mode 100644 packages/my-joy-instances/src/containers/create-instance/index.js delete mode 100644 packages/my-joy-instances/src/containers/create-instance/metadata.js delete mode 100644 packages/my-joy-instances/src/containers/create-instance/name.js delete mode 100644 packages/my-joy-instances/src/containers/create-instance/networks.js delete mode 100644 packages/my-joy-instances/src/containers/create-instance/tags.js delete mode 100644 packages/my-joy-instances/src/containers/create-instance/user-script.js create mode 100644 packages/resource-step/.babelrc create mode 100644 packages/resource-step/.eslintignore create mode 100644 packages/resource-step/.yarnclean create mode 100644 packages/resource-step/package.json create mode 100644 packages/resource-step/src/index.js create mode 100644 packages/resource-step/src/provider.js create mode 100644 packages/resource-step/src/status-icon.js create mode 100644 packages/resource-widgets/.babelrc create mode 100644 packages/resource-widgets/.eslintignore create mode 100644 packages/resource-widgets/.yarnclean create mode 100644 packages/resource-widgets/package.json rename packages/{my-joy-instances/src/components => resource-widgets/src}/__tests__/__snapshots__/cns.spec.js.snap (87%) rename packages/{my-joy-instances/src/components => resource-widgets/src}/__tests__/__snapshots__/firewall.spec.js.snap (81%) rename packages/{my-joy-instances/src/components => resource-widgets/src}/__tests__/__snapshots__/network.spec.js.snap (79%) rename packages/{my-joy-instances/src/components => resource-widgets/src}/__tests__/cns.spec.js (100%) rename packages/{my-joy-instances/src/components => resource-widgets/src}/__tests__/firewall.spec.js (100%) rename packages/{my-joy-instances/src/components => resource-widgets/src}/__tests__/network.spec.js (100%) rename packages/{my-joy-instances/src/components/cns.js => resource-widgets/src/cns/index.js} (62%) rename packages/{my-joy-instances/src/components/empty.js => resource-widgets/src/empty/index.js} (99%) rename packages/{my-joy-instances/src/components/firewall.js => resource-widgets/src/firewall/index.js} (82%) create mode 100644 packages/resource-widgets/src/index.js create mode 100644 packages/resource-widgets/src/mocks/__aliases__.js create mode 100644 packages/resource-widgets/src/mocks/redux-form.js create mode 100644 packages/resource-widgets/src/mocks/theme.js rename packages/{my-joy-instances/src/components/network.js => resource-widgets/src/network/index.js} (84%) create mode 100644 packages/ui-toolkit/src/hr/index.js rename packages/{my-joy-instances/src/components => ui-toolkit/src/key-value}/__tests__/__snapshots__/key-value.spec.js.snap (97%) rename packages/{my-joy-instances/src/components => ui-toolkit/src/key-value}/__tests__/key-value.spec.js (96%) create mode 100644 packages/ui-toolkit/src/mocks/redux-form.js delete mode 100644 packages/ui-toolkit/src/section-list/__tests__/__snapshots__/section.spec.js.snap delete mode 100644 packages/ui-toolkit/src/section-list/__tests__/section.spec.js diff --git a/.gitignore b/.gitignore index 01948aa5..f5a33f74 100644 --- a/.gitignore +++ b/.gitignore @@ -166,3 +166,4 @@ prototypes/*/package-lock.json _env* keys* /packages/*/public/index.html +/consoles/*/public/index.html diff --git a/.vscode/settings.json b/.vscode/settings.json new file mode 100644 index 00000000..0967ef42 --- /dev/null +++ b/.vscode/settings.json @@ -0,0 +1 @@ +{} diff --git a/packages/my-joy-images/.babelrc b/consoles/my-joy-images/.babelrc similarity index 100% rename from packages/my-joy-images/.babelrc rename to consoles/my-joy-images/.babelrc diff --git a/packages/my-joy-images/.eslintignore b/consoles/my-joy-images/.eslintignore similarity index 100% rename from packages/my-joy-images/.eslintignore rename to consoles/my-joy-images/.eslintignore diff --git a/packages/my-joy-images/.eslintrc b/consoles/my-joy-images/.eslintrc similarity index 100% rename from packages/my-joy-images/.eslintrc rename to consoles/my-joy-images/.eslintrc diff --git a/packages/my-joy-images/.gitignore b/consoles/my-joy-images/.gitignore similarity index 100% rename from packages/my-joy-images/.gitignore rename to consoles/my-joy-images/.gitignore diff --git a/packages/my-joy-images/.npmignore b/consoles/my-joy-images/.npmignore similarity index 100% rename from packages/my-joy-images/.npmignore rename to consoles/my-joy-images/.npmignore diff --git a/packages/my-joy-images/.tern-project b/consoles/my-joy-images/.tern-project similarity index 100% rename from packages/my-joy-images/.tern-project rename to consoles/my-joy-images/.tern-project diff --git a/packages/my-joy-images/.yarnclean b/consoles/my-joy-images/.yarnclean similarity index 100% rename from packages/my-joy-images/.yarnclean rename to consoles/my-joy-images/.yarnclean diff --git a/packages/my-joy-images/lib/index.js b/consoles/my-joy-images/lib/index.js similarity index 97% rename from packages/my-joy-images/lib/index.js rename to consoles/my-joy-images/lib/index.js index 95746b15..643b2c00 100644 --- a/packages/my-joy-images/lib/index.js +++ b/consoles/my-joy-images/lib/index.js @@ -5,7 +5,7 @@ const RenderReact = require('hapi-render-react'); const Intercept = require('apr-intercept'); const Fs = require('mz/fs'); -const { NAMESPACE = 'images' } = process.env; +const { NAMESPACE = 'images', NODE_ENV = 'development' } = process.env; exports.register = async server => { let manifest = {}; diff --git a/packages/my-joy-images/package.json b/consoles/my-joy-images/package.json similarity index 100% rename from packages/my-joy-images/package.json rename to consoles/my-joy-images/package.json diff --git a/packages/my-joy-images/public/manifest.json b/consoles/my-joy-images/public/manifest.json similarity index 100% rename from packages/my-joy-images/public/manifest.json rename to consoles/my-joy-images/public/manifest.json diff --git a/packages/my-joy-images/public/static/css/libre-franklin.css b/consoles/my-joy-images/public/static/css/libre-franklin.css similarity index 100% rename from packages/my-joy-images/public/static/css/libre-franklin.css rename to consoles/my-joy-images/public/static/css/libre-franklin.css diff --git a/packages/my-joy-images/public/static/css/roboto-mono.css b/consoles/my-joy-images/public/static/css/roboto-mono.css similarity index 100% rename from packages/my-joy-images/public/static/css/roboto-mono.css rename to consoles/my-joy-images/public/static/css/roboto-mono.css diff --git a/packages/my-joy-images/public/static/fonts/libre-franklin/libre-franklin-bold.ttf b/consoles/my-joy-images/public/static/fonts/libre-franklin/libre-franklin-bold.ttf similarity index 100% rename from packages/my-joy-images/public/static/fonts/libre-franklin/libre-franklin-bold.ttf rename to consoles/my-joy-images/public/static/fonts/libre-franklin/libre-franklin-bold.ttf diff --git a/packages/my-joy-images/public/static/fonts/libre-franklin/libre-franklin-light.ttf b/consoles/my-joy-images/public/static/fonts/libre-franklin/libre-franklin-light.ttf similarity index 100% rename from packages/my-joy-images/public/static/fonts/libre-franklin/libre-franklin-light.ttf rename to consoles/my-joy-images/public/static/fonts/libre-franklin/libre-franklin-light.ttf diff --git a/packages/my-joy-images/public/static/fonts/libre-franklin/libre-franklin-medium.ttf b/consoles/my-joy-images/public/static/fonts/libre-franklin/libre-franklin-medium.ttf similarity index 100% rename from packages/my-joy-images/public/static/fonts/libre-franklin/libre-franklin-medium.ttf rename to consoles/my-joy-images/public/static/fonts/libre-franklin/libre-franklin-medium.ttf diff --git a/packages/my-joy-images/public/static/fonts/libre-franklin/libre-franklin-regular.ttf b/consoles/my-joy-images/public/static/fonts/libre-franklin/libre-franklin-regular.ttf similarity index 100% rename from packages/my-joy-images/public/static/fonts/libre-franklin/libre-franklin-regular.ttf rename to consoles/my-joy-images/public/static/fonts/libre-franklin/libre-franklin-regular.ttf diff --git a/packages/my-joy-images/public/static/fonts/libre-franklin/libre-franklin-semibold.ttf b/consoles/my-joy-images/public/static/fonts/libre-franklin/libre-franklin-semibold.ttf similarity index 100% rename from packages/my-joy-images/public/static/fonts/libre-franklin/libre-franklin-semibold.ttf rename to consoles/my-joy-images/public/static/fonts/libre-franklin/libre-franklin-semibold.ttf diff --git a/packages/my-joy-images/public/static/fonts/libre-franklin/license.txt b/consoles/my-joy-images/public/static/fonts/libre-franklin/license.txt similarity index 100% rename from packages/my-joy-images/public/static/fonts/libre-franklin/license.txt rename to consoles/my-joy-images/public/static/fonts/libre-franklin/license.txt diff --git a/packages/my-joy-images/public/static/fonts/roboto-mono/license.txt b/consoles/my-joy-images/public/static/fonts/roboto-mono/license.txt similarity index 100% rename from packages/my-joy-images/public/static/fonts/roboto-mono/license.txt rename to consoles/my-joy-images/public/static/fonts/roboto-mono/license.txt diff --git a/packages/my-joy-images/public/static/fonts/roboto-mono/roboto-mono-bold.ttf b/consoles/my-joy-images/public/static/fonts/roboto-mono/roboto-mono-bold.ttf similarity index 100% rename from packages/my-joy-images/public/static/fonts/roboto-mono/roboto-mono-bold.ttf rename to consoles/my-joy-images/public/static/fonts/roboto-mono/roboto-mono-bold.ttf diff --git a/packages/my-joy-images/public/static/fonts/roboto-mono/roboto-mono-regular.ttf b/consoles/my-joy-images/public/static/fonts/roboto-mono/roboto-mono-regular.ttf similarity index 100% rename from packages/my-joy-images/public/static/fonts/roboto-mono/roboto-mono-regular.ttf rename to consoles/my-joy-images/public/static/fonts/roboto-mono/roboto-mono-regular.ttf diff --git a/packages/my-joy-images/readme.md b/consoles/my-joy-images/readme.md similarity index 100% rename from packages/my-joy-images/readme.md rename to consoles/my-joy-images/readme.md diff --git a/packages/my-joy-images/src/_aliases.js b/consoles/my-joy-images/src/_aliases.js similarity index 100% rename from packages/my-joy-images/src/_aliases.js rename to consoles/my-joy-images/src/_aliases.js diff --git a/packages/my-joy-images/src/_document.js b/consoles/my-joy-images/src/_document.js similarity index 100% rename from packages/my-joy-images/src/_document.js rename to consoles/my-joy-images/src/_document.js diff --git a/packages/my-joy-images/src/app.js b/consoles/my-joy-images/src/app.js similarity index 100% rename from packages/my-joy-images/src/app.js rename to consoles/my-joy-images/src/app.js diff --git a/packages/my-joy-images/src/components/create-image/details.js b/consoles/my-joy-images/src/components/create-image/details.js similarity index 100% rename from packages/my-joy-images/src/components/create-image/details.js rename to consoles/my-joy-images/src/components/create-image/details.js diff --git a/packages/my-joy-images/src/components/create-image/title.js b/consoles/my-joy-images/src/components/create-image/title.js similarity index 100% rename from packages/my-joy-images/src/components/create-image/title.js rename to consoles/my-joy-images/src/components/create-image/title.js diff --git a/packages/my-joy-images/src/components/description.js b/consoles/my-joy-images/src/components/description.js similarity index 100% rename from packages/my-joy-images/src/components/description.js rename to consoles/my-joy-images/src/components/description.js diff --git a/packages/my-joy-images/src/components/empty.js b/consoles/my-joy-images/src/components/empty.js similarity index 100% rename from packages/my-joy-images/src/components/empty.js rename to consoles/my-joy-images/src/components/empty.js diff --git a/packages/my-joy-images/src/components/image.js b/consoles/my-joy-images/src/components/image.js similarity index 77% rename from packages/my-joy-images/src/components/image.js rename to consoles/my-joy-images/src/components/image.js index 2baa3c94..6a382acf 100644 --- a/packages/my-joy-images/src/components/image.js +++ b/consoles/my-joy-images/src/components/image.js @@ -15,7 +15,7 @@ import { PopoverTarget, Popover, PopoverItem, - PopoverDivider, + PopoverDivider as BasePopoverDivider, PopoverContainer, Radio, FormLabel, @@ -59,10 +59,6 @@ const Max = styled(Flex)` height: 100%; `; -const DividerContainer = styled(Margin)` - height: 100%; -`; - const Actions = styled(Flex)` width: ${remcalc(48)}; height: ${remcalc(48)}; @@ -71,9 +67,14 @@ const Actions = styled(Flex)` const ActionsWrapper = styled(Flex)` height: 100%; + width: 100%; border-left: ${remcalc(1)} solid ${props => props.theme.grey}; `; +const PopoverDivider = styled(BasePopoverDivider)` + width: 100%; +`; + export const Image = ({ name, id, @@ -113,10 +114,8 @@ export const Image = ({ {version} - - - - {ImageType[type]} + + {ImageType[type]} @@ -127,22 +126,26 @@ export const Image = ({ - - - - Create Instance - - + + + + + Create Instance + + + - - Remove - + + + Remove + + @@ -157,9 +160,9 @@ export const Image = ({ export const Filters = ({ selected }) => ( - + - + All @@ -175,7 +178,7 @@ export const Filters = ({ selected }) => ( > - + Virtual machines @@ -191,7 +194,7 @@ export const Filters = ({ selected }) => ( > - + Infrastructure container diff --git a/packages/my-joy-instances/src/components/navigation/menu.js b/consoles/my-joy-images/src/components/menu.js similarity index 100% rename from packages/my-joy-instances/src/components/navigation/menu.js rename to consoles/my-joy-images/src/components/menu.js index 006eaea9..9f91ff39 100644 --- a/packages/my-joy-instances/src/components/navigation/menu.js +++ b/consoles/my-joy-images/src/components/menu.js @@ -1,7 +1,7 @@ import React from 'react'; -import forceArray from 'force-array'; import { Margin } from 'styled-components-spacing'; import { NavLink } from 'react-router-dom'; +import forceArray from 'force-array'; import { SectionList, diff --git a/packages/my-joy-images/src/components/summary.js b/consoles/my-joy-images/src/components/summary.js similarity index 85% rename from packages/my-joy-images/src/components/summary.js rename to consoles/my-joy-images/src/components/summary.js index 77532463..88d951e1 100644 --- a/packages/my-joy-images/src/components/summary.js +++ b/consoles/my-joy-images/src/components/summary.js @@ -104,7 +104,7 @@ export default withTheme(({ theme = {}, onRemove, removing, ...image }) => ( - + @@ -124,7 +124,6 @@ export default withTheme(({ theme = {}, onRemove, removing, ...image }) => ( bold icon > - Create Instance @@ -145,7 +144,9 @@ export default withTheme(({ theme = {}, onRemove, removing, ...image }) => ( error right > - + + + Remove @@ -157,17 +158,23 @@ export default withTheme(({ theme = {}, onRemove, removing, ...image }) => (

{image.description}

 - - + + + + + + - Operating system - + + Operating system + + diff --git a/packages/my-joy-images/src/components/tags.js b/consoles/my-joy-images/src/components/tags.js similarity index 100% rename from packages/my-joy-images/src/components/tags.js rename to consoles/my-joy-images/src/components/tags.js diff --git a/packages/my-joy-images/src/components/toolbar.js b/consoles/my-joy-images/src/components/toolbar.js similarity index 79% rename from packages/my-joy-images/src/components/toolbar.js rename to consoles/my-joy-images/src/components/toolbar.js index 0c7e24d7..0ab40abc 100644 --- a/packages/my-joy-images/src/components/toolbar.js +++ b/consoles/my-joy-images/src/components/toolbar.js @@ -2,15 +2,8 @@ import React from 'react'; import { Field } from 'redux-form'; import Flex from 'styled-flex-component'; import { Margin } from 'styled-components-spacing'; -import remcalc from 'remcalc'; -import { - Button, - FormGroup, - Input, - FormLabel, - Divider -} from 'joyent-ui-toolkit'; +import { Button, FormGroup, Input, FormLabel } from 'joyent-ui-toolkit'; export const Toolbar = ({ searchable = true, @@ -21,7 +14,7 @@ export const Toolbar = ({ actionable = false, onActionClick }) => ( - + {searchLabel} @@ -30,7 +23,6 @@ export const Toolbar = ({ {action ? ( - + + )} + + + + + ); + } +} + +export default compose( + graphql(CreateInstanceMutation, { name: 'createInstance' }), + connect(({ form, values = {} }, { match, location }) => { + const steps = { + name: values[names.name], + image: values[names.image], + package: values[names.package], + network: values[names.network], + tags: values[names.tags], + metadata: values[names.metadata], + userScript: values[names.userScript], + firewall: values[names.firewall], + cns: values[names.cns], + affinity: values[names.affinity] + }; + + const error = get(form, `${IC_F}.error`, null); + + // Maybe re-use saved to only write the rule once + const disabled = Boolean( + !this.isFormValid && + steps.name && + steps.image && + steps.image.id && + steps.package && + steps.network + ); + + return { + disabled: !disabled, + forms: Object.keys(form), // improve this + error, + steps + }; + }), + connect(null, (dispatch, { steps = {}, forms, history, createInstance }) => { + const parseAffRule = ({ + conditional, + placement, + identity, + name, + pattern, + value + }) => { + const type = constantCase( + `${conditional}_${placement === 'same' ? 'equal' : 'not_equal'}` + ); + + const patterns = { + equalling: value => value, + starting: value => `/^${value}/` + }; + + const _name = identity === 'name' ? 'instance' : name; + const _value = patterns[pattern](type === 'name' ? name : value); + + return { + type, + key: _name, + value: _value + }; + }; + + return { + handleDefocus: name => value => + dispatch(set({ name: names[name], value })), + + handleSubmit: async () => { + const _affinity = steps.affinity ? parseAffRule(steps.affinity) : null; + const _name = steps.name && steps.name.name.toLowerCase(); + + const _metadata = + steps.metadata && steps.metadata.map(a => omit(a, 'open')); + + const _tags = + steps.tags && + uniqBy(steps.tags.map(a => omit(a, 'expanded')), 'name').map(a => + omit(a, 'expanded') + ); + + const _networks = + steps.networks && + Object.keys(steps.networks).filter( + network => steps.networks[network] + ); + + if (steps.userScript && steps.userScript.length) { + _metadata.push({ name: 'user-script', value: steps.userScript }); + } + + steps.tags && + steps.cns && + steps.tags.push({ + name: 'triton.cns.disable', + value: !steps.cns.cnsEnabled + }); + + if (steps.cns && (steps.cns.cnsServices && steps.cns.cnsEnabled)) { + steps.tags.push({ + name: 'triton.cns.services', + value: steps.cns.cnsServices.join(',') + }); + } + + const [err, res] = await intercept( + createInstance({ + variables: { + name: _name, + package: steps.package.id, + image: steps.image.id, + affinity: _affinity ? [_affinity] : [], + metadata: _metadata, + tags: _tags, + firewall_enabled: steps.firewall + ? steps.firewall.enabled + : undefined, + networks: _networks && _networks.length ? _networks : undefined + } + }) + ); + + if (err) { + throw new SubmissionError({ + _error: parseError(err) + }); + } + + dispatch([destroyAll(), forms.map(name => destroy(name))]); + history.push(`/instances/${res.data.createMachine.id}`); + } + }; + }) +)(CreateInstance); diff --git a/packages/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/cns-ui-js-cns-1-snap.png b/consoles/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/cns-ui-js-cns-1-snap.png similarity index 100% rename from packages/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/cns-ui-js-cns-1-snap.png rename to consoles/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/cns-ui-js-cns-1-snap.png diff --git a/packages/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/cns-ui-js-cns-disabled-1-snap.png b/consoles/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/cns-ui-js-cns-disabled-1-snap.png similarity index 100% rename from packages/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/cns-ui-js-cns-disabled-1-snap.png rename to consoles/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/cns-ui-js-cns-disabled-1-snap.png diff --git a/packages/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/cns-ui-js-cns-disabled-2-snap.png b/consoles/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/cns-ui-js-cns-disabled-2-snap.png similarity index 100% rename from packages/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/cns-ui-js-cns-disabled-2-snap.png rename to consoles/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/cns-ui-js-cns-disabled-2-snap.png diff --git a/packages/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/cns-ui-js-cns-hostnames-1-snap.png b/consoles/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/cns-ui-js-cns-hostnames-1-snap.png similarity index 100% rename from packages/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/cns-ui-js-cns-hostnames-1-snap.png rename to consoles/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/cns-ui-js-cns-hostnames-1-snap.png diff --git a/packages/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/cns-ui-js-cns-hostnames-2-snap.png b/consoles/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/cns-ui-js-cns-hostnames-2-snap.png similarity index 100% rename from packages/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/cns-ui-js-cns-hostnames-2-snap.png rename to consoles/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/cns-ui-js-cns-hostnames-2-snap.png diff --git a/packages/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/cns-ui-js-cns-loading-1-snap.png b/consoles/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/cns-ui-js-cns-loading-1-snap.png similarity index 100% rename from packages/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/cns-ui-js-cns-loading-1-snap.png rename to consoles/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/cns-ui-js-cns-loading-1-snap.png diff --git a/packages/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/cns-ui-js-cns-loading-error-1-snap.png b/consoles/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/cns-ui-js-cns-loading-error-1-snap.png similarity index 100% rename from packages/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/cns-ui-js-cns-loading-error-1-snap.png rename to consoles/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/cns-ui-js-cns-loading-error-1-snap.png diff --git a/packages/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/cns-ui-js-cns-mutating-1-snap.png b/consoles/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/cns-ui-js-cns-mutating-1-snap.png similarity index 100% rename from packages/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/cns-ui-js-cns-mutating-1-snap.png rename to consoles/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/cns-ui-js-cns-mutating-1-snap.png diff --git a/packages/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/cns-ui-js-cns-mutating-2-snap.png b/consoles/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/cns-ui-js-cns-mutating-2-snap.png similarity index 100% rename from packages/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/cns-ui-js-cns-mutating-2-snap.png rename to consoles/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/cns-ui-js-cns-mutating-2-snap.png diff --git a/packages/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/cns-ui-js-cns-mutation-error-1-snap.png b/consoles/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/cns-ui-js-cns-mutation-error-1-snap.png similarity index 100% rename from packages/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/cns-ui-js-cns-mutation-error-1-snap.png rename to consoles/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/cns-ui-js-cns-mutation-error-1-snap.png diff --git a/packages/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/cns-ui-js-cns-services-1-snap.png b/consoles/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/cns-ui-js-cns-services-1-snap.png similarity index 100% rename from packages/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/cns-ui-js-cns-services-1-snap.png rename to consoles/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/cns-ui-js-cns-services-1-snap.png diff --git a/packages/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/cns-ui-js-cns-services-hostnames-1-snap.png b/consoles/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/cns-ui-js-cns-services-hostnames-1-snap.png similarity index 100% rename from packages/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/cns-ui-js-cns-services-hostnames-1-snap.png rename to consoles/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/cns-ui-js-cns-services-hostnames-1-snap.png diff --git a/packages/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/cns-ui-js-cns-services-hostnames-2-snap.png b/consoles/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/cns-ui-js-cns-services-hostnames-2-snap.png similarity index 100% rename from packages/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/cns-ui-js-cns-services-hostnames-2-snap.png rename to consoles/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/cns-ui-js-cns-services-hostnames-2-snap.png diff --git a/packages/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/firewall-ui-js-firewall-1-snap.png b/consoles/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/firewall-ui-js-firewall-1-snap.png similarity index 100% rename from packages/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/firewall-ui-js-firewall-1-snap.png rename to consoles/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/firewall-ui-js-firewall-1-snap.png diff --git a/packages/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/firewall-ui-js-firewall-inactive-1-snap.png b/consoles/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/firewall-ui-js-firewall-inactive-1-snap.png similarity index 100% rename from packages/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/firewall-ui-js-firewall-inactive-1-snap.png rename to consoles/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/firewall-ui-js-firewall-inactive-1-snap.png diff --git a/packages/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/firewall-ui-js-firewall-loading-1-snap.png b/consoles/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/firewall-ui-js-firewall-loading-1-snap.png similarity index 100% rename from packages/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/firewall-ui-js-firewall-loading-1-snap.png rename to consoles/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/firewall-ui-js-firewall-loading-1-snap.png diff --git a/packages/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/firewall-ui-js-firewall-loading-error-1-snap.png b/consoles/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/firewall-ui-js-firewall-loading-error-1-snap.png similarity index 100% rename from packages/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/firewall-ui-js-firewall-loading-error-1-snap.png rename to consoles/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/firewall-ui-js-firewall-loading-error-1-snap.png diff --git a/packages/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/firewall-ui-js-firewall-mutation-error-1-snap.png b/consoles/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/firewall-ui-js-firewall-mutation-error-1-snap.png similarity index 100% rename from packages/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/firewall-ui-js-firewall-mutation-error-1-snap.png rename to consoles/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/firewall-ui-js-firewall-mutation-error-1-snap.png diff --git a/packages/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/firewall-ui-js-firewall-tag-rules-1-snap.png b/consoles/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/firewall-ui-js-firewall-tag-rules-1-snap.png similarity index 100% rename from packages/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/firewall-ui-js-firewall-tag-rules-1-snap.png rename to consoles/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/firewall-ui-js-firewall-tag-rules-1-snap.png diff --git a/packages/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/firewall-ui-js-firewall-tag-rules-2-snap.png b/consoles/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/firewall-ui-js-firewall-tag-rules-2-snap.png similarity index 100% rename from packages/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/firewall-ui-js-firewall-tag-rules-2-snap.png rename to consoles/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/firewall-ui-js-firewall-tag-rules-2-snap.png diff --git a/packages/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/firewall-ui-js-firewall-tag-rules-3-snap.png b/consoles/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/firewall-ui-js-firewall-tag-rules-3-snap.png similarity index 100% rename from packages/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/firewall-ui-js-firewall-tag-rules-3-snap.png rename to consoles/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/firewall-ui-js-firewall-tag-rules-3-snap.png diff --git a/packages/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/firewall-ui-js-firewall-tag-rules-4-snap.png b/consoles/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/firewall-ui-js-firewall-tag-rules-4-snap.png similarity index 100% rename from packages/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/firewall-ui-js-firewall-tag-rules-4-snap.png rename to consoles/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/firewall-ui-js-firewall-tag-rules-4-snap.png diff --git a/packages/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/firewall-ui-js-firewall-tag-rules-5-snap.png b/consoles/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/firewall-ui-js-firewall-tag-rules-5-snap.png similarity index 100% rename from packages/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/firewall-ui-js-firewall-tag-rules-5-snap.png rename to consoles/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/firewall-ui-js-firewall-tag-rules-5-snap.png diff --git a/packages/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/firewall-ui-js-firewall-tag-rules-6-snap.png b/consoles/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/firewall-ui-js-firewall-tag-rules-6-snap.png similarity index 100% rename from packages/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/firewall-ui-js-firewall-tag-rules-6-snap.png rename to consoles/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/firewall-ui-js-firewall-tag-rules-6-snap.png diff --git a/packages/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/list-ui-js-list-1-snap.png b/consoles/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/list-ui-js-list-1-snap.png similarity index 100% rename from packages/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/list-ui-js-list-1-snap.png rename to consoles/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/list-ui-js-list-1-snap.png diff --git a/packages/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/list-ui-js-list-error-1-snap.png b/consoles/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/list-ui-js-list-error-1-snap.png similarity index 100% rename from packages/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/list-ui-js-list-error-1-snap.png rename to consoles/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/list-ui-js-list-error-1-snap.png diff --git a/packages/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/list-ui-js-list-instances-1-snap.png b/consoles/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/list-ui-js-list-instances-1-snap.png similarity index 100% rename from packages/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/list-ui-js-list-instances-1-snap.png rename to consoles/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/list-ui-js-list-instances-1-snap.png diff --git a/packages/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/list-ui-js-list-instances-selected-1-snap.png b/consoles/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/list-ui-js-list-instances-selected-1-snap.png similarity index 100% rename from packages/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/list-ui-js-list-instances-selected-1-snap.png rename to consoles/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/list-ui-js-list-instances-selected-1-snap.png diff --git a/packages/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/list-ui-js-list-instances-selected-all-1-snap.png b/consoles/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/list-ui-js-list-instances-selected-all-1-snap.png similarity index 100% rename from packages/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/list-ui-js-list-instances-selected-all-1-snap.png rename to consoles/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/list-ui-js-list-instances-selected-all-1-snap.png diff --git a/packages/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/list-ui-js-list-instances-selected-all-2-snap.png b/consoles/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/list-ui-js-list-instances-selected-all-2-snap.png similarity index 100% rename from packages/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/list-ui-js-list-instances-selected-all-2-snap.png rename to consoles/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/list-ui-js-list-instances-selected-all-2-snap.png diff --git a/packages/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/list-ui-js-list-instances-selected-all-allowed-actions-1-snap.png b/consoles/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/list-ui-js-list-instances-selected-all-allowed-actions-1-snap.png similarity index 100% rename from packages/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/list-ui-js-list-instances-selected-all-allowed-actions-1-snap.png rename to consoles/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/list-ui-js-list-instances-selected-all-allowed-actions-1-snap.png diff --git a/packages/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/list-ui-js-list-loading-1-snap.png b/consoles/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/list-ui-js-list-loading-1-snap.png similarity index 100% rename from packages/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/list-ui-js-list-loading-1-snap.png rename to consoles/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/list-ui-js-list-loading-1-snap.png diff --git a/packages/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/metadata-ui-js-metadata-1-snap.png b/consoles/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/metadata-ui-js-metadata-1-snap.png similarity index 100% rename from packages/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/metadata-ui-js-metadata-1-snap.png rename to consoles/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/metadata-ui-js-metadata-1-snap.png diff --git a/packages/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/metadata-ui-js-metadata-add-open-1-snap.png b/consoles/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/metadata-ui-js-metadata-add-open-1-snap.png similarity index 100% rename from packages/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/metadata-ui-js-metadata-add-open-1-snap.png rename to consoles/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/metadata-ui-js-metadata-add-open-1-snap.png diff --git a/packages/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/metadata-ui-js-metadata-add-open-2-snap.png b/consoles/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/metadata-ui-js-metadata-add-open-2-snap.png similarity index 100% rename from packages/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/metadata-ui-js-metadata-add-open-2-snap.png rename to consoles/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/metadata-ui-js-metadata-add-open-2-snap.png diff --git a/packages/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/metadata-ui-js-metadata-error-1-snap.png b/consoles/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/metadata-ui-js-metadata-error-1-snap.png similarity index 100% rename from packages/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/metadata-ui-js-metadata-error-1-snap.png rename to consoles/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/metadata-ui-js-metadata-error-1-snap.png diff --git a/packages/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/metadata-ui-js-metadata-loading-1-snap.png b/consoles/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/metadata-ui-js-metadata-loading-1-snap.png similarity index 100% rename from packages/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/metadata-ui-js-metadata-loading-1-snap.png rename to consoles/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/metadata-ui-js-metadata-loading-1-snap.png diff --git a/packages/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/metadata-ui-js-metadata-metadata-1-snap.png b/consoles/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/metadata-ui-js-metadata-metadata-1-snap.png similarity index 100% rename from packages/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/metadata-ui-js-metadata-metadata-1-snap.png rename to consoles/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/metadata-ui-js-metadata-metadata-1-snap.png diff --git a/packages/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/metadata-ui-js-metadata-metadata-2-snap.png b/consoles/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/metadata-ui-js-metadata-metadata-2-snap.png similarity index 100% rename from packages/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/metadata-ui-js-metadata-metadata-2-snap.png rename to consoles/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/metadata-ui-js-metadata-metadata-2-snap.png diff --git a/packages/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/metadata-ui-js-metadata-metadata-3-snap.png b/consoles/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/metadata-ui-js-metadata-metadata-3-snap.png similarity index 100% rename from packages/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/metadata-ui-js-metadata-metadata-3-snap.png rename to consoles/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/metadata-ui-js-metadata-metadata-3-snap.png diff --git a/packages/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/networks-ui-js-networks-1-snap.png b/consoles/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/networks-ui-js-networks-1-snap.png similarity index 100% rename from packages/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/networks-ui-js-networks-1-snap.png rename to consoles/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/networks-ui-js-networks-1-snap.png diff --git a/packages/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/networks-ui-js-networks-error-1-snap.png b/consoles/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/networks-ui-js-networks-error-1-snap.png similarity index 100% rename from packages/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/networks-ui-js-networks-error-1-snap.png rename to consoles/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/networks-ui-js-networks-error-1-snap.png diff --git a/packages/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/networks-ui-js-networks-loading-1-snap.png b/consoles/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/networks-ui-js-networks-loading-1-snap.png similarity index 100% rename from packages/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/networks-ui-js-networks-loading-1-snap.png rename to consoles/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/networks-ui-js-networks-loading-1-snap.png diff --git a/packages/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/networks-ui-js-networks-networks-1-snap.png b/consoles/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/networks-ui-js-networks-networks-1-snap.png similarity index 100% rename from packages/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/networks-ui-js-networks-networks-1-snap.png rename to consoles/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/networks-ui-js-networks-networks-1-snap.png diff --git a/packages/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/networks-ui-js-networks-networks-2-snap.png b/consoles/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/networks-ui-js-networks-networks-2-snap.png similarity index 100% rename from packages/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/networks-ui-js-networks-networks-2-snap.png rename to consoles/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/networks-ui-js-networks-networks-2-snap.png diff --git a/packages/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/networks-ui-js-networks-networks-3-snap.png b/consoles/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/networks-ui-js-networks-networks-3-snap.png similarity index 100% rename from packages/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/networks-ui-js-networks-networks-3-snap.png rename to consoles/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/networks-ui-js-networks-networks-3-snap.png diff --git a/packages/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/summary-ui-js-summary-1-snap.png b/consoles/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/summary-ui-js-summary-1-snap.png similarity index 100% rename from packages/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/summary-ui-js-summary-1-snap.png rename to consoles/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/summary-ui-js-summary-1-snap.png diff --git a/packages/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/summary-ui-js-summary-loading-1-snap.png b/consoles/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/summary-ui-js-summary-loading-1-snap.png similarity index 100% rename from packages/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/summary-ui-js-summary-loading-1-snap.png rename to consoles/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/summary-ui-js-summary-loading-1-snap.png diff --git a/packages/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/summary-ui-js-summary-loading-error-1-snap.png b/consoles/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/summary-ui-js-summary-loading-error-1-snap.png similarity index 100% rename from packages/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/summary-ui-js-summary-loading-error-1-snap.png rename to consoles/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/summary-ui-js-summary-loading-error-1-snap.png diff --git a/packages/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/summary-ui-js-summary-mutation-error-1-snap.png b/consoles/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/summary-ui-js-summary-mutation-error-1-snap.png similarity index 100% rename from packages/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/summary-ui-js-summary-mutation-error-1-snap.png rename to consoles/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/summary-ui-js-summary-mutation-error-1-snap.png diff --git a/packages/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/summary-ui-js-summary-starting-stopping-rebooting-removing-1-snap.png b/consoles/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/summary-ui-js-summary-starting-stopping-rebooting-removing-1-snap.png similarity index 100% rename from packages/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/summary-ui-js-summary-starting-stopping-rebooting-removing-1-snap.png rename to consoles/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/summary-ui-js-summary-starting-stopping-rebooting-removing-1-snap.png diff --git a/packages/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/summary-ui-js-summary-starting-stopping-rebooting-removing-2-snap.png b/consoles/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/summary-ui-js-summary-starting-stopping-rebooting-removing-2-snap.png similarity index 100% rename from packages/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/summary-ui-js-summary-starting-stopping-rebooting-removing-2-snap.png rename to consoles/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/summary-ui-js-summary-starting-stopping-rebooting-removing-2-snap.png diff --git a/packages/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/summary-ui-js-summary-starting-stopping-rebooting-removing-3-snap.png b/consoles/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/summary-ui-js-summary-starting-stopping-rebooting-removing-3-snap.png similarity index 100% rename from packages/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/summary-ui-js-summary-starting-stopping-rebooting-removing-3-snap.png rename to consoles/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/summary-ui-js-summary-starting-stopping-rebooting-removing-3-snap.png diff --git a/packages/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/summary-ui-js-summary-starting-stopping-rebooting-removing-4-snap.png b/consoles/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/summary-ui-js-summary-starting-stopping-rebooting-removing-4-snap.png similarity index 100% rename from packages/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/summary-ui-js-summary-starting-stopping-rebooting-removing-4-snap.png rename to consoles/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/summary-ui-js-summary-starting-stopping-rebooting-removing-4-snap.png diff --git a/packages/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/tags-ui-js-tags-1-snap.png b/consoles/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/tags-ui-js-tags-1-snap.png similarity index 100% rename from packages/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/tags-ui-js-tags-1-snap.png rename to consoles/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/tags-ui-js-tags-1-snap.png diff --git a/packages/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/tags-ui-js-tags-add-open-1-snap.png b/consoles/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/tags-ui-js-tags-add-open-1-snap.png similarity index 100% rename from packages/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/tags-ui-js-tags-add-open-1-snap.png rename to consoles/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/tags-ui-js-tags-add-open-1-snap.png diff --git a/packages/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/tags-ui-js-tags-editable-1-snap.png b/consoles/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/tags-ui-js-tags-editable-1-snap.png similarity index 100% rename from packages/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/tags-ui-js-tags-editable-1-snap.png rename to consoles/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/tags-ui-js-tags-editable-1-snap.png diff --git a/packages/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/tags-ui-js-tags-editing-1-snap.png b/consoles/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/tags-ui-js-tags-editing-1-snap.png similarity index 100% rename from packages/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/tags-ui-js-tags-editing-1-snap.png rename to consoles/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/tags-ui-js-tags-editing-1-snap.png diff --git a/packages/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/tags-ui-js-tags-editing-2-snap.png b/consoles/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/tags-ui-js-tags-editing-2-snap.png similarity index 100% rename from packages/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/tags-ui-js-tags-editing-2-snap.png rename to consoles/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/tags-ui-js-tags-editing-2-snap.png diff --git a/packages/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/tags-ui-js-tags-editing-removing-1-snap.png b/consoles/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/tags-ui-js-tags-editing-removing-1-snap.png similarity index 100% rename from packages/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/tags-ui-js-tags-editing-removing-1-snap.png rename to consoles/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/tags-ui-js-tags-editing-removing-1-snap.png diff --git a/packages/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/tags-ui-js-tags-editing-removing-2-snap.png b/consoles/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/tags-ui-js-tags-editing-removing-2-snap.png similarity index 100% rename from packages/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/tags-ui-js-tags-editing-removing-2-snap.png rename to consoles/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/tags-ui-js-tags-editing-removing-2-snap.png diff --git a/packages/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/tags-ui-js-tags-editing-removing-3-snap.png b/consoles/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/tags-ui-js-tags-editing-removing-3-snap.png similarity index 100% rename from packages/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/tags-ui-js-tags-editing-removing-3-snap.png rename to consoles/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/tags-ui-js-tags-editing-removing-3-snap.png diff --git a/packages/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/tags-ui-js-tags-error-1-snap.png b/consoles/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/tags-ui-js-tags-error-1-snap.png similarity index 100% rename from packages/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/tags-ui-js-tags-error-1-snap.png rename to consoles/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/tags-ui-js-tags-error-1-snap.png diff --git a/packages/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/tags-ui-js-tags-loading-1-snap.png b/consoles/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/tags-ui-js-tags-loading-1-snap.png similarity index 100% rename from packages/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/tags-ui-js-tags-loading-1-snap.png rename to consoles/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/tags-ui-js-tags-loading-1-snap.png diff --git a/packages/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/tags-ui-js-tags-tags-1-snap.png b/consoles/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/tags-ui-js-tags-tags-1-snap.png similarity index 100% rename from packages/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/tags-ui-js-tags-tags-1-snap.png rename to consoles/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/tags-ui-js-tags-tags-1-snap.png diff --git a/packages/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/tags-ui-js-tags-tags-2-snap.png b/consoles/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/tags-ui-js-tags-tags-2-snap.png similarity index 100% rename from packages/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/tags-ui-js-tags-tags-2-snap.png rename to consoles/my-joy-instances/src/containers/instances/__tests__/__image_snapshots__/tags-ui-js-tags-tags-2-snap.png diff --git a/packages/my-joy-instances/src/containers/instances/__tests__/__snapshots__/cns.spec.js.snap b/consoles/my-joy-instances/src/containers/instances/__tests__/__snapshots__/cns.spec.js.snap similarity index 57% rename from packages/my-joy-instances/src/containers/instances/__tests__/__snapshots__/cns.spec.js.snap rename to consoles/my-joy-instances/src/containers/instances/__tests__/__snapshots__/cns.spec.js.snap index ccc7d73f..ccd81d82 100644 --- a/packages/my-joy-instances/src/containers/instances/__tests__/__snapshots__/cns.spec.js.snap +++ b/consoles/my-joy-instances/src/containers/instances/__tests__/__snapshots__/cns.spec.js.snap @@ -1,41 +1,88 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`renders without throwing 1`] = ` +.c1 { + margin-right: auto; + margin-left: auto; +} + +.c3 { + box-sizing: border-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex: 1 1 auto; + -ms-flex: 1 1 auto; + flex: 1 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.625rem; + margin-left: -0.625rem; +} + .c4 { - margin-bottom: 1.125rem; + box-sizing: border-box; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + padding-right: 0.625rem; + padding-left: 0.625rem; + display: block; } .c7 { - margin-bottom: 1.875rem; + box-sizing: border-box; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + padding-right: 0.625rem; + padding-left: 0.625rem; + display: block; } -.c12 { - margin-top: 0.75rem; +.c2 { margin-bottom: 1.125rem; } -.c16 { +.c11 { + margin-bottom: 1.875rem; +} + +.c14 { + margin-top: 0.75rem; +} + +.c19 { margin-top: 1.875rem; } -.c23 { +.c20 { + margin-top: 1.875rem; + margin-bottom: 1.875rem; +} + +.c27 { margin-top: 0.1875rem; } -.c25 { +.c29 { margin-left: 0.75rem; } -.c32 { +.c35 { margin-left: 0.375rem; } -.c9 { +.c10 { padding: 1.875rem; - padding-bottom: 0rem; } -.c29 { +.c33 { font-family: sans-serif; font-size: 100%; line-height: 1.15; @@ -47,36 +94,37 @@ exports[`renders without throwing 1`] = ` appearance: button; } -.c29::-moz-focus-inner, -.c29[type='button']::-moz-focus-inner, -.c29[type='reset']::-moz-focus-inner, -.c29[type='submit']::-moz-focus-inner { +.c33::-moz-focus-inner, +.c33[type='button']::-moz-focus-inner, +.c33[type='reset']::-moz-focus-inner, +.c33[type='submit']::-moz-focus-inner { border-style: none; padding: 0; } -.c29:-moz-focusring, -.c29[type='button']:-moz-focusring, -.c29[type='reset']:-moz-focusring, -.c29[type='submit']:-moz-focusring { +.c33:-moz-focusring, +.c33[type='button']:-moz-focusring, +.c33[type='reset']:-moz-focusring, +.c33[type='submit']:-moz-focusring { outline: 0.0625rem dotted ButtonText; } .c6 { color: rgb(73,73,73); + margin: 0; line-height: 1.5rem; font-size: 0.9375rem; } -.c28 { +.c32 { min-width: 7.5rem; } -.c27 { +.c31 { display: inline-block; } -.c26 { +.c30 { box-sizing: border-box; display: inline-block; -webkit-box-pack: center; @@ -116,7 +164,7 @@ exports[`renders without throwing 1`] = ` border: solid 0.0625rem rgb(45,56,132); } -.c26:focus { +.c30:focus { outline: 0; -webkit-text-decoration: none; text-decoration: none; @@ -124,26 +172,26 @@ exports[`renders without throwing 1`] = ` border-color: rgb(45,56,132); } -.c26:hover { +.c30:hover { background-color: rgb(72,83,217); border: solid 0.0625rem rgb(45,56,132); } -.c26:active, -.c26:active:hover, -.c26:active:focus { +.c30:active, +.c30:active:hover, +.c30:active:focus { background-image: none; outline: 0; background-color: rgb(45,56,132); border-color: rgb(45,56,132); } -.c26[disabled] { +.c30[disabled] { cursor: not-allowed; pointer-events: none; } -.c22 { +.c26 { font-size: 0.9375rem; line-height: 1.125rem; font-style: normal; @@ -153,40 +201,6 @@ exports[`renders without throwing 1`] = ` text-align: left; } -.c1 { - margin-right: auto; - margin-left: auto; -} - -.c2 { - box-sizing: border-box; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex: 1 1 auto; - -ms-flex: 1 1 auto; - flex: 1 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.625rem; - margin-left: -0.625rem; -} - -.c3 { - box-sizing: border-box; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - padding-right: 0.625rem; - padding-left: 0.625rem; - display: block; -} - .c0 { box-sizing: border-box; width: 100%; @@ -194,23 +208,20 @@ exports[`renders without throwing 1`] = ` padding-bottom: 1.125rem; } -.c11 { +.c13 { + margin: 0; color: rgb(73,73,73); font-weight: normal; line-height: 1.625rem; font-size: 1.3125rem; } -.c15 { +.c18 { + height: 1px; background-color: rgb(216,216,216); } -.c30 { - background-color: rgb(216,216,216); - background-color: transparent; -} - -.c14 { +.c16 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; @@ -233,7 +244,7 @@ exports[`renders without throwing 1`] = ` flex-direction: column; } -.c17 { +.c21 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; @@ -260,7 +271,7 @@ exports[`renders without throwing 1`] = ` align-items: flex-end; } -.c19 { +.c23 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; @@ -280,7 +291,7 @@ exports[`renders without throwing 1`] = ` align-content: stretch; } -.c31 { +.c34 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; @@ -304,7 +315,7 @@ exports[`renders without throwing 1`] = ` align-items: center; } -.c18 { +.c22 { -webkit-order: 0; -ms-flex-order: 0; order: 0; @@ -343,7 +354,23 @@ exports[`renders without throwing 1`] = ` border-color: rgb(216,216,216); } -.c20 { +.c9 { + box-sizing: border-box; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-flex: 1 1 auto; + -ms-flex: 1 1 auto; + flex: 1 1 auto; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + border-width: 0; + background-color: transparent; +} + +.c24 { display: inline-block; padding: 0; border: none; @@ -355,7 +382,7 @@ exports[`renders without throwing 1`] = ` -webkit-padding-after: 0; } -.c24 { +.c28 { box-sizing: border-box; width: 18.75rem; height: 3rem; @@ -377,52 +404,52 @@ exports[`renders without throwing 1`] = ` text-overflow: ellipsis; } -.c24:focus { +.c28:focus { border-color: rgb(59,70,204); outline: 0; } -.c24::-webkit-input-placeholder { +.c28::-webkit-input-placeholder { color: rgba(73,73,73,0.5); } -.c24::-moz-placeholder { +.c28::-moz-placeholder { color: rgba(73,73,73,0.5); } -.c24:-ms-input-placeholder { +.c28:-ms-input-placeholder { color: rgba(73,73,73,0.5); } -.c24:invalid { +.c28:invalid { box-shadow: none; } -.c24:disabled { +.c28:disabled { background-color: rgb(250,250,250); color: rgb(216,216,216); cursor: not-allowed; } -.c24:disabled::-webkit-input-placeholder { +.c28:disabled::-webkit-input-placeholder { color: rgba(73,73,73,0.5); } -.c24:disabled::-moz-placeholder { +.c28:disabled::-moz-placeholder { color: rgba(73,73,73,0.5); } -.c24:disabled:-ms-input-placeholder { +.c28:disabled:-ms-input-placeholder { color: rgba(73,73,73,0.5); } -.c21 { +.c25 { font-weight: 600; white-space: pre; font-size: 0.8125rem; } -.c33 { +.c36 { position: relative; vertical-align: text-bottom; display: -webkit-box; @@ -435,27 +462,27 @@ exports[`renders without throwing 1`] = ` align-items: center; } -.c35 { +.c38 { display: none; } -.c35:checked + label { +.c38:checked + label { background: #3B46CC; border: 0.0625rem solid rgb(59,70,204); } -.c35:checked + label:after { +.c38:checked + label:after { -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); box-shadow: 0 0 0 0.0625rem rgb(59,70,204); } -.c35:checked + label:active { +.c38:checked + label:active { box-shadow: none; } -.c36 { +.c39 { outline: 0; display: block; width: 2.875rem; @@ -474,24 +501,24 @@ exports[`renders without throwing 1`] = ` border: 0.0625rem solid rgb(216,216,216); } -.c36::selection { +.c39::selection { background: none; } -.c36:active { +.c39:active { box-shadow: inset 0 0 0 1.5rem rgb(216,216,216); } -.c36:hover { +.c39:hover { border: 0.0625rem solid rgb(59,70,204); } -.c36:hover:after { +.c39:hover:after { box-shadow: 0 0 0 0.0625rem rgb(59,70,204); } -.c36:after, -.c36:before { +.c39:after, +.c39:before { position: relative; display: block; content: ''; @@ -499,7 +526,7 @@ exports[`renders without throwing 1`] = ` height: 100%; } -.c36:after { +.c39:after { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); @@ -511,30 +538,35 @@ exports[`renders without throwing 1`] = ` box-shadow: 0 0 0 0.0625rem rgb(216,216,216); } -.c36:active { +.c39:active { box-shadow: inset 0 0 0 2em rgb(216,216,216); } -.c36:before { +.c39:before { display: none; } .c5 { + font-weight: 200; +} + +.c12 { margin: 0; } -.c10 { +.c15 { margin: 0; } -.c13 { - margin: 0; -} - -.c34 { +.c37 { margin: 0 6px; } +.c17 { + margin-left: 0; + margin-right: 0; +} + @media only screen and (min-width:48em) { .c1 { width: 46rem; @@ -554,7 +586,7 @@ exports[`renders without throwing 1`] = ` } @media only screen and (min-width:0em) { - .c3 { + .c4 { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; @@ -563,11 +595,38 @@ exports[`renders without throwing 1`] = ` } @media only screen and (min-width:48em) { - .c3 { - -webkit-flex-basis: 66.66666666666667%; - -ms-flex-preferred-size: 66.66666666666667%; - flex-basis: 66.66666666666667%; - max-width: 66.66666666666667%; + .c4 { + -webkit-flex-basis: 58.333333333333336%; + -ms-flex-preferred-size: 58.333333333333336%; + flex-basis: 58.333333333333336%; + max-width: 58.333333333333336%; + } +} + +@media only screen and (min-width:0em) { + .c7 { + -webkit-flex-basis: 100%; + -ms-flex-preferred-size: 100%; + flex-basis: 100%; + max-width: 100%; + } +} + +@media only screen and (min-width:48em) { + .c7 { + -webkit-flex-basis: 100%; + -ms-flex-preferred-size: 100%; + flex-basis: 100%; + max-width: 100%; + } +} + +@media only screen and (min-width:64em) { + .c7 { + -webkit-flex-basis: 75%; + -ms-flex-preferred-size: 75%; + flex-basis: 75%; + max-width: 75%; } } @@ -598,7 +657,7 @@ exports[`renders without throwing 1`] = ` Read the docs @@ -607,238 +666,212 @@ exports[`renders without throwing 1`] = `
-

- Hostnames -

-

- Default hostnames are automatically generated from both the instance name and any attached networks. -

-
-
-
-
-

- CNS service hostnames -

-

- CNS service hostnames are created by attaching a CNS service name to one or more instances. You can serve multiple instances under the same hostname by assigning them to a matching CNS service name. -

+ CNS Default Hostnames + +
+

+ Default hostnames are automatically generated from both the instance name and any attached networks. +

+
-
-
+
+
+
+
+

+ CNS Service hostnames +

+
+

+ CNS service hostnames are created by attaching a CNS service name to one or more instances. You can serve multiple instances under the same hostname by assigning them to a matching CNS service name. +

+
+
+
-
- + name="name" + role="group" + style={undefined} + > + +
+ +
+
+
+
+
+
+
-
+ +
+
+
+
+
+
+
+
+
- -
+
- -
-
-
-
-
- -
-
- -
-
-
-
-
-
-

- Please note: All hostnames listed here will be confirmed after deployment. -

-
`; exports[`renders without throwing 1`] = ` -.c4 { - margin-bottom: 1.125rem; -} - -.c7 { - margin-bottom: 1.875rem; -} - -.c12 { - margin-left: 0.375rem; -} - -.c6 { - color: rgb(73,73,73); - line-height: 1.5rem; - font-size: 0.9375rem; -} - -.c11 { - font-size: 0.9375rem; - line-height: 1.125rem; - font-style: normal; - font-stretch: normal; - display: block; - color: rgb(70,70,70); - text-align: left; -} - .c1 { margin-right: auto; margin-left: auto; } -.c2 { +.c3 { box-sizing: border-box; display: -webkit-box; display: -webkit-flex; @@ -857,7 +890,7 @@ exports[`renders without throwing 1`] = ` margin-left: -0.625rem; } -.c3 { +.c4 { box-sizing: border-box; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; @@ -867,6 +900,49 @@ exports[`renders without throwing 1`] = ` display: block; } +.c7 { + box-sizing: border-box; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + padding-right: 0.625rem; + padding-left: 0.625rem; + display: block; +} + +.c2 { + margin-bottom: 1.125rem; +} + +.c11 { + margin-top: 1.875rem; +} + +.c16 { + margin-left: 0.375rem; +} + +.c10 { + padding: 1.875rem; +} + +.c6 { + color: rgb(73,73,73); + margin: 0; + line-height: 1.5rem; + font-size: 0.9375rem; +} + +.c15 { + font-size: 0.9375rem; + line-height: 1.125rem; + font-style: normal; + font-stretch: normal; + display: block; + color: rgb(70,70,70); + text-align: left; +} + .c0 { box-sizing: border-box; width: 100%; @@ -874,7 +950,7 @@ exports[`renders without throwing 1`] = ` padding-bottom: 1.125rem; } -.c9 { +.c13 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; @@ -899,6 +975,44 @@ exports[`renders without throwing 1`] = ` } .c8 { + box-sizing: content-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex: 1 0 auto; + -ms-flex: 1 0 auto; + flex: 1 0 auto; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + position: relative; + border-width: 0.0625rem; + border-style: solid; + -webkit-transition: all 300ms ease; + transition: all 300ms ease; + color: rgb(73,73,73); + background-color: rgb(255,255,255); + border-color: rgb(216,216,216); +} + +.c9 { + box-sizing: border-box; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-flex: 1 1 auto; + -ms-flex: 1 1 auto; + flex: 1 1 auto; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + border-width: 0; + background-color: transparent; +} + +.c12 { display: inline-block; padding: 0; border: none; @@ -910,13 +1024,13 @@ exports[`renders without throwing 1`] = ` -webkit-padding-after: 0; } -.c10 { +.c14 { font-weight: 600; white-space: pre; font-size: 0.8125rem; } -.c13 { +.c17 { position: relative; vertical-align: text-bottom; display: -webkit-box; @@ -929,27 +1043,27 @@ exports[`renders without throwing 1`] = ` align-items: center; } -.c15 { +.c19 { display: none; } -.c15:checked + label { +.c19:checked + label { background: #3B46CC; border: 0.0625rem solid rgb(59,70,204); } -.c15:checked + label:after { +.c19:checked + label:after { -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); box-shadow: 0 0 0 0.0625rem rgb(59,70,204); } -.c15:checked + label:active { +.c19:checked + label:active { box-shadow: none; } -.c16 { +.c20 { outline: 0; display: block; width: 2.875rem; @@ -968,24 +1082,24 @@ exports[`renders without throwing 1`] = ` border: 0.0625rem solid rgb(216,216,216); } -.c16::selection { +.c20::selection { background: none; } -.c16:active { +.c20:active { box-shadow: inset 0 0 0 1.5rem rgb(216,216,216); } -.c16:hover { +.c20:hover { border: 0.0625rem solid rgb(59,70,204); } -.c16:hover:after { +.c20:hover:after { box-shadow: 0 0 0 0.0625rem rgb(59,70,204); } -.c16:after, -.c16:before { +.c20:after, +.c20:before { position: relative; display: block; content: ''; @@ -993,7 +1107,7 @@ exports[`renders without throwing 1`] = ` height: 100%; } -.c16:after { +.c20:after { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); @@ -1005,19 +1119,19 @@ exports[`renders without throwing 1`] = ` box-shadow: 0 0 0 0.0625rem rgb(216,216,216); } -.c16:active { +.c20:active { box-shadow: inset 0 0 0 2em rgb(216,216,216); } -.c16:before { +.c20:before { display: none; } .c5 { - margin: 0; + font-weight: 200; } -.c14 { +.c18 { margin: 0 6px; } @@ -1040,7 +1154,7 @@ exports[`renders without throwing 1`] = ` } @media only screen and (min-width:0em) { - .c3 { + .c4 { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; @@ -1049,11 +1163,38 @@ exports[`renders without throwing 1`] = ` } @media only screen and (min-width:48em) { - .c3 { - -webkit-flex-basis: 66.66666666666667%; - -ms-flex-preferred-size: 66.66666666666667%; - flex-basis: 66.66666666666667%; - max-width: 66.66666666666667%; + .c4 { + -webkit-flex-basis: 58.333333333333336%; + -ms-flex-preferred-size: 58.333333333333336%; + flex-basis: 58.333333333333336%; + max-width: 58.333333333333336%; + } +} + +@media only screen and (min-width:0em) { + .c7 { + -webkit-flex-basis: 100%; + -ms-flex-preferred-size: 100%; + flex-basis: 100%; + max-width: 100%; + } +} + +@media only screen and (min-width:48em) { + .c7 { + -webkit-flex-basis: 100%; + -ms-flex-preferred-size: 100%; + flex-basis: 100%; + max-width: 100%; + } +} + +@media only screen and (min-width:64em) { + .c7 { + -webkit-flex-basis: 75%; + -ms-flex-preferred-size: 75%; + flex-basis: 75%; + max-width: 75%; } } @@ -1084,7 +1225,7 @@ exports[`renders without throwing 1`] = ` Read the docs @@ -1093,60 +1234,87 @@ exports[`renders without throwing 1`] = `
-
+
+
+
+
+
- -
@@ -1156,178 +1324,12 @@ exports[`renders without throwing 1`] = ` `; exports[`renders without throwing 1`] = ` -.c4 { - margin-bottom: 1.125rem; -} - -.c7 { - margin-bottom: 1.875rem; -} - -.c12 { - margin-top: 0.75rem; - margin-bottom: 1.125rem; -} - -.c28 { - margin-top: 1.875rem; -} - -.c22 { - margin-top: 0.1875rem; -} - -.c34 { - margin-left: 0.75rem; -} - -.c42 { - margin-left: 0.375rem; -} - -.c20 { - margin-right: 0.375rem; - margin-bottom: 0.1875rem; -} - -.c40 { - margin-top: 0.1875rem; - margin-bottom: 0.375rem; -} - -.c9 { - padding: 1.875rem; - padding-bottom: 0rem; -} - -.c18 { - font-size: 80%; -} - -.c38 { - 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; -} - -.c38::-moz-focus-inner, -.c38[type='button']::-moz-focus-inner, -.c38[type='reset']::-moz-focus-inner, -.c38[type='submit']::-moz-focus-inner { - border-style: none; - padding: 0; -} - -.c38:-moz-focusring, -.c38[type='button']:-moz-focusring, -.c38[type='reset']:-moz-focusring, -.c38[type='submit']:-moz-focusring { - outline: 0.0625rem dotted ButtonText; -} - -.c6 { - color: rgb(73,73,73); - line-height: 1.5rem; - font-size: 0.9375rem; -} - -.c37 { - min-width: 7.5rem; -} - -.c36 { - display: inline-block; -} - -.c35 { - 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; - padding: 0.9375rem 1.125rem; - position: relative; - font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif; - 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; - -webkit-text-decoration: none; - 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); -} - -.c35:focus { - outline: 0; - -webkit-text-decoration: none; - text-decoration: none; - background-color: rgb(59,70,204); - border-color: rgb(45,56,132); -} - -.c35:hover { - background-color: rgb(72,83,217); - border: solid 0.0625rem rgb(45,56,132); -} - -.c35:active, -.c35:active:hover, -.c35:active:focus { - background-image: none; - outline: 0; - background-color: rgb(45,56,132); - border-color: rgb(45,56,132); -} - -.c35[disabled] { - cursor: not-allowed; - pointer-events: none; -} - -.c32 { - font-size: 0.9375rem; - line-height: 1.125rem; - font-style: normal; - font-stretch: normal; - display: block; - color: rgb(70,70,70); - text-align: left; -} - .c1 { margin-right: auto; margin-left: auto; } -.c2 { +.c3 { box-sizing: border-box; display: -webkit-box; display: -webkit-flex; @@ -1346,7 +1348,7 @@ exports[`renders without throwing 1`] = ` margin-left: -0.625rem; } -.c3 { +.c4 { box-sizing: border-box; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; @@ -1356,7 +1358,7 @@ exports[`renders without throwing 1`] = ` display: block; } -.c23 { +.c7 { box-sizing: border-box; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; @@ -1366,2350 +1368,72 @@ exports[`renders without throwing 1`] = ` display: block; } -.c0 { - box-sizing: border-box; - width: 100%; - max-width: 62.5rem; - padding-bottom: 1.125rem; -} - -.c11 { - color: rgb(73,73,73); - font-weight: normal; - line-height: 1.625rem; - font-size: 1.3125rem; -} - -.c17 { - font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif; - color: rgb(73,73,73); - line-height: 1.125rem; - font-size: 0.8125rem; - font-weight: 600; -} - -.c21 { - font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif; - color: rgb(73,73,73); - line-height: 1.125rem; - font-size: 0.8125rem; -} - -.c27 { - background-color: rgb(216,216,216); -} - -.c39 { - background-color: rgb(216,216,216); - background-color: transparent; -} - -.c14 { - 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-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; -} - -.c29 { - 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-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-align-items: flex-end; - -webkit-box-align: flex-end; - -ms-flex-align: flex-end; - align-items: flex-end; -} - -.c15 { - 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; -} - -.c41 { - 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; -} - -.c19 { - -webkit-order: 0; - -ms-flex-order: 0; - order: 0; - -webkit-flex-basis: auto; - -ms-flex-preferred-size: auto; - flex-basis: auto; - -webkit-box-flex: 0; - -webkit-flex-grow: 0; - -ms-flex-positive: 0; - flex-grow: 0; - -webkit-flex-shrink: 1; - -ms-flex-negative: 1; - flex-shrink: 1; - display: block; -} - -.c8 { - box-sizing: content-box; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex: 1 0 auto; - -ms-flex: 1 0 auto; - flex: 1 0 auto; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - position: relative; - border-width: 0.0625rem; - border-style: solid; - -webkit-transition: all 300ms ease; - transition: all 300ms ease; - color: rgb(73,73,73); - background-color: rgb(255,255,255); - border-color: rgb(216,216,216); -} - -.c30 { - display: inline-block; - padding: 0; - border: none; - overflow: hidden; - height: auto; - -webkit-padding-before: 0; - -webkit-padding-start: 0; - -webkit-padding-end: 0; - -webkit-padding-after: 0; -} - -.c33 { - box-sizing: border-box; - width: 18.75rem; - height: 3rem; - min-height: 3rem; - padding: 0.8125rem 0.75rem; - border-radius: 0.25rem; - background-color: rgb(255,255,255); - border: 0.0625rem solid rgb(216,216,216); - color: rgb(73,73,73); - font-size: 0.9375rem; - line-height: normal !important; - font-style: normal; - font-stretch: normal; - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - outline: 0; - max-width: 22.1875rem; - text-overflow: ellipsis; -} - -.c33:focus { - border-color: rgb(59,70,204); - outline: 0; -} - -.c33::-webkit-input-placeholder { - color: rgba(73,73,73,0.5); -} - -.c33::-moz-placeholder { - color: rgba(73,73,73,0.5); -} - -.c33:-ms-input-placeholder { - color: rgba(73,73,73,0.5); -} - -.c33:invalid { - box-shadow: none; -} - -.c33:disabled { - background-color: rgb(250,250,250); - color: rgb(216,216,216); - cursor: not-allowed; -} - -.c33:disabled::-webkit-input-placeholder { - color: rgba(73,73,73,0.5); -} - -.c33:disabled::-moz-placeholder { - color: rgba(73,73,73,0.5); -} - -.c33:disabled:-ms-input-placeholder { - color: rgba(73,73,73,0.5); -} - .c25 { box-sizing: border-box; - width: 18.75rem; - height: 3rem; - min-height: 3rem; - padding: 0.8125rem 0.75rem; - border-radius: 0.25rem; - background-color: rgb(255,255,255); - border: 0.0625rem solid rgb(216,216,216); - color: rgb(250,250,250); - font-size: 0.9375rem; - line-height: normal !important; - font-style: normal; - font-stretch: normal; - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - outline: 0; - background-color: rgb(250,250,250); - color: rgb(216,216,216); - cursor: not-allowed; - font-family: "Roboto Mono",monospace; - width: 100%; - min-width: 100%; -} - -.c25:focus { - border-color: rgb(59,70,204); - outline: 0; -} - -.c25::-webkit-input-placeholder { - color: rgba(73,73,73,0.5); -} - -.c25::-moz-placeholder { - color: rgba(73,73,73,0.5); -} - -.c25:-ms-input-placeholder { - color: rgba(73,73,73,0.5); -} - -.c25:invalid { - box-shadow: none; -} - -.c25::-webkit-input-placeholder { - color: rgb(216,216,216); -} - -.c25::-moz-placeholder { - color: rgb(216,216,216); -} - -.c25:-ms-input-placeholder { - color: rgb(216,216,216); -} - -.c25:disabled { - background-color: rgb(250,250,250); - color: rgb(216,216,216); - cursor: not-allowed; -} - -.c25:disabled::-webkit-input-placeholder { - color: rgba(73,73,73,0.5); -} - -.c25:disabled::-moz-placeholder { - color: rgba(73,73,73,0.5); -} - -.c25:disabled:-ms-input-placeholder { - color: rgba(73,73,73,0.5); -} - -.c25:disabled { - color: rgb(73,73,73); -} - -.c25:disabled::-webkit-input-placeholder { - color: rgb(73,73,73); -} - -.c25:disabled::-moz-placeholder { - color: rgb(73,73,73); -} - -.c25:disabled:-ms-input-placeholder { - color: rgb(73,73,73); -} - -.c31 { - font-weight: 600; - white-space: pre; - font-size: 0.8125rem; -} - -.c43 { - 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; -} - -.c45 { - display: none; -} - -.c45:checked + label { - background: #3B46CC; - border: 0.0625rem solid rgb(59,70,204); -} - -.c45:checked + label:after { - -webkit-transform: translateX(100%); - -ms-transform: translateX(100%); - transform: translateX(100%); - box-shadow: 0 0 0 0.0625rem rgb(59,70,204); -} - -.c45:checked + label:active { - box-shadow: none; -} - -.c46 { - outline: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + padding-right: 0.625rem; + padding-left: 0.625rem; 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); } -.c46::selection { - background: none; +.c2 { + margin-bottom: 1.125rem; } -.c46:active { - box-shadow: inset 0 0 0 1.5rem rgb(216,216,216); +.c11 { + margin-bottom: 1.875rem; } -.c46:hover { - border: 0.0625rem solid rgb(59,70,204); +.c14 { + margin-top: 0.75rem; } -.c46:hover:after { - box-shadow: 0 0 0 0.0625rem rgb(59,70,204); +.c32 { + margin-top: 1.875rem; } -.c46:after, -.c46:before { - position: relative; - display: block; - content: ''; - width: 50%; - height: 100%; -} - -.c46:after { - -webkit-transform: translateX(0%); - -ms-transform: translateX(0%); - transform: translateX(0%); - border-radius: 50%; - background: rgb(255,255,255); - -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.175,0.885,0.32,1.275); - -webkit-transition: transform 0.3s cubic-bezier(0.175,0.885,0.32,1.275); - transition: transform 0.3s cubic-bezier(0.175,0.885,0.32,1.275); - box-shadow: 0 0 0 0.0625rem rgb(216,216,216); -} - -.c46:active { - box-shadow: inset 0 0 0 2em rgb(216,216,216); -} - -.c46:before { - display: none; +.c33 { + margin-top: 1.875rem; + margin-bottom: 1.875rem; } .c24 { - 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; + margin-top: 0.1875rem; } -.c24 input { - padding-right: 1.875rem; +.c39 { + margin-left: 0.75rem; } -.c24 div { - position: relative; - left: -1.625rem; +.c47 { + margin-left: 0.375rem; +} + +.c22 { + margin-right: 0.375rem; + margin-bottom: 0.1875rem; } .c26 { - cursor: pointer; -} - -.c5 { - margin: 0; -} - -.c16 { - padding-right: 0.75rem; - margin-right: 0.75rem; - border-right: 0.0625rem solid rgb(216,216,216); -} - -.c10 { - margin: 0; -} - -.c13 { - margin: 0; + margin-bottom: 0.1875rem; } .c44 { - margin: 0 6px; -} - -@media only screen and (min-width:48em) { - .c1 { - width: 46rem; - } -} - -@media only screen and (min-width:64em) { - .c1 { - width: 56rem; - } -} - -@media only screen and (min-width:75em) { - .c1 { - width: 59rem; - } -} - -@media only screen and (min-width:0em) { - .c3 { - -webkit-flex-basis: 100%; - -ms-flex-preferred-size: 100%; - flex-basis: 100%; - max-width: 100%; - } -} - -@media only screen and (min-width:48em) { - .c3 { - -webkit-flex-basis: 66.66666666666667%; - -ms-flex-preferred-size: 66.66666666666667%; - flex-basis: 66.66666666666667%; - max-width: 66.66666666666667%; - } -} - -@media only screen and (min-width:0em) { - .c23 { - -webkit-flex-basis: 100%; - -ms-flex-preferred-size: 100%; - flex-basis: 100%; - max-width: 100%; - } -} - -@media only screen and (min-width:64em) { - .c23 { - -webkit-flex-basis: 100%; - -ms-flex-preferred-size: 100%; - flex-basis: 100%; - max-width: 100%; - } -} - -@media only screen and (max-width:47.9375rem) { - .c0 { - padding-left: 0.375rem; - padding-right: 0.375rem; - } -} - -
-
-
-
-

- Triton CNS is used to automatically update hostnames for your instances. You can serve multiple instances (with multiple IP addresses) under the same hostname by matching the CNS service names. - - - Read the docs - -

-
-
-
-
-
-
-

- Hostnames -

-
-

- Default hostnames are automatically generated from both the instance name and any attached networks. -

-
-
-
-
- - Instance name - - hostname - - -
-
- - - -
-
-
- - Public - -
-
-
-
-
-
- -
- - - -
-
-
-
-
-
-
-
- - Instance name - - hostname - - -
-
- - - -
-
-
- - Private - -
-
-
-
-
-
- -
- - - -
-
-
-
-
-
-
-
-
-
-

- CNS service hostnames -

-
-

- CNS service hostnames are created by attaching a CNS service name to one or more instances. You can serve multiple instances under the same hostname by assigning them to a matching CNS service name. -

-
-
-
-
-
-
-
- -
- -
-
-
-
-
-
- -
-
-
-
- -
-
-
-
- - CNS service - - hostname - s - -
-
- - - -
-
-
- - Public - -
-
-
-
-
-
- -
- - - -
-
-
-
-
-
-
-
-
- -
- - - -
-
-
-
-
-
-
-
-
- -
- - - -
-
-
-
-
-
-
-
- - CNS service - - hostname - s - -
-
- - - -
-
-
- - Private - -
-
-
-
-
-
- -
- - - -
-
-
-
-
-
-
-
-
- -
- - - -
-
-
-
-
-
-
-
-
- -
- - - -
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- -
-
- -
-
-
-
-
-
-

- Please note: All hostnames listed here will be confirmed after deployment. -

-
-
-`; - -exports[`renders without throwing 1`] = ` -.c4 { - margin-bottom: 1.125rem; -} - -.c8 { - fill: rgb(59,70,204); - stroke: rgb(59,70,204); - -webkit-animation: iCqDak 1.5s ease-out 0s infinite; - animation: iCqDak 1.5s ease-out 0s infinite; -} - -.c9 { - -webkit-animation-delay: 0.5s; - animation-delay: 0.5s; -} - -.c10 { - -webkit-animation-delay: 1s; - animation-delay: 1s; -} - -.c6 { - color: rgb(73,73,73); - line-height: 1.5rem; - font-size: 0.9375rem; -} - -.c7 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-flex-wrap: nowrap; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-align-content: center; - -ms-flex-line-pack: center; - align-content: center; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - min-height: 1.25rem; - -webkit-flex: 1 0 auto; - -ms-flex: 1 0 auto; - flex: 1 0 auto; -} - -.c11 { - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - -webkit-align-self: stretch; - -ms-flex-item-align: stretch; - align-self: stretch; - text-align: center; -} - -.c1 { - margin-right: auto; - margin-left: auto; -} - -.c2 { - box-sizing: border-box; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex: 1 1 auto; - -ms-flex: 1 1 auto; - flex: 1 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.625rem; - margin-left: -0.625rem; -} - -.c3 { - box-sizing: border-box; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - padding-right: 0.625rem; - padding-left: 0.625rem; - display: block; -} - -.c0 { - box-sizing: border-box; - width: 100%; - max-width: 62.5rem; - padding-bottom: 1.125rem; -} - -.c5 { - margin: 0; -} - -@media only screen and (min-width:48em) { - .c1 { - width: 46rem; - } -} - -@media only screen and (min-width:64em) { - .c1 { - width: 56rem; - } -} - -@media only screen and (min-width:75em) { - .c1 { - width: 59rem; - } -} - -@media only screen and (min-width:0em) { - .c3 { - -webkit-flex-basis: 100%; - -ms-flex-preferred-size: 100%; - flex-basis: 100%; - max-width: 100%; - } -} - -@media only screen and (min-width:48em) { - .c3 { - -webkit-flex-basis: 66.66666666666667%; - -ms-flex-preferred-size: 66.66666666666667%; - flex-basis: 66.66666666666667%; - max-width: 66.66666666666667%; - } -} - -@media only screen and (max-width:47.9375rem) { - .c0 { - padding-left: 0.375rem; - padding-right: 0.375rem; - } -} - -
-
-
-
-

- Triton CNS is used to automatically update hostnames for your instances. You can serve multiple instances (with multiple IP addresses) under the same hostname by matching the CNS service names. - - - Read the docs - -

-
-
-
-
- - - - - -

- Loading... -

-
-
-`; - -exports[`renders without throwing 1`] = ` -.c4 { - margin-bottom: 1.125rem; -} - -.c7 { - margin-bottom: 1.875rem; -} - -.c17 { - margin-top: 0.75rem; - margin-bottom: 1.125rem; -} - -.c21 { - margin-top: 1.875rem; -} - -.c28 { margin-top: 0.1875rem; -} - -.c30 { - margin-left: 0.75rem; -} - -.c14 { - padding: 1.875rem; - padding-bottom: 0rem; -} - -.c34 { - 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; -} - -.c34::-moz-focus-inner, -.c34[type='button']::-moz-focus-inner, -.c34[type='reset']::-moz-focus-inner, -.c34[type='submit']::-moz-focus-inner { - border-style: none; - padding: 0; -} - -.c34:-moz-focusring, -.c34[type='button']:-moz-focusring, -.c34[type='reset']:-moz-focusring, -.c34[type='submit']:-moz-focusring { - outline: 0.0625rem dotted ButtonText; -} - -.c6 { - color: rgb(73,73,73); - line-height: 1.5rem; - font-size: 0.9375rem; -} - -.c33 { - min-width: 7.5rem; -} - -.c32 { - display: inline-block; -} - -.c31 { - 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; - padding: 0.9375rem 1.125rem; - position: relative; - font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif; - 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; - -webkit-text-decoration: none; - 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); -} - -.c31:focus { - outline: 0; - -webkit-text-decoration: none; - text-decoration: none; - background-color: rgb(59,70,204); - border-color: rgb(45,56,132); -} - -.c31:hover { - background-color: rgb(72,83,217); - border: solid 0.0625rem rgb(45,56,132); -} - -.c31:active, -.c31:active:hover, -.c31:active:focus { - background-image: none; - outline: 0; - background-color: rgb(45,56,132); - border-color: rgb(45,56,132); -} - -.c31[disabled] { - cursor: not-allowed; - pointer-events: none; -} - -.c27 { - font-size: 0.9375rem; - line-height: 1.125rem; - font-style: normal; - font-stretch: normal; - display: block; - color: rgb(70,70,70); - text-align: left; -} - -.c1 { - margin-right: auto; - margin-left: auto; -} - -.c2 { - box-sizing: border-box; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex: 1 1 auto; - -ms-flex: 1 1 auto; - flex: 1 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.625rem; - margin-left: -0.625rem; -} - -.c3 { - box-sizing: border-box; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - padding-right: 0.625rem; - padding-left: 0.625rem; - display: block; -} - -.c0 { - box-sizing: border-box; - width: 100%; - max-width: 62.5rem; - padding-bottom: 1.125rem; -} - -.c16 { - color: rgb(73,73,73); - font-weight: normal; - line-height: 1.625rem; - font-size: 1.3125rem; -} - -.c11 { - color: rgb(73,73,73); - font-weight: 600; - line-height: 1.5rem; - font-size: 0.9375rem; -} - -.c20 { - background-color: rgb(216,216,216); -} - -.c35 { - background-color: rgb(216,216,216); - background-color: transparent; -} - -.c19 { - 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-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; -} - -.c22 { - 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-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-align-items: flex-end; - -webkit-box-align: flex-end; - -ms-flex-align: flex-end; - align-items: flex-end; -} - -.c24 { - 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; -} - -.c23 { - -webkit-order: 0; - -ms-flex-order: 0; - order: 0; - -webkit-flex-basis: auto; - -ms-flex-preferred-size: auto; - flex-basis: auto; - -webkit-box-flex: 0; - -webkit-flex-grow: 0; - -ms-flex-positive: 0; - flex-grow: 0; - -webkit-flex-shrink: 1; - -ms-flex-negative: 1; - flex-shrink: 1; - display: block; -} - -.c8 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - position: relative; - background-color: rgb(255,255,255); - box-shadow: 0 0.125rem 0 0 rgba(0,0,0,0.05); - border: 0.0625rem solid rgb(216,216,216); - border-radius: 0.1875rem; - width: 100%; -} - -.c9 { - border-radius: 0.1875rem 0 0 0.1875rem; - min-width: 0.75rem; - min-height: 100%; - background-color: rgb(0,152,88); - background-color: rgb(210,67,58); -} - -.c10 { - padding: 1.125rem 1.125rem; -} - -.c12 { - line-height: 0.875rem; - font-size: 0.8125rem; -} - -.c13 { - box-sizing: content-box; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex: 1 0 auto; - -ms-flex: 1 0 auto; - flex: 1 0 auto; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - position: relative; - border-width: 0.0625rem; - border-style: solid; - -webkit-transition: all 300ms ease; - transition: all 300ms ease; - color: rgb(73,73,73); - background-color: rgb(255,255,255); - border-color: rgb(216,216,216); -} - -.c25 { - display: inline-block; - padding: 0; - border: none; - overflow: hidden; - height: auto; - -webkit-padding-before: 0; - -webkit-padding-start: 0; - -webkit-padding-end: 0; - -webkit-padding-after: 0; -} - -.c29 { - box-sizing: border-box; - width: 18.75rem; - height: 3rem; - min-height: 3rem; - padding: 0.8125rem 0.75rem; - border-radius: 0.25rem; - background-color: rgb(255,255,255); - border: 0.0625rem solid rgb(216,216,216); - color: rgb(73,73,73); - font-size: 0.9375rem; - line-height: normal !important; - font-style: normal; - font-stretch: normal; - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - outline: 0; - max-width: 22.1875rem; - text-overflow: ellipsis; -} - -.c29:focus { - border-color: rgb(59,70,204); - outline: 0; -} - -.c29::-webkit-input-placeholder { - color: rgba(73,73,73,0.5); -} - -.c29::-moz-placeholder { - color: rgba(73,73,73,0.5); -} - -.c29:-ms-input-placeholder { - color: rgba(73,73,73,0.5); -} - -.c29:invalid { - box-shadow: none; -} - -.c29:disabled { - background-color: rgb(250,250,250); - color: rgb(216,216,216); - cursor: not-allowed; -} - -.c29:disabled::-webkit-input-placeholder { - color: rgba(73,73,73,0.5); -} - -.c29:disabled::-moz-placeholder { - color: rgba(73,73,73,0.5); -} - -.c29:disabled:-ms-input-placeholder { - color: rgba(73,73,73,0.5); -} - -.c26 { - font-weight: 600; - white-space: pre; - font-size: 0.8125rem; -} - -.c5 { - margin: 0; -} - -.c15 { - margin: 0; -} - -.c18 { - margin: 0; -} - -@media only screen and (min-width:48em) { - .c1 { - width: 46rem; - } -} - -@media only screen and (min-width:64em) { - .c1 { - width: 56rem; - } -} - -@media only screen and (min-width:75em) { - .c1 { - width: 59rem; - } -} - -@media only screen and (min-width:0em) { - .c3 { - -webkit-flex-basis: 100%; - -ms-flex-preferred-size: 100%; - flex-basis: 100%; - max-width: 100%; - } -} - -@media only screen and (min-width:48em) { - .c3 { - -webkit-flex-basis: 66.66666666666667%; - -ms-flex-preferred-size: 66.66666666666667%; - flex-basis: 66.66666666666667%; - max-width: 66.66666666666667%; - } -} - -@media only screen and (max-width:47.9375rem) { - .c0 { - padding-left: 0.375rem; - padding-right: 0.375rem; - } -} - -
-
-
-
-

- Triton CNS is used to automatically update hostnames for your instances. You can serve multiple instances (with multiple IP addresses) under the same hostname by matching the CNS service names. - - - Read the docs - -

-
-
-
-
-
-
-
-

- Ooops! -

-

- An error occurred while loading your CNS services -

-
-
-
-
-
-
-

- Hostnames -

-
-

- Default hostnames are automatically generated from both the instance name and any attached networks. -

-
-
-
-
-
-

- CNS service hostnames -

-
-

- CNS service hostnames are created by attaching a CNS service name to one or more instances. You can serve multiple instances under the same hostname by assigning them to a matching CNS service name. -

-
-
-
-
-
-
-
- -
- -
-
-
-
-
-
- -
-
-
-
- -
-
-
-
-
-
-
-
-`; - -exports[`renders without throwing 1`] = ` -.c4 { - margin-bottom: 1.125rem; -} - -.c7 { - margin-bottom: 1.875rem; -} - -.c12 { - margin-top: 0.75rem; - margin-bottom: 1.125rem; -} - -.c28 { - margin-top: 1.875rem; -} - -.c22 { - margin-top: 0.1875rem; -} - -.c39 { - margin-left: 0.75rem; -} - -.c48 { - margin-left: 0.375rem; -} - -.c20 { - margin-right: 0.375rem; - margin-bottom: 0.1875rem; -} - -.c31 { - margin-top: 0.375rem; -} - -.c33 { - margin-right: 0.375rem; margin-bottom: 0.375rem; } .c45 { - margin-top: 0.1875rem; - margin-bottom: 0.375rem; + margin-bottom: 0rem; } -.c9 { +.c10 { padding: 1.875rem; - padding-bottom: 0rem; } -.c18 { +.c20 { font-size: 80%; } @@ -3742,6 +1466,7 @@ exports[`renders without throwing 1`] = ` .c6 { color: rgb(73,73,73); + margin: 0; line-height: 1.5rem; font-size: 0.9375rem; } @@ -3821,7 +1546,7 @@ exports[`renders without throwing 1`] = ` pointer-events: none; } -.c30 { +.c37 { font-size: 0.9375rem; line-height: 1.125rem; font-style: normal; @@ -3831,50 +1556,6 @@ exports[`renders without throwing 1`] = ` text-align: left; } -.c1 { - margin-right: auto; - margin-left: auto; -} - -.c2 { - box-sizing: border-box; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex: 1 1 auto; - -ms-flex: 1 1 auto; - flex: 1 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.625rem; - margin-left: -0.625rem; -} - -.c3 { - box-sizing: border-box; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - padding-right: 0.625rem; - padding-left: 0.625rem; - display: block; -} - -.c23 { - box-sizing: border-box; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - padding-right: 0.625rem; - padding-left: 0.625rem; - display: block; -} - .c0 { box-sizing: border-box; width: 100%; @@ -3882,14 +1563,15 @@ exports[`renders without throwing 1`] = ` padding-bottom: 1.125rem; } -.c11 { +.c13 { + margin: 0; color: rgb(73,73,73); font-weight: normal; line-height: 1.625rem; font-size: 1.3125rem; } -.c17 { +.c19 { font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif; color: rgb(73,73,73); line-height: 1.125rem; @@ -3897,23 +1579,19 @@ exports[`renders without throwing 1`] = ` font-weight: 600; } -.c21 { +.c23 { font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif; color: rgb(73,73,73); line-height: 1.125rem; font-size: 0.8125rem; } -.c27 { +.c31 { + height: 1px; background-color: rgb(216,216,216); } -.c44 { - background-color: rgb(216,216,216); - background-color: transparent; -} - -.c14 { +.c16 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; @@ -3936,7 +1614,7 @@ exports[`renders without throwing 1`] = ` flex-direction: column; } -.c36 { +.c34 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; @@ -3963,7 +1641,7 @@ exports[`renders without throwing 1`] = ` align-items: flex-end; } -.c15 { +.c17 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; @@ -4007,7 +1685,7 @@ exports[`renders without throwing 1`] = ` align-items: center; } -.c19 { +.c21 { -webkit-order: 0; -ms-flex-order: 0; order: 0; @@ -4046,7 +1724,23 @@ exports[`renders without throwing 1`] = ` border-color: rgb(216,216,216); } -.c37 { +.c9 { + box-sizing: border-box; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-flex: 1 1 auto; + -ms-flex: 1 1 auto; + flex: 1 1 auto; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + border-width: 0; + background-color: transparent; +} + +.c35 { display: inline-block; padding: 0; border: none; @@ -4058,99 +1752,6 @@ exports[`renders without throwing 1`] = ` -webkit-padding-after: 0; } -.c25 { - box-sizing: border-box; - width: 18.75rem; - height: 3rem; - min-height: 3rem; - padding: 0.8125rem 0.75rem; - border-radius: 0.25rem; - background-color: rgb(255,255,255); - border: 0.0625rem solid rgb(216,216,216); - color: rgb(250,250,250); - font-size: 0.9375rem; - line-height: normal !important; - font-style: normal; - font-stretch: normal; - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - outline: 0; - background-color: rgb(250,250,250); - color: rgb(216,216,216); - cursor: not-allowed; - font-family: "Roboto Mono",monospace; - width: 100%; - min-width: 100%; -} - -.c25:focus { - border-color: rgb(59,70,204); - outline: 0; -} - -.c25::-webkit-input-placeholder { - color: rgba(73,73,73,0.5); -} - -.c25::-moz-placeholder { - color: rgba(73,73,73,0.5); -} - -.c25:-ms-input-placeholder { - color: rgba(73,73,73,0.5); -} - -.c25:invalid { - box-shadow: none; -} - -.c25::-webkit-input-placeholder { - color: rgb(216,216,216); -} - -.c25::-moz-placeholder { - color: rgb(216,216,216); -} - -.c25:-ms-input-placeholder { - color: rgb(216,216,216); -} - -.c25:disabled { - background-color: rgb(250,250,250); - color: rgb(216,216,216); - cursor: not-allowed; -} - -.c25:disabled::-webkit-input-placeholder { - color: rgba(73,73,73,0.5); -} - -.c25:disabled::-moz-placeholder { - color: rgba(73,73,73,0.5); -} - -.c25:disabled:-ms-input-placeholder { - color: rgba(73,73,73,0.5); -} - -.c25:disabled { - color: rgb(73,73,73); -} - -.c25:disabled::-webkit-input-placeholder { - color: rgb(73,73,73); -} - -.c25:disabled::-moz-placeholder { - color: rgb(73,73,73); -} - -.c25:disabled:-ms-input-placeholder { - color: rgb(73,73,73); -} - .c38 { box-sizing: border-box; width: 18.75rem; @@ -4160,7 +1761,7 @@ exports[`renders without throwing 1`] = ` border-radius: 0.25rem; background-color: rgb(255,255,255); border: 0.0625rem solid rgb(216,216,216); - color: rgb(250,250,250); + color: rgb(73,73,73); font-size: 0.9375rem; line-height: normal !important; font-style: normal; @@ -4169,9 +1770,6 @@ exports[`renders without throwing 1`] = ` -moz-appearance: none; appearance: none; outline: 0; - background-color: rgb(250,250,250); - color: rgb(216,216,216); - cursor: not-allowed; max-width: 22.1875rem; text-overflow: ellipsis; } @@ -4197,18 +1795,6 @@ exports[`renders without throwing 1`] = ` box-shadow: none; } -.c38::-webkit-input-placeholder { - color: rgb(216,216,216); -} - -.c38::-moz-placeholder { - color: rgb(216,216,216); -} - -.c38:-ms-input-placeholder { - color: rgb(216,216,216); -} - .c38:disabled { background-color: rgb(250,250,250); color: rgb(216,216,216); @@ -4227,20 +1813,106 @@ exports[`renders without throwing 1`] = ` color: rgba(73,73,73,0.5); } -.c29 { - font-weight: 600; - white-space: pre; - font-size: 0.8125rem; +.c28 { + box-sizing: border-box; + width: 18.75rem; + height: 3rem; + min-height: 3rem; + padding: 0.8125rem 0.75rem; + border-radius: 0.25rem; + background-color: rgb(255,255,255); + border: 0.0625rem solid rgb(216,216,216); + color: rgb(250,250,250); + font-size: 0.9375rem; + line-height: normal !important; + font-style: normal; + font-stretch: normal; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + outline: 0; + background-color: rgb(250,250,250); + color: rgb(216,216,216); + cursor: not-allowed; + font-family: "Roboto Mono",monospace; + width: 100%; + min-width: 100%; } -.c47 { - font-weight: 600; - white-space: pre; - font-size: 0.8125rem; +.c28:focus { + border-color: rgb(59,70,204); + outline: 0; +} + +.c28::-webkit-input-placeholder { + color: rgba(73,73,73,0.5); +} + +.c28::-moz-placeholder { + color: rgba(73,73,73,0.5); +} + +.c28:-ms-input-placeholder { + color: rgba(73,73,73,0.5); +} + +.c28:invalid { + box-shadow: none; +} + +.c28::-webkit-input-placeholder { color: rgb(216,216,216); } -.c49 { +.c28::-moz-placeholder { + color: rgb(216,216,216); +} + +.c28:-ms-input-placeholder { + color: rgb(216,216,216); +} + +.c28:disabled { + background-color: rgb(250,250,250); + color: rgb(216,216,216); + cursor: not-allowed; +} + +.c28:disabled::-webkit-input-placeholder { + color: rgba(73,73,73,0.5); +} + +.c28:disabled::-moz-placeholder { + color: rgba(73,73,73,0.5); +} + +.c28:disabled:-ms-input-placeholder { + color: rgba(73,73,73,0.5); +} + +.c28:disabled { + color: rgb(73,73,73); +} + +.c28:disabled::-webkit-input-placeholder { + color: rgb(73,73,73); +} + +.c28:disabled::-moz-placeholder { + color: rgb(73,73,73); +} + +.c28:disabled:-ms-input-placeholder { + color: rgb(73,73,73); +} + +.c36 { + font-weight: 600; + white-space: pre; + font-size: 0.8125rem; +} + +.c48 { position: relative; vertical-align: text-bottom; display: -webkit-box; @@ -4253,36 +1925,27 @@ exports[`renders without throwing 1`] = ` align-items: center; } -.c51 { +.c50 { display: none; } -.c51:checked + label { +.c50:checked + label { background: #3B46CC; border: 0.0625rem solid rgb(59,70,204); } -.c51:checked + label:after { +.c50:checked + label:after { -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); box-shadow: 0 0 0 0.0625rem rgb(59,70,204); } -.c51:checked + label:active { +.c50:checked + label:active { box-shadow: none; } -.c51:checked + label { - background: rgb(250,250,250); - border: 0.0625rem solid rgb(216,216,216); -} - -.c51:checked + label:after { - box-shadow: 0 0 0 0.0625rem rgb(216,216,216); -} - -.c52 { +.c51 { outline: 0; display: block; width: 2.875rem; @@ -4299,27 +1962,26 @@ exports[`renders without throwing 1`] = ` -webkit-transition: all 0.3s ease; transition: all 0.3s ease; border: 0.0625rem solid rgb(216,216,216); - cursor: not-allowed; } -.c52::selection { +.c51::selection { background: none; } -.c52:active { +.c51:active { box-shadow: inset 0 0 0 1.5rem rgb(216,216,216); } -.c52:hover { +.c51:hover { border: 0.0625rem solid rgb(59,70,204); } -.c52:hover:after { +.c51:hover:after { box-shadow: 0 0 0 0.0625rem rgb(59,70,204); } -.c52:after, -.c52:before { +.c51:after, +.c51:before { position: relative; display: block; content: ''; @@ -4327,7 +1989,7 @@ exports[`renders without throwing 1`] = ` height: 100%; } -.c52:after { +.c51:after { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); @@ -4339,40 +2001,15 @@ exports[`renders without throwing 1`] = ` box-shadow: 0 0 0 0.0625rem rgb(216,216,216); } -.c52:active { +.c51:active { box-shadow: inset 0 0 0 2em rgb(216,216,216); } -.c52:before { +.c51:before { display: none; } -.c52:active { - box-shadow: none; -} - -.c52:active:after { - padding-right: 0; -} - -.c52:before { - cursor: not-allowed; -} - -.c52:after { - cursor: not-allowed; - background: rgb(230,230,230); -} - -.c52:hover { - border: 0.0625rem solid rgb(216,216,216); -} - -.c52:hover:after { - box-shadow: 0 0 0 0.0625rem rgb(216,216,216); -} - -.c24 { +.c27 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; @@ -4383,90 +2020,46 @@ exports[`renders without throwing 1`] = ` align-items: center; } -.c24 input { +.c27 input { padding-right: 1.875rem; } -.c24 div { +.c27 div { position: relative; left: -1.625rem; } -.c26 { +.c29 { cursor: pointer; } -.c34 { - 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; - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; -} - -.c35 { - border: 0.0625rem solid rgb(216,216,216); - box-sizing: border-box; - border-radius: 0.125rem; - font-size: 0.8125rem; - line-height: 1.125rem; - padding: 0.3125rem 0.75rem; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 0; - -webkit-flex-grow: 0; - -ms-flex-positive: 0; - flex-grow: 0; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - border: 0.0625rem solid rgb(45,56,132); -} - -.c32 { - padding: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - list-style: none; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; -} - .c5 { - margin: 0; + font-weight: 200; } -.c16 { +.c18 { padding-right: 0.75rem; margin-right: 0.75rem; border-right: 0.0625rem solid rgb(216,216,216); } -.c10 { +.c12 { margin: 0; } -.c13 { +.c15 { margin: 0; } -.c50 { +.c49 { margin: 0 6px; } +.c30 { + margin-left: 0; + margin-right: 0; +} + @media only screen and (min-width:48em) { .c1 { width: 46rem; @@ -4486,7 +2079,7 @@ exports[`renders without throwing 1`] = ` } @media only screen and (min-width:0em) { - .c3 { + .c4 { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; @@ -4495,16 +2088,25 @@ exports[`renders without throwing 1`] = ` } @media only screen and (min-width:48em) { - .c3 { - -webkit-flex-basis: 66.66666666666667%; - -ms-flex-preferred-size: 66.66666666666667%; - flex-basis: 66.66666666666667%; - max-width: 66.66666666666667%; + .c4 { + -webkit-flex-basis: 58.333333333333336%; + -ms-flex-preferred-size: 58.333333333333336%; + flex-basis: 58.333333333333336%; + max-width: 58.333333333333336%; } } @media only screen and (min-width:0em) { - .c23 { + .c7 { + -webkit-flex-basis: 100%; + -ms-flex-preferred-size: 100%; + flex-basis: 100%; + max-width: 100%; + } +} + +@media only screen and (min-width:48em) { + .c7 { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; @@ -4513,7 +2115,25 @@ exports[`renders without throwing 1`] = ` } @media only screen and (min-width:64em) { - .c23 { + .c7 { + -webkit-flex-basis: 75%; + -ms-flex-preferred-size: 75%; + flex-basis: 75%; + max-width: 75%; + } +} + +@media only screen and (min-width:0em) { + .c25 { + -webkit-flex-basis: 100%; + -ms-flex-preferred-size: 100%; + flex-basis: 100%; + max-width: 100%; + } +} + +@media only screen and (min-width:64em) { + .c25 { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; @@ -4548,7 +2168,7 @@ exports[`renders without throwing 1`] = ` Read the docs @@ -4557,411 +2177,64 @@ exports[`renders without throwing 1`] = `
-

- Hostnames -

-

- Default hostnames are automatically generated from both the instance name and any attached networks. -

-
-
- - Instance name - - hostname - - + CNS Default Hostnames +
-
- - - -
-
-
- - Public - + Default hostnames are automatically generated from both the instance name and any attached networks. +

-
- -
- - - -
-
-
-
-
-
-
-
- - Instance name - - hostname - - -
-
- - - -
-
-
- - Private - -
-
-
-
-
-
- -
- - - -
-
-
-
-
-
-
-
-
-
-

- CNS service hostnames -

-
-

- CNS service hostnames are created by attaching a CNS service name to one or more instances. You can serve multiple instances under the same hostname by assigning them to a matching CNS service name. -

-
-
-
- -
-
    -
    -
    -
  • - serbice -
    • -
    -
    -
    -
    -
  • - dssasda -
    • -
    -
    -
    -
    -
  • - dsasd -
    • -
    -
    -
-
-
-
-
-
-
-
- -
- -
-
-
-
-
-
- -
-
-
-
- -
-
-
-
- CNS service + Instance name hostname - s +
without throwing 1`] = `
Public
+
without throwing 1`] = ` } > - - -
-
-
-
-
-
-
-
-
- -
- - - -
-
-
-
-
-
-
-
-
- -
- without throwing 1`] = `
- CNS service + Instance name hostname - s +
without throwing 1`] = `
Private
+
without throwing 1`] = ` } > - - -
-
-
-
-
-
-
-
-
- -
- - - -
-
-
-
-
-
-
-
-
- -
- without throwing 1`] = `
+
+
+
+
+
+

+ CNS Service hostnames +

+
+

+ CNS service hostnames are created by attaching a CNS service name to one or more instances. You can serve multiple instances under the same hostname by assigning them to a matching CNS service name. +

+
+
+
+
+
+
+
+ +
+ +
+
+
+
+
+
+ +
+
+
+
+
+
+
+
+ + CNS service + + hostname + s + +
+
+ + + +
+
+
+ + Public + +
+
+
+
+
+
+
+ +
+ + + +
+
+
+
+
+
+
+
+
+
+ +
+ + + +
+
+
+
+
+
+
+
+
+
+ +
+ + + +
+
+
+
+
+
+
+
+ + CNS service + + hostname + s + +
+
+ + + +
+
+
+ + Private + +
+
+
+
+
+
+
+ +
+ + + +
+
+
+
+
+
+
+
+
+
+ +
+ + + +
+
+
+
+
+
+
+
+
+
+ +
+ + + +
+
+
+
+
+
+
+
+
-
-
-
-
-
- -
-
-

- Please note: All hostnames listed here will be confirmed after deployment. -

-
`; -exports[`renders without throwing 1`] = ` -.c4 { - margin-bottom: 1.125rem; -} - -.c7 { - margin-bottom: 1.875rem; -} - -.c17 { - margin-top: 0.75rem; - margin-bottom: 1.125rem; -} - -.c21 { - margin-top: 1.875rem; -} - -.c28 { - margin-top: 0.1875rem; -} - -.c30 { - margin-left: 0.75rem; -} - -.c37 { - margin-left: 0.375rem; -} - -.c14 { - padding: 1.875rem; - padding-bottom: 0rem; -} - -.c34 { - 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; -} - -.c34::-moz-focus-inner, -.c34[type='button']::-moz-focus-inner, -.c34[type='reset']::-moz-focus-inner, -.c34[type='submit']::-moz-focus-inner { - border-style: none; - padding: 0; -} - -.c34:-moz-focusring, -.c34[type='button']:-moz-focusring, -.c34[type='reset']:-moz-focusring, -.c34[type='submit']:-moz-focusring { - outline: 0.0625rem dotted ButtonText; -} - -.c6 { - color: rgb(73,73,73); - line-height: 1.5rem; - font-size: 0.9375rem; -} - -.c33 { - min-width: 7.5rem; -} - -.c32 { - display: inline-block; -} - -.c31 { - 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; - padding: 0.9375rem 1.125rem; - position: relative; - font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif; - 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; - -webkit-text-decoration: none; - 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); -} - -.c31:focus { - outline: 0; - -webkit-text-decoration: none; - text-decoration: none; - background-color: rgb(59,70,204); - border-color: rgb(45,56,132); -} - -.c31:hover { - background-color: rgb(72,83,217); - border: solid 0.0625rem rgb(45,56,132); -} - -.c31:active, -.c31:active:hover, -.c31:active:focus { - background-image: none; - outline: 0; - background-color: rgb(45,56,132); - border-color: rgb(45,56,132); -} - -.c31[disabled] { - cursor: not-allowed; - pointer-events: none; -} - -.c27 { - font-size: 0.9375rem; - line-height: 1.125rem; - font-style: normal; - font-stretch: normal; - display: block; - color: rgb(70,70,70); - text-align: left; -} - +exports[`renders without throwing 1`] = ` .c1 { margin-right: auto; margin-left: auto; } -.c2 { +.c3 { box-sizing: border-box; display: -webkit-box; display: -webkit-flex; @@ -5619,7 +3060,7 @@ exports[`renders without throwing 1`] = ` margin-left: -0.625rem; } -.c3 { +.c4 { box-sizing: border-box; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; @@ -5629,6 +3070,86 @@ exports[`renders without throwing 1`] = ` display: block; } +.c7 { + box-sizing: border-box; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + padding-right: 0.625rem; + padding-left: 0.625rem; + display: block; +} + +.c2 { + margin-bottom: 1.125rem; +} + +.c10 { + padding: 1.875rem; +} + +.c12 { + fill: rgb(59,70,204); + stroke: rgb(59,70,204); + -webkit-animation: iCqDak 1.5s ease-out 0s infinite; + animation: iCqDak 1.5s ease-out 0s infinite; +} + +.c13 { + -webkit-animation-delay: 0.5s; + animation-delay: 0.5s; +} + +.c14 { + -webkit-animation-delay: 1s; + animation-delay: 1s; +} + +.c6 { + color: rgb(73,73,73); + margin: 0; + line-height: 1.5rem; + font-size: 0.9375rem; +} + +.c11 { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-align-content: center; + -ms-flex-line-pack: center; + align-content: center; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + min-height: 1.25rem; + -webkit-flex: 1 0 auto; + -ms-flex: 1 0 auto; + flex: 1 0 auto; +} + +.c15 { + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + -webkit-align-self: stretch; + -ms-flex-item-align: stretch; + align-self: stretch; + text-align: center; +} + .c0 { box-sizing: border-box; width: 100%; @@ -5636,171 +3157,7 @@ exports[`renders without throwing 1`] = ` padding-bottom: 1.125rem; } -.c16 { - color: rgb(73,73,73); - font-weight: normal; - line-height: 1.625rem; - font-size: 1.3125rem; -} - -.c11 { - color: rgb(73,73,73); - font-weight: 600; - line-height: 1.5rem; - font-size: 0.9375rem; -} - -.c20 { - background-color: rgb(216,216,216); -} - -.c35 { - background-color: rgb(216,216,216); - background-color: transparent; -} - -.c19 { - 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-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; -} - -.c22 { - 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-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-align-items: flex-end; - -webkit-box-align: flex-end; - -ms-flex-align: flex-end; - align-items: flex-end; -} - -.c24 { - 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; -} - -.c36 { - 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; -} - -.c23 { - -webkit-order: 0; - -ms-flex-order: 0; - order: 0; - -webkit-flex-basis: auto; - -ms-flex-preferred-size: auto; - flex-basis: auto; - -webkit-box-flex: 0; - -webkit-flex-grow: 0; - -ms-flex-positive: 0; - flex-grow: 0; - -webkit-flex-shrink: 1; - -ms-flex-negative: 1; - flex-shrink: 1; - display: block; -} - .c8 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - position: relative; - background-color: rgb(255,255,255); - box-shadow: 0 0.125rem 0 0 rgba(0,0,0,0.05); - border: 0.0625rem solid rgb(216,216,216); - border-radius: 0.1875rem; - width: 100%; -} - -.c9 { - border-radius: 0.1875rem 0 0 0.1875rem; - min-width: 0.75rem; - min-height: 100%; - background-color: rgb(0,152,88); - background-color: rgb(210,67,58); -} - -.c10 { - padding: 1.125rem 1.125rem; -} - -.c12 { - line-height: 0.875rem; - font-size: 0.8125rem; -} - -.c13 { box-sizing: content-box; display: -webkit-box; display: -webkit-flex; @@ -5822,196 +3179,24 @@ exports[`renders without throwing 1`] = ` border-color: rgb(216,216,216); } -.c25 { - display: inline-block; - padding: 0; - border: none; - overflow: hidden; - height: auto; - -webkit-padding-before: 0; - -webkit-padding-start: 0; - -webkit-padding-end: 0; - -webkit-padding-after: 0; -} - -.c29 { +.c9 { box-sizing: border-box; - width: 18.75rem; - height: 3rem; - min-height: 3rem; - padding: 0.8125rem 0.75rem; - border-radius: 0.25rem; - background-color: rgb(255,255,255); - border: 0.0625rem solid rgb(216,216,216); - color: rgb(73,73,73); - font-size: 0.9375rem; - line-height: normal !important; - font-style: normal; - font-stretch: normal; - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - outline: 0; - max-width: 22.1875rem; - text-overflow: ellipsis; -} - -.c29:focus { - border-color: rgb(59,70,204); - outline: 0; -} - -.c29::-webkit-input-placeholder { - color: rgba(73,73,73,0.5); -} - -.c29::-moz-placeholder { - color: rgba(73,73,73,0.5); -} - -.c29:-ms-input-placeholder { - color: rgba(73,73,73,0.5); -} - -.c29:invalid { - box-shadow: none; -} - -.c29:disabled { - background-color: rgb(250,250,250); - color: rgb(216,216,216); - cursor: not-allowed; -} - -.c29:disabled::-webkit-input-placeholder { - color: rgba(73,73,73,0.5); -} - -.c29:disabled::-moz-placeholder { - color: rgba(73,73,73,0.5); -} - -.c29:disabled:-ms-input-placeholder { - color: rgba(73,73,73,0.5); -} - -.c26 { - font-weight: 600; - white-space: pre; - font-size: 0.8125rem; -} - -.c38 { - 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; -} - -.c40 { - display: none; -} - -.c40:checked + label { - background: #3B46CC; - border: 0.0625rem solid rgb(59,70,204); -} - -.c40:checked + label:after { - -webkit-transform: translateX(100%); - -ms-transform: translateX(100%); - transform: translateX(100%); - box-shadow: 0 0 0 0.0625rem rgb(59,70,204); -} - -.c40:checked + label:active { - box-shadow: none; -} - -.c41 { - 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); -} - -.c41::selection { - background: none; -} - -.c41:active { - box-shadow: inset 0 0 0 1.5rem rgb(216,216,216); -} - -.c41:hover { - border: 0.0625rem solid rgb(59,70,204); -} - -.c41:hover:after { - box-shadow: 0 0 0 0.0625rem rgb(59,70,204); -} - -.c41:after, -.c41:before { - position: relative; - display: block; - content: ''; - width: 50%; - height: 100%; -} - -.c41:after { - -webkit-transform: translateX(0%); - -ms-transform: translateX(0%); - transform: translateX(0%); - border-radius: 50%; - background: rgb(255,255,255); - -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.175,0.885,0.32,1.275); - -webkit-transition: transform 0.3s cubic-bezier(0.175,0.885,0.32,1.275); - transition: transform 0.3s cubic-bezier(0.175,0.885,0.32,1.275); - box-shadow: 0 0 0 0.0625rem rgb(216,216,216); -} - -.c41:active { - box-shadow: inset 0 0 0 2em rgb(216,216,216); -} - -.c41:before { - display: none; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-flex: 1 1 auto; + -ms-flex: 1 1 auto; + flex: 1 1 auto; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + border-width: 0; + background-color: transparent; } .c5 { - margin: 0; -} - -.c15 { - margin: 0; -} - -.c18 { - margin: 0; -} - -.c39 { - margin: 0 6px; + font-weight: 200; } @media only screen and (min-width:48em) { @@ -6033,7 +3218,7 @@ exports[`renders without throwing 1`] = ` } @media only screen and (min-width:0em) { - .c3 { + .c4 { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; @@ -6042,11 +3227,38 @@ exports[`renders without throwing 1`] = ` } @media only screen and (min-width:48em) { - .c3 { - -webkit-flex-basis: 66.66666666666667%; - -ms-flex-preferred-size: 66.66666666666667%; - flex-basis: 66.66666666666667%; - max-width: 66.66666666666667%; + .c4 { + -webkit-flex-basis: 58.333333333333336%; + -ms-flex-preferred-size: 58.333333333333336%; + flex-basis: 58.333333333333336%; + max-width: 58.333333333333336%; + } +} + +@media only screen and (min-width:0em) { + .c7 { + -webkit-flex-basis: 100%; + -ms-flex-preferred-size: 100%; + flex-basis: 100%; + max-width: 100%; + } +} + +@media only screen and (min-width:48em) { + .c7 { + -webkit-flex-basis: 100%; + -ms-flex-preferred-size: 100%; + flex-basis: 100%; + max-width: 100%; + } +} + +@media only screen and (min-width:64em) { + .c7 { + -webkit-flex-basis: 75%; + -ms-flex-preferred-size: 75%; + flex-basis: 75%; + max-width: 75%; } } @@ -6077,7 +3289,7 @@ exports[`renders without throwing 1`] = ` Read the docs @@ -6086,273 +3298,146 @@ exports[`renders without throwing 1`] = `
-
-

- Ooops! -

-

- mutation error -

-
-
-
-
-
-
-

- Hostnames -

-

- Default hostnames are automatically generated from both the instance name and any attached networks. -

-
-
-
-
-

- CNS service hostnames -

-

- CNS service hostnames are created by attaching a CNS service name to one or more instances. You can serve multiple instances under the same hostname by assigning them to a matching CNS service name. + + + + +

+ Loading...

-
-
-
-
-
- -
- -
-
-
-
-
-
- -
-
-
-
- -
-
-
-
-
-
- -
-
- -
-
-
-
-
-
-

- Please note: All hostnames listed here will be confirmed after deployment. -

-
`; -exports[`renders without throwing 1`] = ` +exports[`renders without throwing 1`] = ` +.c1 { + margin-right: auto; + margin-left: auto; +} + +.c3 { + box-sizing: border-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex: 1 1 auto; + -ms-flex: 1 1 auto; + flex: 1 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.625rem; + margin-left: -0.625rem; +} + .c4 { - margin-bottom: 1.125rem; + box-sizing: border-box; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + padding-right: 0.625rem; + padding-left: 0.625rem; + display: block; } .c7 { - margin-bottom: 1.875rem; + box-sizing: border-box; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + padding-right: 0.625rem; + padding-left: 0.625rem; + display: block; } -.c12 { - margin-top: 0.75rem; +.c2 { margin-bottom: 1.125rem; } -.c16 { - margin-top: 1.875rem; -} - -.c29 { - margin-top: 0.1875rem; -} - -.c31 { - margin-left: 0.75rem; -} - -.c38 { - margin-left: 0.375rem; +.c11 { + margin-bottom: 1.875rem; } .c19 { - margin-top: 0.375rem; + margin-top: 0.75rem; } -.c21 { - margin-right: 0.375rem; - margin-bottom: 0.375rem; +.c24 { + margin-top: 1.875rem; } -.c9 { +.c25 { + margin-top: 1.875rem; + margin-bottom: 1.875rem; +} + +.c32 { + margin-top: 0.1875rem; +} + +.c34 { + margin-left: 0.75rem; +} + +.c10 { padding: 1.875rem; - padding-bottom: 0rem; } -.c35 { +.c38 { font-family: sans-serif; font-size: 100%; line-height: 1.15; @@ -6364,36 +3449,37 @@ exports[`renders without throwing 1`] = ` appearance: button; } -.c35::-moz-focus-inner, -.c35[type='button']::-moz-focus-inner, -.c35[type='reset']::-moz-focus-inner, -.c35[type='submit']::-moz-focus-inner { +.c38::-moz-focus-inner, +.c38[type='button']::-moz-focus-inner, +.c38[type='reset']::-moz-focus-inner, +.c38[type='submit']::-moz-focus-inner { border-style: none; padding: 0; } -.c35:-moz-focusring, -.c35[type='button']:-moz-focusring, -.c35[type='reset']:-moz-focusring, -.c35[type='submit']:-moz-focusring { +.c38:-moz-focusring, +.c38[type='button']:-moz-focusring, +.c38[type='reset']:-moz-focusring, +.c38[type='submit']:-moz-focusring { outline: 0.0625rem dotted ButtonText; } .c6 { color: rgb(73,73,73); + margin: 0; line-height: 1.5rem; font-size: 0.9375rem; } -.c34 { +.c37 { min-width: 7.5rem; } -.c33 { +.c36 { display: inline-block; } -.c32 { +.c35 { box-sizing: border-box; display: inline-block; -webkit-box-pack: center; @@ -6433,7 +3519,7 @@ exports[`renders without throwing 1`] = ` border: solid 0.0625rem rgb(45,56,132); } -.c32:focus { +.c35:focus { outline: 0; -webkit-text-decoration: none; text-decoration: none; @@ -6441,26 +3527,26 @@ exports[`renders without throwing 1`] = ` border-color: rgb(45,56,132); } -.c32:hover { +.c35:hover { background-color: rgb(72,83,217); border: solid 0.0625rem rgb(45,56,132); } -.c32:active, -.c32:active:hover, -.c32:active:focus { +.c35:active, +.c35:active:hover, +.c35:active:focus { background-image: none; outline: 0; background-color: rgb(45,56,132); border-color: rgb(45,56,132); } -.c32[disabled] { +.c35[disabled] { cursor: not-allowed; pointer-events: none; } -.c18 { +.c31 { font-size: 0.9375rem; line-height: 1.125rem; font-style: normal; @@ -6470,40 +3556,6 @@ exports[`renders without throwing 1`] = ` text-align: left; } -.c1 { - margin-right: auto; - margin-left: auto; -} - -.c2 { - box-sizing: border-box; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex: 1 1 auto; - -ms-flex: 1 1 auto; - flex: 1 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.625rem; - margin-left: -0.625rem; -} - -.c3 { - box-sizing: border-box; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - padding-right: 0.625rem; - padding-left: 0.625rem; - display: block; -} - .c0 { box-sizing: border-box; width: 100%; @@ -6511,7 +3563,8 @@ exports[`renders without throwing 1`] = ` padding-bottom: 1.125rem; } -.c11 { +.c18 { + margin: 0; color: rgb(73,73,73); font-weight: normal; line-height: 1.625rem; @@ -6519,15 +3572,19 @@ exports[`renders without throwing 1`] = ` } .c15 { + margin: 0; + color: rgb(73,73,73); + font-weight: 600; + line-height: 1.5rem; + font-size: 0.9375rem; +} + +.c23 { + height: 1px; background-color: rgb(216,216,216); } -.c36 { - background-color: rgb(216,216,216); - background-color: transparent; -} - -.c14 { +.c21 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; @@ -6550,7 +3607,7 @@ exports[`renders without throwing 1`] = ` flex-direction: column; } -.c25 { +.c26 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; @@ -6577,7 +3634,7 @@ exports[`renders without throwing 1`] = ` align-items: flex-end; } -.c27 { +.c28 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; @@ -6597,7 +3654,788 @@ exports[`renders without throwing 1`] = ` align-content: stretch; } -.c37 { +.c27 { + -webkit-order: 0; + -ms-flex-order: 0; + order: 0; + -webkit-flex-basis: auto; + -ms-flex-preferred-size: auto; + flex-basis: auto; + -webkit-box-flex: 0; + -webkit-flex-grow: 0; + -ms-flex-positive: 0; + flex-grow: 0; + -webkit-flex-shrink: 1; + -ms-flex-negative: 1; + flex-shrink: 1; + display: block; +} + +.c12 { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + position: relative; + background-color: rgb(255,255,255); + box-shadow: 0 0.125rem 0 0 rgba(0,0,0,0.05); + border: 0.0625rem solid rgb(216,216,216); + border-radius: 0.1875rem; + width: 100%; +} + +.c13 { + border-radius: 0.1875rem 0 0 0.1875rem; + min-width: 0.75rem; + background-color: rgb(0,152,88); + background-color: rgb(210,67,58); +} + +.c14 { + padding: 1.125rem 1.125rem; +} + +.c16 { + line-height: 0.875rem; + font-size: 0.8125rem; +} + +.c8 { + box-sizing: content-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex: 1 0 auto; + -ms-flex: 1 0 auto; + flex: 1 0 auto; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + position: relative; + border-width: 0.0625rem; + border-style: solid; + -webkit-transition: all 300ms ease; + transition: all 300ms ease; + color: rgb(73,73,73); + background-color: rgb(255,255,255); + border-color: rgb(216,216,216); +} + +.c9 { + box-sizing: border-box; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-flex: 1 1 auto; + -ms-flex: 1 1 auto; + flex: 1 1 auto; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + border-width: 0; + background-color: transparent; +} + +.c29 { + display: inline-block; + padding: 0; + border: none; + overflow: hidden; + height: auto; + -webkit-padding-before: 0; + -webkit-padding-start: 0; + -webkit-padding-end: 0; + -webkit-padding-after: 0; +} + +.c33 { + box-sizing: border-box; + width: 18.75rem; + height: 3rem; + min-height: 3rem; + padding: 0.8125rem 0.75rem; + border-radius: 0.25rem; + background-color: rgb(255,255,255); + border: 0.0625rem solid rgb(216,216,216); + color: rgb(73,73,73); + font-size: 0.9375rem; + line-height: normal !important; + font-style: normal; + font-stretch: normal; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + outline: 0; + max-width: 22.1875rem; + text-overflow: ellipsis; +} + +.c33:focus { + border-color: rgb(59,70,204); + outline: 0; +} + +.c33::-webkit-input-placeholder { + color: rgba(73,73,73,0.5); +} + +.c33::-moz-placeholder { + color: rgba(73,73,73,0.5); +} + +.c33:-ms-input-placeholder { + color: rgba(73,73,73,0.5); +} + +.c33:invalid { + box-shadow: none; +} + +.c33:disabled { + background-color: rgb(250,250,250); + color: rgb(216,216,216); + cursor: not-allowed; +} + +.c33:disabled::-webkit-input-placeholder { + color: rgba(73,73,73,0.5); +} + +.c33:disabled::-moz-placeholder { + color: rgba(73,73,73,0.5); +} + +.c33:disabled:-ms-input-placeholder { + color: rgba(73,73,73,0.5); +} + +.c30 { + font-weight: 600; + white-space: pre; + font-size: 0.8125rem; +} + +.c5 { + font-weight: 200; +} + +.c17 { + margin: 0; +} + +.c20 { + margin: 0; +} + +.c22 { + margin-left: 0; + margin-right: 0; +} + +@media only screen and (min-width:48em) { + .c1 { + width: 46rem; + } +} + +@media only screen and (min-width:64em) { + .c1 { + width: 56rem; + } +} + +@media only screen and (min-width:75em) { + .c1 { + width: 59rem; + } +} + +@media only screen and (min-width:0em) { + .c4 { + -webkit-flex-basis: 100%; + -ms-flex-preferred-size: 100%; + flex-basis: 100%; + max-width: 100%; + } +} + +@media only screen and (min-width:48em) { + .c4 { + -webkit-flex-basis: 58.333333333333336%; + -ms-flex-preferred-size: 58.333333333333336%; + flex-basis: 58.333333333333336%; + max-width: 58.333333333333336%; + } +} + +@media only screen and (min-width:0em) { + .c7 { + -webkit-flex-basis: 100%; + -ms-flex-preferred-size: 100%; + flex-basis: 100%; + max-width: 100%; + } +} + +@media only screen and (min-width:48em) { + .c7 { + -webkit-flex-basis: 100%; + -ms-flex-preferred-size: 100%; + flex-basis: 100%; + max-width: 100%; + } +} + +@media only screen and (min-width:64em) { + .c7 { + -webkit-flex-basis: 75%; + -ms-flex-preferred-size: 75%; + flex-basis: 75%; + max-width: 75%; + } +} + +@media only screen and (max-width:47.9375rem) { + .c0 { + padding-left: 0.375rem; + padding-right: 0.375rem; + } +} + +
+
+
+
+

+ Triton CNS is used to automatically update hostnames for your instances. You can serve multiple instances (with multiple IP addresses) under the same hostname by matching the CNS service names. + + + Read the docs + +

+
+
+
+
+
+
+
+
+
+
+
+
+

+ Ooops! +

+

+ An error occurred while loading your CNS services +

+
+
+
+
+

+ CNS Default Hostnames +

+
+

+ Default hostnames are automatically generated from both the instance name and any attached networks. +

+
+
+
+
+
+
+
+
+

+ CNS Service hostnames +

+
+

+ CNS service hostnames are created by attaching a CNS service name to one or more instances. You can serve multiple instances under the same hostname by assigning them to a matching CNS service name. +

+
+
+
+
+
+
+
+ +
+ +
+
+
+
+
+
+ +
+
+
+
+
+
+
+
+
+
+
+`; + +exports[`renders without throwing 1`] = ` +.c1 { + margin-right: auto; + margin-left: auto; +} + +.c3 { + box-sizing: border-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex: 1 1 auto; + -ms-flex: 1 1 auto; + flex: 1 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.625rem; + margin-left: -0.625rem; +} + +.c4 { + box-sizing: border-box; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + padding-right: 0.625rem; + padding-left: 0.625rem; + display: block; +} + +.c7 { + box-sizing: border-box; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + padding-right: 0.625rem; + padding-left: 0.625rem; + display: block; +} + +.c25 { + box-sizing: border-box; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + padding-right: 0.625rem; + padding-left: 0.625rem; + display: block; +} + +.c2 { + margin-bottom: 1.125rem; +} + +.c11 { + margin-bottom: 1.875rem; +} + +.c14 { + margin-top: 0.75rem; +} + +.c32 { + margin-top: 1.875rem; +} + +.c33 { + margin-top: 1.875rem; + margin-bottom: 1.875rem; +} + +.c24 { + margin-top: 0.1875rem; +} + +.c43 { + margin-left: 0.75rem; +} + +.c52 { + margin-left: 0.375rem; +} + +.c22 { + margin-right: 0.375rem; + margin-bottom: 0.1875rem; +} + +.c26 { + margin-bottom: 0.1875rem; +} + +.c36 { + margin-top: 0.375rem; +} + +.c48 { + margin-top: 0.1875rem; + margin-bottom: 0.375rem; +} + +.c49 { + margin-bottom: 0rem; +} + +.c10 { + padding: 1.875rem; +} + +.c20 { + font-size: 80%; +} + +.c47 { + 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; +} + +.c47::-moz-focus-inner, +.c47[type='button']::-moz-focus-inner, +.c47[type='reset']::-moz-focus-inner, +.c47[type='submit']::-moz-focus-inner { + border-style: none; + padding: 0; +} + +.c47:-moz-focusring, +.c47[type='button']:-moz-focusring, +.c47[type='reset']:-moz-focusring, +.c47[type='submit']:-moz-focusring { + outline: 0.0625rem dotted ButtonText; +} + +.c6 { + color: rgb(73,73,73); + margin: 0; + line-height: 1.5rem; + font-size: 0.9375rem; +} + +.c46 { + min-width: 7.5rem; +} + +.c45 { + display: inline-block; +} + +.c44 { + 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; + padding: 0.9375rem 1.125rem; + position: relative; + font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif; + 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; + -webkit-text-decoration: none; + 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); +} + +.c44:focus { + outline: 0; + -webkit-text-decoration: none; + text-decoration: none; + background-color: rgb(59,70,204); + border-color: rgb(45,56,132); +} + +.c44:hover { + background-color: rgb(72,83,217); + border: solid 0.0625rem rgb(45,56,132); +} + +.c44:active, +.c44:active:hover, +.c44:active:focus { + background-image: none; + outline: 0; + background-color: rgb(45,56,132); + border-color: rgb(45,56,132); +} + +.c44[disabled] { + cursor: not-allowed; + pointer-events: none; +} + +.c35 { + font-size: 0.9375rem; + line-height: 1.125rem; + font-style: normal; + font-stretch: normal; + display: block; + color: rgb(70,70,70); + text-align: left; +} + +.c0 { + box-sizing: border-box; + width: 100%; + max-width: 62.5rem; + padding-bottom: 1.125rem; +} + +.c13 { + margin: 0; + color: rgb(73,73,73); + font-weight: normal; + line-height: 1.625rem; + font-size: 1.3125rem; +} + +.c19 { + font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif; + color: rgb(73,73,73); + line-height: 1.125rem; + font-size: 0.8125rem; + font-weight: 600; +} + +.c23 { + font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif; + color: rgb(73,73,73); + line-height: 1.125rem; + font-size: 0.8125rem; +} + +.c31 { + height: 1px; + background-color: rgb(216,216,216); +} + +.c16 { + 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-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} + +.c40 { + 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-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-align-items: flex-end; + -webkit-box-align: flex-end; + -ms-flex-align: flex-end; + align-items: flex-end; +} + +.c17 { + 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; +} + +.c50 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; @@ -6621,7 +4459,7 @@ exports[`renders without throwing 1`] = ` align-items: center; } -.c26 { +.c21 { -webkit-order: 0; -ms-flex-order: 0; order: 0; @@ -6660,7 +4498,23 @@ exports[`renders without throwing 1`] = ` border-color: rgb(216,216,216); } -.c28 { +.c9 { + box-sizing: border-box; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-flex: 1 1 auto; + -ms-flex: 1 1 auto; + flex: 1 1 auto; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + border-width: 0; + background-color: transparent; +} + +.c41 { display: inline-block; padding: 0; border: none; @@ -6672,7 +4526,7 @@ exports[`renders without throwing 1`] = ` -webkit-padding-after: 0; } -.c30 { +.c28 { box-sizing: border-box; width: 18.75rem; height: 3rem; @@ -6681,7 +4535,7 @@ exports[`renders without throwing 1`] = ` border-radius: 0.25rem; background-color: rgb(255,255,255); border: 0.0625rem solid rgb(216,216,216); - color: rgb(73,73,73); + color: rgb(250,250,250); font-size: 0.9375rem; line-height: normal !important; font-style: normal; @@ -6690,56 +4544,171 @@ exports[`renders without throwing 1`] = ` -moz-appearance: none; appearance: none; outline: 0; - max-width: 22.1875rem; - text-overflow: ellipsis; + background-color: rgb(250,250,250); + color: rgb(216,216,216); + cursor: not-allowed; + font-family: "Roboto Mono",monospace; + width: 100%; + min-width: 100%; } -.c30:focus { +.c28:focus { border-color: rgb(59,70,204); outline: 0; } -.c30::-webkit-input-placeholder { +.c28::-webkit-input-placeholder { color: rgba(73,73,73,0.5); } -.c30::-moz-placeholder { +.c28::-moz-placeholder { color: rgba(73,73,73,0.5); } -.c30:-ms-input-placeholder { +.c28:-ms-input-placeholder { color: rgba(73,73,73,0.5); } -.c30:invalid { +.c28:invalid { box-shadow: none; } -.c30:disabled { +.c28::-webkit-input-placeholder { + color: rgb(216,216,216); +} + +.c28::-moz-placeholder { + color: rgb(216,216,216); +} + +.c28:-ms-input-placeholder { + color: rgb(216,216,216); +} + +.c28:disabled { background-color: rgb(250,250,250); color: rgb(216,216,216); cursor: not-allowed; } -.c30:disabled::-webkit-input-placeholder { +.c28:disabled::-webkit-input-placeholder { color: rgba(73,73,73,0.5); } -.c30:disabled::-moz-placeholder { +.c28:disabled::-moz-placeholder { color: rgba(73,73,73,0.5); } -.c30:disabled:-ms-input-placeholder { +.c28:disabled:-ms-input-placeholder { color: rgba(73,73,73,0.5); } -.c17 { +.c28:disabled { + color: rgb(73,73,73); +} + +.c28:disabled::-webkit-input-placeholder { + color: rgb(73,73,73); +} + +.c28:disabled::-moz-placeholder { + color: rgb(73,73,73); +} + +.c28:disabled:-ms-input-placeholder { + color: rgb(73,73,73); +} + +.c42 { + box-sizing: border-box; + width: 18.75rem; + height: 3rem; + min-height: 3rem; + padding: 0.8125rem 0.75rem; + border-radius: 0.25rem; + background-color: rgb(255,255,255); + border: 0.0625rem solid rgb(216,216,216); + color: rgb(250,250,250); + font-size: 0.9375rem; + line-height: normal !important; + font-style: normal; + font-stretch: normal; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + outline: 0; + background-color: rgb(250,250,250); + color: rgb(216,216,216); + cursor: not-allowed; + max-width: 22.1875rem; + text-overflow: ellipsis; +} + +.c42:focus { + border-color: rgb(59,70,204); + outline: 0; +} + +.c42::-webkit-input-placeholder { + color: rgba(73,73,73,0.5); +} + +.c42::-moz-placeholder { + color: rgba(73,73,73,0.5); +} + +.c42:-ms-input-placeholder { + color: rgba(73,73,73,0.5); +} + +.c42:invalid { + box-shadow: none; +} + +.c42::-webkit-input-placeholder { + color: rgb(216,216,216); +} + +.c42::-moz-placeholder { + color: rgb(216,216,216); +} + +.c42:-ms-input-placeholder { + color: rgb(216,216,216); +} + +.c42:disabled { + background-color: rgb(250,250,250); + color: rgb(216,216,216); + cursor: not-allowed; +} + +.c42:disabled::-webkit-input-placeholder { + color: rgba(73,73,73,0.5); +} + +.c42:disabled::-moz-placeholder { + color: rgba(73,73,73,0.5); +} + +.c42:disabled:-ms-input-placeholder { + color: rgba(73,73,73,0.5); +} + +.c34 { font-weight: 600; white-space: pre; font-size: 0.8125rem; } -.c39 { +.c51 { + font-weight: 600; + white-space: pre; + font-size: 0.8125rem; + color: rgb(216,216,216); +} + +.c53 { position: relative; vertical-align: text-bottom; display: -webkit-box; @@ -6752,27 +4721,36 @@ exports[`renders without throwing 1`] = ` align-items: center; } -.c41 { +.c55 { display: none; } -.c41:checked + label { +.c55:checked + label { background: #3B46CC; border: 0.0625rem solid rgb(59,70,204); } -.c41:checked + label:after { +.c55:checked + label:after { -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); box-shadow: 0 0 0 0.0625rem rgb(59,70,204); } -.c41:checked + label:active { +.c55:checked + label:active { box-shadow: none; } -.c42 { +.c55:checked + label { + background: rgb(250,250,250); + border: 0.0625rem solid rgb(216,216,216); +} + +.c55:checked + label:after { + box-shadow: 0 0 0 0.0625rem rgb(216,216,216); +} + +.c56 { outline: 0; display: block; width: 2.875rem; @@ -6789,26 +4767,27 @@ exports[`renders without throwing 1`] = ` -webkit-transition: all 0.3s ease; transition: all 0.3s ease; border: 0.0625rem solid rgb(216,216,216); + cursor: not-allowed; } -.c42::selection { +.c56::selection { background: none; } -.c42:active { +.c56:active { box-shadow: inset 0 0 0 1.5rem rgb(216,216,216); } -.c42:hover { +.c56:hover { border: 0.0625rem solid rgb(59,70,204); } -.c42:hover:after { +.c56:hover:after { box-shadow: 0 0 0 0.0625rem rgb(59,70,204); } -.c42:after, -.c42:before { +.c56:after, +.c56:before { position: relative; display: block; content: ''; @@ -6816,7 +4795,7 @@ exports[`renders without throwing 1`] = ` height: 100%; } -.c42:after { +.c56:after { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); @@ -6828,15 +4807,64 @@ exports[`renders without throwing 1`] = ` box-shadow: 0 0 0 0.0625rem rgb(216,216,216); } -.c42:active { +.c56:active { box-shadow: inset 0 0 0 2em rgb(216,216,216); } -.c42:before { +.c56:before { display: none; } -.c22 { +.c56:active { + box-shadow: none; +} + +.c56:active:after { + padding-right: 0; +} + +.c56:before { + cursor: not-allowed; +} + +.c56:after { + cursor: not-allowed; + background: rgb(230,230,230); +} + +.c56:hover { + border: 0.0625rem solid rgb(216,216,216); +} + +.c56:hover:after { + box-shadow: 0 0 0 0.0625rem rgb(216,216,216); +} + +.c27 { + 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; +} + +.c27 input { + padding-right: 1.875rem; +} + +.c27 div { + position: relative; + left: -1.625rem; +} + +.c29 { + cursor: pointer; +} + +.c38 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; @@ -6851,11 +4879,7 @@ exports[`renders without throwing 1`] = ` flex-grow: 1; } -.c24 { - cursor: pointer; -} - -.c23 { +.c39 { border: 0.0625rem solid rgb(216,216,216); box-sizing: border-box; border-radius: 0.125rem; @@ -6877,7 +4901,8 @@ exports[`renders without throwing 1`] = ` border: 0.0625rem solid rgb(45,56,132); } -.c20 { +.c37 { + margin: 0; padding: 0; display: -webkit-box; display: -webkit-flex; @@ -6890,21 +4915,32 @@ exports[`renders without throwing 1`] = ` } .c5 { + font-weight: 200; +} + +.c18 { + padding-right: 0.75rem; + margin-right: 0.75rem; + border-right: 0.0625rem solid rgb(216,216,216); +} + +.c12 { margin: 0; } -.c10 { +.c15 { margin: 0; } -.c13 { - margin: 0; -} - -.c40 { +.c54 { margin: 0 6px; } +.c30 { + margin-left: 0; + margin-right: 0; +} + @media only screen and (min-width:48em) { .c1 { width: 46rem; @@ -6924,7 +4960,7 @@ exports[`renders without throwing 1`] = ` } @media only screen and (min-width:0em) { - .c3 { + .c4 { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; @@ -6933,11 +4969,56 @@ exports[`renders without throwing 1`] = ` } @media only screen and (min-width:48em) { - .c3 { - -webkit-flex-basis: 66.66666666666667%; - -ms-flex-preferred-size: 66.66666666666667%; - flex-basis: 66.66666666666667%; - max-width: 66.66666666666667%; + .c4 { + -webkit-flex-basis: 58.333333333333336%; + -ms-flex-preferred-size: 58.333333333333336%; + flex-basis: 58.333333333333336%; + max-width: 58.333333333333336%; + } +} + +@media only screen and (min-width:0em) { + .c7 { + -webkit-flex-basis: 100%; + -ms-flex-preferred-size: 100%; + flex-basis: 100%; + max-width: 100%; + } +} + +@media only screen and (min-width:48em) { + .c7 { + -webkit-flex-basis: 100%; + -ms-flex-preferred-size: 100%; + flex-basis: 100%; + max-width: 100%; + } +} + +@media only screen and (min-width:64em) { + .c7 { + -webkit-flex-basis: 75%; + -ms-flex-preferred-size: 75%; + flex-basis: 75%; + max-width: 75%; + } +} + +@media only screen and (min-width:0em) { + .c25 { + -webkit-flex-basis: 100%; + -ms-flex-preferred-size: 100%; + flex-basis: 100%; + max-width: 100%; + } +} + +@media only screen and (min-width:64em) { + .c25 { + -webkit-flex-basis: 100%; + -ms-flex-preferred-size: 100%; + flex-basis: 100%; + max-width: 100%; } } @@ -6968,7 +5049,7 @@ exports[`renders without throwing 1`] = ` Read the docs @@ -6977,355 +5058,916 @@ exports[`renders without throwing 1`] = `
-

- Hostnames -

-

- Default hostnames are automatically generated from both the instance name and any attached networks. -

-
-
-
-
-

- CNS service hostnames -

-

- CNS service hostnames are created by attaching a CNS service name to one or more instances. You can serve multiple instances under the same hostname by assigning them to a matching CNS service name. -

-
-
-
- -
-
    +
    -
    -
    -
  • - serbice - - - -
    • -
    -
    -
    -
    -
  • - dssasda - - - -
    • -
    -
    -
    -
    -
  • - dsasd - - - -
    • -
    -
    -
+ Default hostnames are automatically generated from both the instance name and any attached networks. +

+
-
-
+ + Instance name + + hostname + + +
+
+ + + +
+
+
+ + Public + +
+
+
-
- +
+ +
+ + + +
+
- + Instance name + + hostname + +
+ className="c21" + > +
+ + + +
+
+
+ + Private + +
+
+
+
+
+
+
+ +
+ + + +
+
+
+
- -
+ > +
+
+
+
+

+ CNS Service hostnames +

+
+

+ CNS service hostnames are created by attaching a CNS service name to one or more instances. You can serve multiple instances under the same hostname by assigning them to a matching CNS service name. +

+
+
+
+ +
+
    +
    +
  • + serbice +
    • +
    +
    +
  • + dssasda +
    • +
    +
    +
  • + dsasd +
    • +
    +
+
+
+
+
+
+
+
+ +
+ +
+
+
+
+
+
+ +
+
+
+
+
+
+
+
+ + CNS service + + hostname + s + +
+
+ + + +
+
+
+ + Public + +
+
+
+
+
+
+
+ +
+ + + +
+
+
+
+
+
+
+
+
+
+ +
+ + + +
+
+
+
+
+
+
+
+
+
+ +
+ + + +
+
+
+
+
+
+
+
+ + CNS service + + hostname + s + +
+
+ + + +
+
+
+ + Private + +
+
+
+
+
+
+
+ +
+ + + +
+
+
+
+
+
+
+
+
+
+ +
+ + + +
+
+
+
+
+
+
+
+
+
+ +
+ + + +
+
+
+
+
+
+
+
+
-
-
-
-
-
- -
-
-

- Please note: All hostnames listed here will be confirmed after deployment. -

-
`; -exports[`renders without throwing 1`] = ` -.c4 { - margin-bottom: 1.125rem; -} - -.c7 { - margin-bottom: 1.875rem; -} - -.c12 { - margin-left: 0.375rem; -} - -.c6 { - color: rgb(73,73,73); - line-height: 1.5rem; - font-size: 0.9375rem; -} - -.c11 { - font-size: 0.9375rem; - line-height: 1.125rem; - font-style: normal; - font-stretch: normal; - display: block; - color: rgb(70,70,70); - text-align: left; -} - +exports[`renders without throwing 1`] = ` .c1 { margin-right: auto; margin-left: auto; } -.c2 { +.c3 { box-sizing: border-box; display: -webkit-box; display: -webkit-flex; @@ -7344,7 +5986,7 @@ exports[`renders without throwing 1`] = ` margin-left: -0.625rem; } -.c3 { +.c4 { box-sizing: border-box; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; @@ -7354,6 +5996,172 @@ exports[`renders without throwing 1`] = ` display: block; } +.c7 { + box-sizing: border-box; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + padding-right: 0.625rem; + padding-left: 0.625rem; + display: block; +} + +.c2 { + margin-bottom: 1.125rem; +} + +.c11 { + margin-bottom: 1.875rem; +} + +.c19 { + margin-top: 0.75rem; +} + +.c24 { + margin-top: 1.875rem; +} + +.c25 { + margin-top: 1.875rem; + margin-bottom: 1.875rem; +} + +.c32 { + margin-top: 0.1875rem; +} + +.c34 { + margin-left: 0.75rem; +} + +.c40 { + margin-left: 0.375rem; +} + +.c10 { + padding: 1.875rem; +} + +.c38 { + 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; +} + +.c38::-moz-focus-inner, +.c38[type='button']::-moz-focus-inner, +.c38[type='reset']::-moz-focus-inner, +.c38[type='submit']::-moz-focus-inner { + border-style: none; + padding: 0; +} + +.c38:-moz-focusring, +.c38[type='button']:-moz-focusring, +.c38[type='reset']:-moz-focusring, +.c38[type='submit']:-moz-focusring { + outline: 0.0625rem dotted ButtonText; +} + +.c6 { + color: rgb(73,73,73); + margin: 0; + line-height: 1.5rem; + font-size: 0.9375rem; +} + +.c37 { + min-width: 7.5rem; +} + +.c36 { + display: inline-block; +} + +.c35 { + 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; + padding: 0.9375rem 1.125rem; + position: relative; + font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif; + 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; + -webkit-text-decoration: none; + 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); +} + +.c35:focus { + outline: 0; + -webkit-text-decoration: none; + text-decoration: none; + background-color: rgb(59,70,204); + border-color: rgb(45,56,132); +} + +.c35:hover { + background-color: rgb(72,83,217); + border: solid 0.0625rem rgb(45,56,132); +} + +.c35:active, +.c35:active:hover, +.c35:active:focus { + background-image: none; + outline: 0; + background-color: rgb(45,56,132); + border-color: rgb(45,56,132); +} + +.c35[disabled] { + cursor: not-allowed; + pointer-events: none; +} + +.c31 { + font-size: 0.9375rem; + line-height: 1.125rem; + font-style: normal; + font-stretch: normal; + display: block; + color: rgb(70,70,70); + text-align: left; +} + .c0 { box-sizing: border-box; width: 100%; @@ -7361,7 +6169,1837 @@ exports[`renders without throwing 1`] = ` padding-bottom: 1.125rem; } +.c18 { + margin: 0; + color: rgb(73,73,73); + font-weight: normal; + line-height: 1.625rem; + font-size: 1.3125rem; +} + +.c15 { + margin: 0; + color: rgb(73,73,73); + font-weight: 600; + line-height: 1.5rem; + font-size: 0.9375rem; +} + +.c23 { + height: 1px; + background-color: rgb(216,216,216); +} + +.c21 { + 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-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} + +.c26 { + 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-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-align-items: flex-end; + -webkit-box-align: flex-end; + -ms-flex-align: flex-end; + align-items: flex-end; +} + +.c28 { + 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; +} + +.c39 { + 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; +} + +.c27 { + -webkit-order: 0; + -ms-flex-order: 0; + order: 0; + -webkit-flex-basis: auto; + -ms-flex-preferred-size: auto; + flex-basis: auto; + -webkit-box-flex: 0; + -webkit-flex-grow: 0; + -ms-flex-positive: 0; + flex-grow: 0; + -webkit-flex-shrink: 1; + -ms-flex-negative: 1; + flex-shrink: 1; + display: block; +} + +.c12 { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + position: relative; + background-color: rgb(255,255,255); + box-shadow: 0 0.125rem 0 0 rgba(0,0,0,0.05); + border: 0.0625rem solid rgb(216,216,216); + border-radius: 0.1875rem; + width: 100%; +} + +.c13 { + border-radius: 0.1875rem 0 0 0.1875rem; + min-width: 0.75rem; + background-color: rgb(0,152,88); + background-color: rgb(210,67,58); +} + +.c14 { + padding: 1.125rem 1.125rem; +} + +.c16 { + line-height: 0.875rem; + font-size: 0.8125rem; +} + +.c8 { + box-sizing: content-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex: 1 0 auto; + -ms-flex: 1 0 auto; + flex: 1 0 auto; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + position: relative; + border-width: 0.0625rem; + border-style: solid; + -webkit-transition: all 300ms ease; + transition: all 300ms ease; + color: rgb(73,73,73); + background-color: rgb(255,255,255); + border-color: rgb(216,216,216); +} + .c9 { + box-sizing: border-box; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-flex: 1 1 auto; + -ms-flex: 1 1 auto; + flex: 1 1 auto; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + border-width: 0; + background-color: transparent; +} + +.c29 { + display: inline-block; + padding: 0; + border: none; + overflow: hidden; + height: auto; + -webkit-padding-before: 0; + -webkit-padding-start: 0; + -webkit-padding-end: 0; + -webkit-padding-after: 0; +} + +.c33 { + box-sizing: border-box; + width: 18.75rem; + height: 3rem; + min-height: 3rem; + padding: 0.8125rem 0.75rem; + border-radius: 0.25rem; + background-color: rgb(255,255,255); + border: 0.0625rem solid rgb(216,216,216); + color: rgb(73,73,73); + font-size: 0.9375rem; + line-height: normal !important; + font-style: normal; + font-stretch: normal; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + outline: 0; + max-width: 22.1875rem; + text-overflow: ellipsis; +} + +.c33:focus { + border-color: rgb(59,70,204); + outline: 0; +} + +.c33::-webkit-input-placeholder { + color: rgba(73,73,73,0.5); +} + +.c33::-moz-placeholder { + color: rgba(73,73,73,0.5); +} + +.c33:-ms-input-placeholder { + color: rgba(73,73,73,0.5); +} + +.c33:invalid { + box-shadow: none; +} + +.c33:disabled { + background-color: rgb(250,250,250); + color: rgb(216,216,216); + cursor: not-allowed; +} + +.c33:disabled::-webkit-input-placeholder { + color: rgba(73,73,73,0.5); +} + +.c33:disabled::-moz-placeholder { + color: rgba(73,73,73,0.5); +} + +.c33:disabled:-ms-input-placeholder { + color: rgba(73,73,73,0.5); +} + +.c30 { + font-weight: 600; + white-space: pre; + font-size: 0.8125rem; +} + +.c41 { + 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; +} + +.c43 { + display: none; +} + +.c43:checked + label { + background: #3B46CC; + border: 0.0625rem solid rgb(59,70,204); +} + +.c43:checked + label:after { + -webkit-transform: translateX(100%); + -ms-transform: translateX(100%); + transform: translateX(100%); + box-shadow: 0 0 0 0.0625rem rgb(59,70,204); +} + +.c43:checked + label:active { + box-shadow: none; +} + +.c44 { + 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); +} + +.c44::selection { + background: none; +} + +.c44:active { + box-shadow: inset 0 0 0 1.5rem rgb(216,216,216); +} + +.c44:hover { + border: 0.0625rem solid rgb(59,70,204); +} + +.c44:hover:after { + box-shadow: 0 0 0 0.0625rem rgb(59,70,204); +} + +.c44:after, +.c44:before { + position: relative; + display: block; + content: ''; + width: 50%; + height: 100%; +} + +.c44:after { + -webkit-transform: translateX(0%); + -ms-transform: translateX(0%); + transform: translateX(0%); + border-radius: 50%; + background: rgb(255,255,255); + -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.175,0.885,0.32,1.275); + -webkit-transition: transform 0.3s cubic-bezier(0.175,0.885,0.32,1.275); + transition: transform 0.3s cubic-bezier(0.175,0.885,0.32,1.275); + box-shadow: 0 0 0 0.0625rem rgb(216,216,216); +} + +.c44:active { + box-shadow: inset 0 0 0 2em rgb(216,216,216); +} + +.c44:before { + display: none; +} + +.c5 { + font-weight: 200; +} + +.c17 { + margin: 0; +} + +.c20 { + margin: 0; +} + +.c42 { + margin: 0 6px; +} + +.c22 { + margin-left: 0; + margin-right: 0; +} + +@media only screen and (min-width:48em) { + .c1 { + width: 46rem; + } +} + +@media only screen and (min-width:64em) { + .c1 { + width: 56rem; + } +} + +@media only screen and (min-width:75em) { + .c1 { + width: 59rem; + } +} + +@media only screen and (min-width:0em) { + .c4 { + -webkit-flex-basis: 100%; + -ms-flex-preferred-size: 100%; + flex-basis: 100%; + max-width: 100%; + } +} + +@media only screen and (min-width:48em) { + .c4 { + -webkit-flex-basis: 58.333333333333336%; + -ms-flex-preferred-size: 58.333333333333336%; + flex-basis: 58.333333333333336%; + max-width: 58.333333333333336%; + } +} + +@media only screen and (min-width:0em) { + .c7 { + -webkit-flex-basis: 100%; + -ms-flex-preferred-size: 100%; + flex-basis: 100%; + max-width: 100%; + } +} + +@media only screen and (min-width:48em) { + .c7 { + -webkit-flex-basis: 100%; + -ms-flex-preferred-size: 100%; + flex-basis: 100%; + max-width: 100%; + } +} + +@media only screen and (min-width:64em) { + .c7 { + -webkit-flex-basis: 75%; + -ms-flex-preferred-size: 75%; + flex-basis: 75%; + max-width: 75%; + } +} + +@media only screen and (max-width:47.9375rem) { + .c0 { + padding-left: 0.375rem; + padding-right: 0.375rem; + } +} + +
+
+
+
+

+ Triton CNS is used to automatically update hostnames for your instances. You can serve multiple instances (with multiple IP addresses) under the same hostname by matching the CNS service names. + + + Read the docs + +

+
+
+
+
+
+
+
+
+
+
+
+
+

+ Ooops! +

+

+ mutation error +

+
+
+
+
+

+ CNS Default Hostnames +

+
+

+ Default hostnames are automatically generated from both the instance name and any attached networks. +

+
+
+
+
+
+
+
+
+

+ CNS Service hostnames +

+
+

+ CNS service hostnames are created by attaching a CNS service name to one or more instances. You can serve multiple instances under the same hostname by assigning them to a matching CNS service name. +

+
+
+
+
+
+
+
+ +
+ +
+
+
+
+
+
+ +
+
+
+
+
+
+
+
+
+
+
+
+ +
+
+ +
+
+
+
+
+
+
+
+
+`; + +exports[`renders without throwing 1`] = ` +.c1 { + margin-right: auto; + margin-left: auto; +} + +.c3 { + box-sizing: border-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex: 1 1 auto; + -ms-flex: 1 1 auto; + flex: 1 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.625rem; + margin-left: -0.625rem; +} + +.c4 { + box-sizing: border-box; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + padding-right: 0.625rem; + padding-left: 0.625rem; + display: block; +} + +.c7 { + box-sizing: border-box; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + padding-right: 0.625rem; + padding-left: 0.625rem; + display: block; +} + +.c2 { + margin-bottom: 1.125rem; +} + +.c11 { + margin-bottom: 1.875rem; +} + +.c14 { + margin-top: 0.75rem; +} + +.c19 { + margin-top: 1.875rem; +} + +.c20 { + margin-top: 1.875rem; + margin-bottom: 1.875rem; +} + +.c32 { + margin-top: 0.1875rem; +} + +.c34 { + margin-left: 0.75rem; +} + +.c40 { + margin-left: 0.375rem; +} + +.c23 { + margin-top: 0.375rem; +} + +.c10 { + padding: 1.875rem; +} + +.c38 { + 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; +} + +.c38::-moz-focus-inner, +.c38[type='button']::-moz-focus-inner, +.c38[type='reset']::-moz-focus-inner, +.c38[type='submit']::-moz-focus-inner { + border-style: none; + padding: 0; +} + +.c38:-moz-focusring, +.c38[type='button']:-moz-focusring, +.c38[type='reset']:-moz-focusring, +.c38[type='submit']:-moz-focusring { + outline: 0.0625rem dotted ButtonText; +} + +.c6 { + color: rgb(73,73,73); + margin: 0; + line-height: 1.5rem; + font-size: 0.9375rem; +} + +.c37 { + min-width: 7.5rem; +} + +.c36 { + display: inline-block; +} + +.c35 { + 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; + padding: 0.9375rem 1.125rem; + position: relative; + font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif; + 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; + -webkit-text-decoration: none; + 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); +} + +.c35:focus { + outline: 0; + -webkit-text-decoration: none; + text-decoration: none; + background-color: rgb(59,70,204); + border-color: rgb(45,56,132); +} + +.c35:hover { + background-color: rgb(72,83,217); + border: solid 0.0625rem rgb(45,56,132); +} + +.c35:active, +.c35:active:hover, +.c35:active:focus { + background-image: none; + outline: 0; + background-color: rgb(45,56,132); + border-color: rgb(45,56,132); +} + +.c35[disabled] { + cursor: not-allowed; + pointer-events: none; +} + +.c22 { + font-size: 0.9375rem; + line-height: 1.125rem; + font-style: normal; + font-stretch: normal; + display: block; + color: rgb(70,70,70); + text-align: left; +} + +.c0 { + box-sizing: border-box; + width: 100%; + max-width: 62.5rem; + padding-bottom: 1.125rem; +} + +.c13 { + margin: 0; + color: rgb(73,73,73); + font-weight: normal; + line-height: 1.625rem; + font-size: 1.3125rem; +} + +.c18 { + height: 1px; + background-color: rgb(216,216,216); +} + +.c16 { + 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-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} + +.c28 { + 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-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-align-items: flex-end; + -webkit-box-align: flex-end; + -ms-flex-align: flex-end; + align-items: flex-end; +} + +.c30 { + 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; +} + +.c39 { + 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; +} + +.c29 { + -webkit-order: 0; + -ms-flex-order: 0; + order: 0; + -webkit-flex-basis: auto; + -ms-flex-preferred-size: auto; + flex-basis: auto; + -webkit-box-flex: 0; + -webkit-flex-grow: 0; + -ms-flex-positive: 0; + flex-grow: 0; + -webkit-flex-shrink: 1; + -ms-flex-negative: 1; + flex-shrink: 1; + display: block; +} + +.c8 { + box-sizing: content-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex: 1 0 auto; + -ms-flex: 1 0 auto; + flex: 1 0 auto; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + position: relative; + border-width: 0.0625rem; + border-style: solid; + -webkit-transition: all 300ms ease; + transition: all 300ms ease; + color: rgb(73,73,73); + background-color: rgb(255,255,255); + border-color: rgb(216,216,216); +} + +.c9 { + box-sizing: border-box; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-flex: 1 1 auto; + -ms-flex: 1 1 auto; + flex: 1 1 auto; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + border-width: 0; + background-color: transparent; +} + +.c31 { + display: inline-block; + padding: 0; + border: none; + overflow: hidden; + height: auto; + -webkit-padding-before: 0; + -webkit-padding-start: 0; + -webkit-padding-end: 0; + -webkit-padding-after: 0; +} + +.c33 { + box-sizing: border-box; + width: 18.75rem; + height: 3rem; + min-height: 3rem; + padding: 0.8125rem 0.75rem; + border-radius: 0.25rem; + background-color: rgb(255,255,255); + border: 0.0625rem solid rgb(216,216,216); + color: rgb(73,73,73); + font-size: 0.9375rem; + line-height: normal !important; + font-style: normal; + font-stretch: normal; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + outline: 0; + max-width: 22.1875rem; + text-overflow: ellipsis; +} + +.c33:focus { + border-color: rgb(59,70,204); + outline: 0; +} + +.c33::-webkit-input-placeholder { + color: rgba(73,73,73,0.5); +} + +.c33::-moz-placeholder { + color: rgba(73,73,73,0.5); +} + +.c33:-ms-input-placeholder { + color: rgba(73,73,73,0.5); +} + +.c33:invalid { + box-shadow: none; +} + +.c33:disabled { + background-color: rgb(250,250,250); + color: rgb(216,216,216); + cursor: not-allowed; +} + +.c33:disabled::-webkit-input-placeholder { + color: rgba(73,73,73,0.5); +} + +.c33:disabled::-moz-placeholder { + color: rgba(73,73,73,0.5); +} + +.c33:disabled:-ms-input-placeholder { + color: rgba(73,73,73,0.5); +} + +.c21 { + font-weight: 600; + white-space: pre; + font-size: 0.8125rem; +} + +.c41 { + 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; +} + +.c43 { + display: none; +} + +.c43:checked + label { + background: #3B46CC; + border: 0.0625rem solid rgb(59,70,204); +} + +.c43:checked + label:after { + -webkit-transform: translateX(100%); + -ms-transform: translateX(100%); + transform: translateX(100%); + box-shadow: 0 0 0 0.0625rem rgb(59,70,204); +} + +.c43:checked + label:active { + box-shadow: none; +} + +.c44 { + 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); +} + +.c44::selection { + background: none; +} + +.c44:active { + box-shadow: inset 0 0 0 1.5rem rgb(216,216,216); +} + +.c44:hover { + border: 0.0625rem solid rgb(59,70,204); +} + +.c44:hover:after { + box-shadow: 0 0 0 0.0625rem rgb(59,70,204); +} + +.c44:after, +.c44:before { + position: relative; + display: block; + content: ''; + width: 50%; + height: 100%; +} + +.c44:after { + -webkit-transform: translateX(0%); + -ms-transform: translateX(0%); + transform: translateX(0%); + border-radius: 50%; + background: rgb(255,255,255); + -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.175,0.885,0.32,1.275); + -webkit-transition: transform 0.3s cubic-bezier(0.175,0.885,0.32,1.275); + transition: transform 0.3s cubic-bezier(0.175,0.885,0.32,1.275); + box-shadow: 0 0 0 0.0625rem rgb(216,216,216); +} + +.c44:active { + box-shadow: inset 0 0 0 2em rgb(216,216,216); +} + +.c44:before { + display: none; +} + +.c25 { + 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; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; +} + +.c27 { + margin-left: 0.75rem; + cursor: pointer; +} + +.c26 { + border: 0.0625rem solid rgb(216,216,216); + box-sizing: border-box; + border-radius: 0.125rem; + font-size: 0.8125rem; + line-height: 1.125rem; + padding: 0.3125rem 0.75rem; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-flex: 0; + -webkit-flex-grow: 0; + -ms-flex-positive: 0; + flex-grow: 0; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + border: 0.0625rem solid rgb(45,56,132); +} + +.c24 { + margin: 0; + padding: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + list-style: none; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} + +.c5 { + font-weight: 200; +} + +.c12 { + margin: 0; +} + +.c15 { + margin: 0; +} + +.c42 { + margin: 0 6px; +} + +.c17 { + margin-left: 0; + margin-right: 0; +} + +@media only screen and (min-width:48em) { + .c1 { + width: 46rem; + } +} + +@media only screen and (min-width:64em) { + .c1 { + width: 56rem; + } +} + +@media only screen and (min-width:75em) { + .c1 { + width: 59rem; + } +} + +@media only screen and (min-width:0em) { + .c4 { + -webkit-flex-basis: 100%; + -ms-flex-preferred-size: 100%; + flex-basis: 100%; + max-width: 100%; + } +} + +@media only screen and (min-width:48em) { + .c4 { + -webkit-flex-basis: 58.333333333333336%; + -ms-flex-preferred-size: 58.333333333333336%; + flex-basis: 58.333333333333336%; + max-width: 58.333333333333336%; + } +} + +@media only screen and (min-width:0em) { + .c7 { + -webkit-flex-basis: 100%; + -ms-flex-preferred-size: 100%; + flex-basis: 100%; + max-width: 100%; + } +} + +@media only screen and (min-width:48em) { + .c7 { + -webkit-flex-basis: 100%; + -ms-flex-preferred-size: 100%; + flex-basis: 100%; + max-width: 100%; + } +} + +@media only screen and (min-width:64em) { + .c7 { + -webkit-flex-basis: 75%; + -ms-flex-preferred-size: 75%; + flex-basis: 75%; + max-width: 75%; + } +} + +@media only screen and (max-width:47.9375rem) { + .c0 { + padding-left: 0.375rem; + padding-right: 0.375rem; + } +} + +
+
+
+
+

+ Triton CNS is used to automatically update hostnames for your instances. You can serve multiple instances (with multiple IP addresses) under the same hostname by matching the CNS service names. + + + Read the docs + +

+
+
+
+
+
+
+
+
+
+

+ CNS Default Hostnames +

+
+

+ Default hostnames are automatically generated from both the instance name and any attached networks. +

+
+
+
+
+
+
+
+
+

+ CNS Service hostnames +

+
+

+ CNS service hostnames are created by attaching a CNS service name to one or more instances. You can serve multiple instances under the same hostname by assigning them to a matching CNS service name. +

+
+
+
+ +
+
    +
    +
  • + serbice + + + +
    • +
    +
    +
  • + dssasda + + + +
    • +
    +
    +
  • + dsasd + + + +
    • +
    +
+
+
+
+
+
+
+
+ +
+ +
+
+
+
+
+
+ +
+
+
+
+
+
+
+
+
+
+
+
+ +
+
+ +
+
+
+
+
+
+
+
+
+`; + +exports[`renders without throwing 1`] = ` +.c1 { + margin-right: auto; + margin-left: auto; +} + +.c3 { + box-sizing: border-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex: 1 1 auto; + -ms-flex: 1 1 auto; + flex: 1 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.625rem; + margin-left: -0.625rem; +} + +.c4 { + box-sizing: border-box; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + padding-right: 0.625rem; + padding-left: 0.625rem; + display: block; +} + +.c7 { + box-sizing: border-box; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + padding-right: 0.625rem; + padding-left: 0.625rem; + display: block; +} + +.c2 { + margin-bottom: 1.125rem; +} + +.c11 { + margin-top: 1.875rem; +} + +.c16 { + margin-left: 0.375rem; +} + +.c10 { + padding: 1.875rem; +} + +.c6 { + color: rgb(73,73,73); + margin: 0; + line-height: 1.5rem; + font-size: 0.9375rem; +} + +.c15 { + font-size: 0.9375rem; + line-height: 1.125rem; + font-style: normal; + font-stretch: normal; + display: block; + color: rgb(70,70,70); + text-align: left; +} + +.c0 { + box-sizing: border-box; + width: 100%; + max-width: 62.5rem; + padding-bottom: 1.125rem; +} + +.c13 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; @@ -7386,6 +8024,44 @@ exports[`renders without throwing 1`] = ` } .c8 { + box-sizing: content-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex: 1 0 auto; + -ms-flex: 1 0 auto; + flex: 1 0 auto; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + position: relative; + border-width: 0.0625rem; + border-style: solid; + -webkit-transition: all 300ms ease; + transition: all 300ms ease; + color: rgb(73,73,73); + background-color: rgb(255,255,255); + border-color: rgb(216,216,216); +} + +.c9 { + box-sizing: border-box; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-flex: 1 1 auto; + -ms-flex: 1 1 auto; + flex: 1 1 auto; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + border-width: 0; + background-color: transparent; +} + +.c12 { display: inline-block; padding: 0; border: none; @@ -7397,13 +8073,13 @@ exports[`renders without throwing 1`] = ` -webkit-padding-after: 0; } -.c10 { +.c14 { font-weight: 600; white-space: pre; font-size: 0.8125rem; } -.c13 { +.c17 { position: relative; vertical-align: text-bottom; display: -webkit-box; @@ -7416,27 +8092,27 @@ exports[`renders without throwing 1`] = ` align-items: center; } -.c15 { +.c19 { display: none; } -.c15:checked + label { +.c19:checked + label { background: #3B46CC; border: 0.0625rem solid rgb(59,70,204); } -.c15:checked + label:after { +.c19:checked + label:after { -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); box-shadow: 0 0 0 0.0625rem rgb(59,70,204); } -.c15:checked + label:active { +.c19:checked + label:active { box-shadow: none; } -.c16 { +.c20 { outline: 0; display: block; width: 2.875rem; @@ -7455,24 +8131,24 @@ exports[`renders without throwing 1`] = ` border: 0.0625rem solid rgb(216,216,216); } -.c16::selection { +.c20::selection { background: none; } -.c16:active { +.c20:active { box-shadow: inset 0 0 0 1.5rem rgb(216,216,216); } -.c16:hover { +.c20:hover { border: 0.0625rem solid rgb(59,70,204); } -.c16:hover:after { +.c20:hover:after { box-shadow: 0 0 0 0.0625rem rgb(59,70,204); } -.c16:after, -.c16:before { +.c20:after, +.c20:before { position: relative; display: block; content: ''; @@ -7480,7 +8156,7 @@ exports[`renders without throwing 1`] = ` height: 100%; } -.c16:after { +.c20:after { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); @@ -7492,19 +8168,19 @@ exports[`renders without throwing 1`] = ` box-shadow: 0 0 0 0.0625rem rgb(216,216,216); } -.c16:active { +.c20:active { box-shadow: inset 0 0 0 2em rgb(216,216,216); } -.c16:before { +.c20:before { display: none; } .c5 { - margin: 0; + font-weight: 200; } -.c14 { +.c18 { margin: 0 6px; } @@ -7527,7 +8203,7 @@ exports[`renders without throwing 1`] = ` } @media only screen and (min-width:0em) { - .c3 { + .c4 { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; @@ -7536,11 +8212,38 @@ exports[`renders without throwing 1`] = ` } @media only screen and (min-width:48em) { - .c3 { - -webkit-flex-basis: 66.66666666666667%; - -ms-flex-preferred-size: 66.66666666666667%; - flex-basis: 66.66666666666667%; - max-width: 66.66666666666667%; + .c4 { + -webkit-flex-basis: 58.333333333333336%; + -ms-flex-preferred-size: 58.333333333333336%; + flex-basis: 58.333333333333336%; + max-width: 58.333333333333336%; + } +} + +@media only screen and (min-width:0em) { + .c7 { + -webkit-flex-basis: 100%; + -ms-flex-preferred-size: 100%; + flex-basis: 100%; + max-width: 100%; + } +} + +@media only screen and (min-width:48em) { + .c7 { + -webkit-flex-basis: 100%; + -ms-flex-preferred-size: 100%; + flex-basis: 100%; + max-width: 100%; + } +} + +@media only screen and (min-width:64em) { + .c7 { + -webkit-flex-basis: 75%; + -ms-flex-preferred-size: 75%; + flex-basis: 75%; + max-width: 75%; } } @@ -7571,7 +8274,7 @@ exports[`renders without throwing 1`] = ` Read the docs @@ -7580,60 +8283,87 @@ exports[`renders without throwing 1`] = `
-
+
+
+
+
+
- -
diff --git a/packages/my-joy-instances/src/containers/instances/__tests__/__snapshots__/firewall.spec.js.snap b/consoles/my-joy-instances/src/containers/instances/__tests__/__snapshots__/firewall.spec.js.snap similarity index 87% rename from packages/my-joy-instances/src/containers/instances/__tests__/__snapshots__/firewall.spec.js.snap rename to consoles/my-joy-instances/src/containers/instances/__tests__/__snapshots__/firewall.spec.js.snap index dae8d16f..9610adcc 100644 --- a/packages/my-joy-instances/src/containers/instances/__tests__/__snapshots__/firewall.spec.js.snap +++ b/consoles/my-joy-instances/src/containers/instances/__tests__/__snapshots__/firewall.spec.js.snap @@ -3,23 +3,19 @@ exports[`renders without throwing 1`] = ` Array [ .c2 { - margin-bottom: 0.375rem; -} - -.c5 { margin-bottom: 1.125rem; } -.c8 { +.c7 { margin-bottom: 1.875rem; } -.c13 { +.c12 { margin-left: 0.75rem; } .c18 { - margin-top: 3rem; + margin-top: 1.875rem; } .c23 { @@ -30,13 +26,14 @@ Array [ padding: 8rem; } -.c7 { +.c6 { color: rgb(73,73,73); + margin: 0; line-height: 1.5rem; font-size: 0.9375rem; } -.c12 { +.c11 { font-size: 0.9375rem; line-height: 1.125rem; font-style: normal; @@ -88,6 +85,7 @@ Array [ } .c25 { + margin: 0; color: rgb(73,73,73); font-weight: normal; line-height: 1.625rem; @@ -95,10 +93,11 @@ Array [ } .c17 { + height: 1px; background-color: rgb(216,216,216); } -.c10 { +.c9 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; @@ -175,7 +174,7 @@ Array [ border-color: rgb(216,216,216); } -.c9 { +.c8 { display: inline-block; padding: 0; border: none; @@ -187,13 +186,20 @@ Array [ -webkit-padding-after: 0; } -.c11 { +.c10 { + font-weight: 600; + white-space: pre; + font-size: 0.8125rem; + font-size: 0.9375rem; +} + +.c16 { font-weight: 600; white-space: pre; font-size: 0.8125rem; } -.c14 { +.c13 { position: relative; vertical-align: text-bottom; display: -webkit-box; @@ -206,27 +212,27 @@ Array [ align-items: center; } -.c15 { +.c14 { display: none; } -.c15:checked + label { +.c14:checked + label { background: #3B46CC; border: 0.0625rem solid rgb(59,70,204); } -.c15:checked + label:after { +.c14:checked + label:after { -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); box-shadow: 0 0 0 0.0625rem rgb(59,70,204); } -.c15:checked + label:active { +.c14:checked + label:active { box-shadow: none; } -.c16 { +.c15 { outline: 0; display: block; width: 2.875rem; @@ -245,24 +251,24 @@ Array [ border: 0.0625rem solid rgb(216,216,216); } -.c16::selection { +.c15::selection { background: none; } -.c16:active { +.c15:active { box-shadow: inset 0 0 0 1.5rem rgb(216,216,216); } -.c16:hover { +.c15:hover { border: 0.0625rem solid rgb(59,70,204); } -.c16:hover:after { +.c15:hover:after { box-shadow: 0 0 0 0.0625rem rgb(59,70,204); } -.c16:after, -.c16:before { +.c15:after, +.c15:before { position: relative; display: block; content: ''; @@ -270,7 +276,7 @@ Array [ height: 100%; } -.c16:after { +.c15:after { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); @@ -282,18 +288,14 @@ Array [ box-shadow: 0 0 0 0.0625rem rgb(216,216,216); } -.c16:active { +.c15:active { box-shadow: inset 0 0 0 2em rgb(216,216,216); } -.c16:before { +.c15:before { display: none; } -.c6 { - margin: 0; -} - .c24 { color: rgb(151,151,151); text-align: center; @@ -303,6 +305,10 @@ Array [ width: calc(100% - 0.125rem); } +.c5 { + font-weight: 200; +} + @media only screen and (min-width:48em) { .c1 { width: 46rem; @@ -332,10 +338,10 @@ Array [ @media only screen and (min-width:48em) { .c4 { - -webkit-flex-basis: 66.66666666666667%; - -ms-flex-preferred-size: 66.66666666666667%; - flex-basis: 66.66666666666667%; - max-width: 66.66666666666667%; + -webkit-flex-basis: 58.333333333333336%; + -ms-flex-preferred-size: 58.333333333333336%; + flex-basis: 58.333333333333336%; + max-width: 58.333333333333336%; } } @@ -358,71 +364,67 @@ Array [
-
-

- Cloud Firewall rules control traffic across instances. Enabling the firewall adds a default set of rules and rules defined by your chosen tags. - - - Read the docs - -

-
+ Read the docs + +

, .c2 { - margin-bottom: 0.375rem; -} - -.c5 { margin-bottom: 1.125rem; } -.c8 { +.c7 { margin-bottom: 1.875rem; } -.c13 { +.c12 { margin-left: 0.75rem; } .c20 { - margin-top: 3rem; + margin-top: 1.875rem; } .c25 { @@ -716,7 +714,7 @@ Array [ } .c18 { - margin-top: 1.875rem; + margin-top: 1.5rem; } .c19 { @@ -727,13 +725,14 @@ Array [ padding: 8rem; } -.c7 { +.c6 { color: rgb(73,73,73); + margin: 0; line-height: 1.5rem; font-size: 0.9375rem; } -.c12 { +.c11 { font-size: 0.9375rem; line-height: 1.125rem; font-style: normal; @@ -785,6 +784,7 @@ Array [ } .c27 { + margin: 0; color: rgb(73,73,73); font-weight: normal; line-height: 1.625rem; @@ -792,10 +792,11 @@ Array [ } .c17 { + height: 1px; background-color: rgb(216,216,216); } -.c10 { +.c9 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; @@ -872,7 +873,7 @@ Array [ border-color: rgb(216,216,216); } -.c9 { +.c8 { display: inline-block; padding: 0; border: none; @@ -884,13 +885,20 @@ Array [ -webkit-padding-after: 0; } -.c11 { +.c10 { + font-weight: 600; + white-space: pre; + font-size: 0.8125rem; + font-size: 0.9375rem; +} + +.c16 { font-weight: 600; white-space: pre; font-size: 0.8125rem; } -.c14 { +.c13 { position: relative; vertical-align: text-bottom; display: -webkit-box; @@ -903,27 +911,27 @@ Array [ align-items: center; } -.c15 { +.c14 { display: none; } -.c15:checked + label { +.c14:checked + label { background: #3B46CC; border: 0.0625rem solid rgb(59,70,204); } -.c15:checked + label:after { +.c14:checked + label:after { -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); box-shadow: 0 0 0 0.0625rem rgb(59,70,204); } -.c15:checked + label:active { +.c14:checked + label:active { box-shadow: none; } -.c16 { +.c15 { outline: 0; display: block; width: 2.875rem; @@ -942,24 +950,24 @@ Array [ border: 0.0625rem solid rgb(216,216,216); } -.c16::selection { +.c15::selection { background: none; } -.c16:active { +.c15:active { box-shadow: inset 0 0 0 1.5rem rgb(216,216,216); } -.c16:hover { +.c15:hover { border: 0.0625rem solid rgb(59,70,204); } -.c16:hover:after { +.c15:hover:after { box-shadow: 0 0 0 0.0625rem rgb(59,70,204); } -.c16:after, -.c16:before { +.c15:after, +.c15:before { position: relative; display: block; content: ''; @@ -967,7 +975,7 @@ Array [ height: 100%; } -.c16:after { +.c15:after { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); @@ -979,18 +987,14 @@ Array [ box-shadow: 0 0 0 0.0625rem rgb(216,216,216); } -.c16:active { +.c15:active { box-shadow: inset 0 0 0 2em rgb(216,216,216); } -.c16:before { +.c15:before { display: none; } -.c6 { - margin: 0; -} - .c26 { color: rgb(151,151,151); text-align: center; @@ -1000,6 +1004,10 @@ Array [ width: calc(100% - 0.125rem); } +.c5 { + font-weight: 200; +} + @media only screen and (min-width:48em) { .c1 { width: 46rem; @@ -1029,10 +1037,10 @@ Array [ @media only screen and (min-width:48em) { .c4 { - -webkit-flex-basis: 66.66666666666667%; - -ms-flex-preferred-size: 66.66666666666667%; - flex-basis: 66.66666666666667%; - max-width: 66.66666666666667%; + -webkit-flex-basis: 58.333333333333336%; + -ms-flex-preferred-size: 58.333333333333336%; + flex-basis: 58.333333333333336%; + max-width: 58.333333333333336%; } } @@ -1055,71 +1063,67 @@ Array [
-
-

- Cloud Firewall rules control traffic across instances. Enabling the firewall adds a default set of rules and rules defined by your chosen tags. - - - Read the docs - -

-
+ Read the docs + +