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 + +