From ba9980dae26817aa8b8645b1f51b330d3df01595 Mon Sep 17 00:00:00 2001 From: johnytiago Date: Fri, 18 May 2018 16:40:13 +0100 Subject: [PATCH] feat(instances): QA bug fixing. closes #1416 --- .../__tests__/__snapshots__/menu.spec.js.snap | 4 + .../__tests__/__snapshots__/list.spec.js.snap | 40 + .../__snapshots__/summary.spec.js.snap | 28 + .../src/components/instances/description.js | 10 +- .../__tests__/__snapshots__/cns.spec.js.snap | 2406 +++++++++-------- .../__snapshots__/firewall.spec.js.snap | 2292 +++++++++------- .../__tests__/__snapshots__/list.spec.js.snap | 16 + .../__snapshots__/networks.spec.js.snap | 392 ++- .../__snapshots__/summary.spec.js.snap | 8 + packages/instance-steps/src/firewall/index.js | 4 +- .../instance-steps/src/package/components.js | 4 +- .../src/user-script/components.js | 7 +- packages/resource-step/src/index.js | 52 +- packages/resource-step/src/status-icon.js | 1 - .../__tests__/__snapshots__/cns.spec.js.snap | 21 +- packages/resource-widgets/src/cns/index.js | 4 +- .../__snapshots__/anchor.spec.js.snap | 12 + packages/ui-toolkit/src/anchor/index.js | 5 + packages/ui-toolkit/src/base/global.js | 9 +- .../__snapshots__/button.spec.js.snap | 20 + 20 files changed, 3090 insertions(+), 2245 deletions(-) diff --git a/consoles/my-joy-instances/src/components/__tests__/__snapshots__/menu.spec.js.snap b/consoles/my-joy-instances/src/components/__tests__/__snapshots__/menu.spec.js.snap index f86182a6..0de07777 100644 --- a/consoles/my-joy-instances/src/components/__tests__/__snapshots__/menu.spec.js.snap +++ b/consoles/my-joy-instances/src/components/__tests__/__snapshots__/menu.spec.js.snap @@ -28,6 +28,10 @@ exports[`renders without throwing 1`] = ` text-decoration: none; } +.c6 a:hover { + color: rgb(45,56,132); +} + .c1 { margin-right: auto; margin-left: auto; diff --git a/consoles/my-joy-instances/src/components/instances/__tests__/__snapshots__/list.spec.js.snap b/consoles/my-joy-instances/src/components/instances/__tests__/__snapshots__/list.spec.js.snap index 917ca89f..aa3aa097 100644 --- a/consoles/my-joy-instances/src/components/instances/__tests__/__snapshots__/list.spec.js.snap +++ b/consoles/my-joy-instances/src/components/instances/__tests__/__snapshots__/list.spec.js.snap @@ -61,6 +61,10 @@ exports[`renders without throwing 1`] = ` text-decoration: none; } +.c19 a:hover { + color: rgb(45,56,132); +} + .c7 { font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif; display: none; @@ -779,6 +783,10 @@ exports[`renders without throwing 1`] = ` text-decoration: none; } +.c19 a:hover { + color: rgb(45,56,132); +} + .c7 { font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif; display: none; @@ -1497,6 +1505,10 @@ exports[`renders without throwing 1`] = ` text-decoration: none; } +.c19 a:hover { + color: rgb(45,56,132); +} + .c7 { font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif; display: none; @@ -2215,6 +2227,10 @@ exports[`renders without throwing 1`] = ` text-decoration: none; } +.c19 a:hover { + color: rgb(45,56,132); +} + .c7 { font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif; display: none; @@ -2933,6 +2949,10 @@ exports[`renders without throwing 1`] = ` text-decoration: none; } +.c19 a:hover { + color: rgb(45,56,132); +} + .c7 { font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif; display: none; @@ -3651,6 +3671,10 @@ exports[`renders {children} without throwing 1`] = text-decoration: none; } +.c19 a:hover { + color: rgb(45,56,132); +} + .c7 { font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif; display: none; @@ -4363,6 +4387,10 @@ exports[`renders without throwing 1`] = ` text-decoration: none; } +.c11 a:hover { + color: rgb(45,56,132); +} + .c12 { width: 0.75rem; height: 0.75rem; @@ -4891,6 +4919,10 @@ exports[`renders without throwing 1`] = ` text-decoration: none; } +.c11 a:hover { + color: rgb(45,56,132); +} + .c12 { width: 0.75rem; height: 0.75rem; @@ -5421,6 +5453,10 @@ exports[`renders without throwing 1`] = ` text-decoration: none; } +.c11 a:hover { + color: rgb(45,56,132); +} + .c12 { width: 0.75rem; height: 0.75rem; @@ -5949,6 +5985,10 @@ exports[`renders without throwing 1`] = ` text-decoration: none; } +.c11 a:hover { + color: rgb(45,56,132); +} + .c13 { fill: rgb(59,70,204); stroke: rgb(59,70,204); diff --git a/consoles/my-joy-instances/src/components/instances/__tests__/__snapshots__/summary.spec.js.snap b/consoles/my-joy-instances/src/components/instances/__tests__/__snapshots__/summary.spec.js.snap index 7d8b0f06..a553291c 100644 --- a/consoles/my-joy-instances/src/components/instances/__tests__/__snapshots__/summary.spec.js.snap +++ b/consoles/my-joy-instances/src/components/instances/__tests__/__snapshots__/summary.spec.js.snap @@ -240,6 +240,10 @@ exports[`renders without throwing 1`] = ` text-decoration: none; } +.c36 a:hover { + color: rgb(45,56,132); +} + .c29 { min-width: 7.5rem; } @@ -2090,6 +2094,10 @@ exports[`renders without throwing 1`] = ` text-decoration: none; } +.c35 a:hover { + color: rgb(45,56,132); +} + .c29 { min-width: 7.5rem; } @@ -4017,6 +4025,10 @@ exports[`renders without throwing 2`] = ` text-decoration: none; } +.c35 a:hover { + color: rgb(45,56,132); +} + .c29 { min-width: 7.5rem; } @@ -5940,6 +5952,10 @@ exports[`renders without throwi text-decoration: none; } +.c39 a:hover { + color: rgb(45,56,132); +} + .c32 { fill: rgb(59,70,204); stroke: rgb(59,70,204); @@ -7859,6 +7875,10 @@ exports[`renders without throwing 1`] = ` text-decoration: none; } +.c35 a:hover { + color: rgb(45,56,132); +} + .c29 { min-width: 7.5rem; } @@ -9548,6 +9568,10 @@ exports[`renders without throwing 2`] = ` text-decoration: none; } +.c35 a:hover { + color: rgb(45,56,132); +} + .c29 { min-width: 7.5rem; } @@ -11237,6 +11261,10 @@ exports[`renders without throwing 3`] = ` text-decoration: none; } +.c36 a:hover { + color: rgb(45,56,132); +} + .c29 { min-width: 7.5rem; } diff --git a/consoles/my-joy-instances/src/components/instances/description.js b/consoles/my-joy-instances/src/components/instances/description.js index adfded0d..23e32767 100644 --- a/consoles/my-joy-instances/src/components/instances/description.js +++ b/consoles/my-joy-instances/src/components/instances/description.js @@ -2,6 +2,8 @@ import React from 'react'; import { P as BaseP } from 'joyent-ui-toolkit'; import { Row, Col } from 'joyent-react-styled-flexboxgrid'; import styled from 'styled-components'; +import { Anchor } from 'joyent-ui-toolkit'; +import { Link } from 'react-router-dom'; const P = styled(BaseP)` font-weight: 200; @@ -13,9 +15,11 @@ export default ({ href = '', children }) => (

{children}{' '} {href ? ( - - Read the docs - + + + Read the docs + + ) : null}

diff --git a/consoles/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 index d57745f9..a090abe5 100644 --- a/consoles/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 @@ -35,7 +35,7 @@ exports[`renders without throwing 1`] = ` display: block; } -.c7 { +.c10 { box-sizing: border-box; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; @@ -49,40 +49,46 @@ exports[`renders without throwing 1`] = ` margin-bottom: 1.125rem; } -.c11 { +.c14 { margin-bottom: 1.875rem; } -.c14 { +.c17 { margin-top: 0.75rem; } -.c19 { +.c22 { margin-top: 1.875rem; } -.c20 { +.c23 { margin-top: 1.875rem; margin-bottom: 1.875rem; } -.c27 { +.c30 { margin-top: 0.1875rem; } -.c29 { +.c32 { margin-left: 0.75rem; } -.c35 { +.c38 { margin-left: 0.375rem; } -.c10 { +.c13 { padding: 1.875rem; } -.c33 { +.c9 { + background-color: transparent; + -webkit-text-decoration-skip: objects; + text-decoration-skip: objects; +} + +.c36 { font-family: sans-serif; font-size: 100%; line-height: 1.15; @@ -94,21 +100,39 @@ exports[`renders without throwing 1`] = ` appearance: button; } -.c33::-moz-focus-inner, -.c33[type='button']::-moz-focus-inner, -.c33[type='reset']::-moz-focus-inner, -.c33[type='submit']::-moz-focus-inner { +.c36::-moz-focus-inner, +.c36[type='button']::-moz-focus-inner, +.c36[type='reset']::-moz-focus-inner, +.c36[type='submit']::-moz-focus-inner { border-style: none; padding: 0; } -.c33:-moz-focusring, -.c33[type='button']:-moz-focusring, -.c33[type='reset']:-moz-focusring, -.c33[type='submit']:-moz-focusring { +.c36:-moz-focusring, +.c36[type='button']:-moz-focusring, +.c36[type='reset']:-moz-focusring, +.c36[type='submit']:-moz-focusring { outline: 0.0625rem dotted ButtonText; } +.c8 { + font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif; +} + +.c7 { + color: rgb(59,70,204); + -webkit-text-fill-color: currentcolor; +} + +.c7:hover { + -webkit-text-decoration: none; + text-decoration: none; +} + +.c7 a:hover { + color: rgb(45,56,132); +} + .c6 { color: rgb(73,73,73); margin: 0; @@ -116,15 +140,15 @@ exports[`renders without throwing 1`] = ` font-size: 0.9375rem; } -.c32 { +.c35 { min-width: 7.5rem; } -.c31 { +.c34 { display: inline-block; } -.c30 { +.c33 { box-sizing: border-box; display: inline-block; -webkit-box-pack: center; @@ -163,7 +187,7 @@ exports[`renders without throwing 1`] = ` border: solid 0.0625rem rgb(45,56,132); } -.c30:focus { +.c33:focus { outline: 0; -webkit-text-decoration: none; text-decoration: none; @@ -171,26 +195,26 @@ exports[`renders without throwing 1`] = ` border-color: rgb(45,56,132); } -.c30:hover { +.c33:hover { background-color: rgb(72,83,217); border: solid 0.0625rem rgb(45,56,132); } -.c30:active, -.c30:active:hover, -.c30:active:focus { +.c33:active, +.c33:active:hover, +.c33:active:focus { background-image: none; outline: 0; background-color: rgb(45,56,132); border-color: rgb(45,56,132); } -.c30[disabled] { +.c33[disabled] { cursor: not-allowed; pointer-events: none; } -.c26 { +.c29 { font-size: 0.9375rem; line-height: 1.125rem; font-style: normal; @@ -207,7 +231,7 @@ exports[`renders without throwing 1`] = ` padding-bottom: 1.125rem; } -.c13 { +.c16 { margin: 0; color: rgb(73,73,73); font-weight: normal; @@ -215,12 +239,12 @@ exports[`renders without throwing 1`] = ` font-size: 1.3125rem; } -.c18 { +.c21 { height: 1px; background-color: rgb(216,216,216); } -.c16 { +.c19 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; @@ -243,7 +267,7 @@ exports[`renders without throwing 1`] = ` flex-direction: column; } -.c21 { +.c24 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; @@ -270,7 +294,7 @@ exports[`renders without throwing 1`] = ` align-items: flex-end; } -.c23 { +.c26 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; @@ -290,7 +314,7 @@ exports[`renders without throwing 1`] = ` align-content: stretch; } -.c34 { +.c37 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; @@ -314,7 +338,7 @@ exports[`renders without throwing 1`] = ` align-items: center; } -.c22 { +.c25 { -webkit-order: 0; -ms-flex-order: 0; order: 0; @@ -331,7 +355,7 @@ exports[`renders without throwing 1`] = ` display: block; } -.c8 { +.c11 { box-sizing: content-box; display: -webkit-box; display: -webkit-flex; @@ -353,7 +377,7 @@ exports[`renders without throwing 1`] = ` border-color: rgb(216,216,216); } -.c9 { +.c12 { box-sizing: border-box; display: -webkit-inline-box; display: -webkit-inline-flex; @@ -369,7 +393,7 @@ exports[`renders without throwing 1`] = ` background-color: transparent; } -.c24 { +.c27 { display: inline-block; padding: 0; border: none; @@ -381,7 +405,7 @@ exports[`renders without throwing 1`] = ` -webkit-padding-after: 0; } -.c28 { +.c31 { box-sizing: border-box; width: 18.75rem; height: 3rem; @@ -403,52 +427,52 @@ exports[`renders without throwing 1`] = ` text-overflow: ellipsis; } -.c28:focus { +.c31:focus { border-color: rgb(59,70,204); outline: 0; } -.c28::-webkit-input-placeholder { +.c31::-webkit-input-placeholder { color: rgba(73,73,73,0.5); } -.c28::-moz-placeholder { +.c31::-moz-placeholder { color: rgba(73,73,73,0.5); } -.c28:-ms-input-placeholder { +.c31:-ms-input-placeholder { color: rgba(73,73,73,0.5); } -.c28:invalid { +.c31:invalid { box-shadow: none; } -.c28:disabled { +.c31:disabled { background-color: rgb(250,250,250); color: rgb(216,216,216); cursor: not-allowed; } -.c28:disabled::-webkit-input-placeholder { +.c31:disabled::-webkit-input-placeholder { color: rgba(73,73,73,0.5); } -.c28:disabled::-moz-placeholder { +.c31:disabled::-moz-placeholder { color: rgba(73,73,73,0.5); } -.c28:disabled:-ms-input-placeholder { +.c31:disabled:-ms-input-placeholder { color: rgba(73,73,73,0.5); } -.c25 { +.c28 { font-weight: 600; white-space: pre; font-size: 0.8125rem; } -.c36 { +.c39 { position: relative; vertical-align: text-bottom; display: -webkit-box; @@ -461,27 +485,27 @@ exports[`renders without throwing 1`] = ` align-items: center; } -.c38 { +.c41 { display: none; } -.c38:checked + label { +.c41:checked + label { background: #3B46CC; border: 0.0625rem solid rgb(59,70,204); } -.c38:checked + label:after { +.c41: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); } -.c38:checked + label:active { +.c41:checked + label:active { box-shadow: none; } -.c39 { +.c42 { outline: 0; display: block; width: 2.875rem; @@ -500,24 +524,24 @@ exports[`renders without throwing 1`] = ` border: 0.0625rem solid rgb(216,216,216); } -.c39::selection { +.c42::selection { background: none; } -.c39:active { +.c42:active { box-shadow: inset 0 0 0 1.5rem rgb(216,216,216); } -.c39:hover { +.c42:hover { border: 0.0625rem solid rgb(59,70,204); } -.c39:hover:after { +.c42:hover:after { box-shadow: 0 0 0 0.0625rem rgb(59,70,204); } -.c39:after, -.c39:before { +.c42:after, +.c42:before { position: relative; display: block; content: ''; @@ -525,7 +549,7 @@ exports[`renders without throwing 1`] = ` height: 100%; } -.c39:after { +.c42:after { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); @@ -537,11 +561,11 @@ exports[`renders without throwing 1`] = ` box-shadow: 0 0 0 0.0625rem rgb(216,216,216); } -.c39:active { +.c42:active { box-shadow: inset 0 0 0 2em rgb(216,216,216); } -.c39:before { +.c42:before { display: none; } @@ -549,19 +573,19 @@ exports[`renders without throwing 1`] = ` font-weight: 200; } -.c12 { - margin: 0; -} - .c15 { margin: 0; } -.c37 { +.c18 { + margin: 0; +} + +.c40 { margin: 0 6px; } -.c17 { +.c20 { margin-left: 0; margin-right: 0; } @@ -603,7 +627,7 @@ exports[`renders without throwing 1`] = ` } @media only screen and (min-width:0em) { - .c7 { + .c10 { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; @@ -612,7 +636,7 @@ exports[`renders without throwing 1`] = ` } @media only screen and (min-width:48em) { - .c7 { + .c10 { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; @@ -621,7 +645,7 @@ exports[`renders without throwing 1`] = ` } @media only screen and (min-width:64em) { - .c7 { + .c10 { -webkit-flex-basis: 75%; -ms-flex-preferred-size: 75%; flex-basis: 75%; @@ -654,11 +678,15 @@ exports[`renders without throwing 1`] = ` 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 + + Read the docs +

@@ -668,66 +696,66 @@ exports[`renders without throwing 1`] = ` className="c3" >

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.

@@ -737,33 +765,33 @@ exports[`renders without throwing 1`] = ` onSubmit={undefined} >
without throwing 1`] = `
without throwing 1`] = ` />
@@ -1238,54 +1294,54 @@ exports[`renders without throwing 1`] = ` className="c3" >
without throwing 1`] = ` />
@@ -2180,50 +2249,50 @@ exports[`renders without throwing 1`] = ` className="c3" >

CNS Default Hostnames

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

Instance name @@ -2231,10 +2300,10 @@ exports[`renders without throwing 1`] = `
without throwing 1`] = `
Public
without throwing 1`] = ` } > without throwing 1`] = ` className="c2" >
Instance name @@ -2336,10 +2404,10 @@ exports[`renders without throwing 1`] = `
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.

@@ -2461,33 +2528,33 @@ exports[`renders without throwing 1`] = ` onSubmit={undefined} >
without throwing 1`] = `
CNS service @@ -2538,10 +2605,10 @@ exports[`renders without throwing 1`] = ` s
without throwing 1`] = `
Public
without throwing 1`] = ` } > without throwing 1`] = `
without throwing 1`] = ` } > without throwing 1`] = `
without throwing 1`] = ` } > without throwing 1`] = `
CNS service @@ -2757,10 +2821,10 @@ exports[`renders without throwing 1`] = ` s
without throwing 1`] = `
Private
without throwing 1`] = ` } > without throwing 1`] = `
without throwing 1`] = ` } > without throwing 1`] = `
without throwing 1`] = ` } > without throwing 1`] = `
without throwing 1`] = ` />
@@ -3303,44 +3392,44 @@ exports[`renders without throwing 1`] = ` className="c3" >
without throwing 1`] = ` />

Loading...

@@ -3396,7 +3485,7 @@ exports[`renders without throwing 1`] = ` display: block; } -.c7 { +.c10 { box-sizing: border-box; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; @@ -3410,36 +3499,42 @@ exports[`renders without throwing 1`] = ` margin-bottom: 1.125rem; } -.c11 { +.c14 { margin-bottom: 1.875rem; } -.c19 { +.c22 { margin-top: 0.75rem; } -.c24 { +.c27 { margin-top: 1.875rem; } -.c25 { +.c28 { margin-top: 1.875rem; margin-bottom: 1.875rem; } -.c32 { +.c35 { margin-top: 0.1875rem; } -.c34 { +.c37 { margin-left: 0.75rem; } -.c10 { +.c13 { padding: 1.875rem; } -.c38 { +.c9 { + background-color: transparent; + -webkit-text-decoration-skip: objects; + text-decoration-skip: objects; +} + +.c41 { font-family: sans-serif; font-size: 100%; line-height: 1.15; @@ -3451,21 +3546,39 @@ exports[`renders without throwing 1`] = ` appearance: button; } -.c38::-moz-focus-inner, -.c38[type='button']::-moz-focus-inner, -.c38[type='reset']::-moz-focus-inner, -.c38[type='submit']::-moz-focus-inner { +.c41::-moz-focus-inner, +.c41[type='button']::-moz-focus-inner, +.c41[type='reset']::-moz-focus-inner, +.c41[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 { +.c41:-moz-focusring, +.c41[type='button']:-moz-focusring, +.c41[type='reset']:-moz-focusring, +.c41[type='submit']:-moz-focusring { outline: 0.0625rem dotted ButtonText; } +.c8 { + font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif; +} + +.c7 { + color: rgb(59,70,204); + -webkit-text-fill-color: currentcolor; +} + +.c7:hover { + -webkit-text-decoration: none; + text-decoration: none; +} + +.c7 a:hover { + color: rgb(45,56,132); +} + .c6 { color: rgb(73,73,73); margin: 0; @@ -3473,15 +3586,15 @@ exports[`renders without throwing 1`] = ` font-size: 0.9375rem; } -.c37 { +.c40 { min-width: 7.5rem; } -.c36 { +.c39 { display: inline-block; } -.c35 { +.c38 { box-sizing: border-box; display: inline-block; -webkit-box-pack: center; @@ -3520,7 +3633,7 @@ exports[`renders without throwing 1`] = ` border: solid 0.0625rem rgb(45,56,132); } -.c35:focus { +.c38:focus { outline: 0; -webkit-text-decoration: none; text-decoration: none; @@ -3528,26 +3641,26 @@ exports[`renders without throwing 1`] = ` border-color: rgb(45,56,132); } -.c35:hover { +.c38:hover { background-color: rgb(72,83,217); border: solid 0.0625rem rgb(45,56,132); } -.c35:active, -.c35:active:hover, -.c35:active:focus { +.c38:active, +.c38:active:hover, +.c38:active:focus { background-image: none; outline: 0; background-color: rgb(45,56,132); border-color: rgb(45,56,132); } -.c35[disabled] { +.c38[disabled] { cursor: not-allowed; pointer-events: none; } -.c31 { +.c34 { font-size: 0.9375rem; line-height: 1.125rem; font-style: normal; @@ -3564,7 +3677,7 @@ exports[`renders without throwing 1`] = ` padding-bottom: 1.125rem; } -.c18 { +.c21 { margin: 0; color: rgb(73,73,73); font-weight: normal; @@ -3572,7 +3685,7 @@ exports[`renders without throwing 1`] = ` font-size: 1.3125rem; } -.c15 { +.c18 { margin: 0; color: rgb(73,73,73); font-weight: 600; @@ -3580,12 +3693,12 @@ exports[`renders without throwing 1`] = ` font-size: 0.9375rem; } -.c23 { +.c26 { height: 1px; background-color: rgb(216,216,216); } -.c21 { +.c24 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; @@ -3608,7 +3721,7 @@ exports[`renders without throwing 1`] = ` flex-direction: column; } -.c26 { +.c29 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; @@ -3635,7 +3748,7 @@ exports[`renders without throwing 1`] = ` align-items: flex-end; } -.c28 { +.c31 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; @@ -3655,7 +3768,7 @@ exports[`renders without throwing 1`] = ` align-content: stretch; } -.c27 { +.c30 { -webkit-order: 0; -ms-flex-order: 0; order: 0; @@ -3672,7 +3785,7 @@ exports[`renders without throwing 1`] = ` display: block; } -.c12 { +.c15 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; @@ -3685,23 +3798,23 @@ exports[`renders without throwing 1`] = ` width: 100%; } -.c13 { +.c16 { 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 { +.c17 { padding: 1.125rem 1.125rem; } -.c16 { +.c19 { line-height: 0.875rem; font-size: 0.8125rem; } -.c8 { +.c11 { box-sizing: content-box; display: -webkit-box; display: -webkit-flex; @@ -3723,7 +3836,7 @@ exports[`renders without throwing 1`] = ` border-color: rgb(216,216,216); } -.c9 { +.c12 { box-sizing: border-box; display: -webkit-inline-box; display: -webkit-inline-flex; @@ -3739,7 +3852,7 @@ exports[`renders without throwing 1`] = ` background-color: transparent; } -.c29 { +.c32 { display: inline-block; padding: 0; border: none; @@ -3751,7 +3864,7 @@ exports[`renders without throwing 1`] = ` -webkit-padding-after: 0; } -.c33 { +.c36 { box-sizing: border-box; width: 18.75rem; height: 3rem; @@ -3773,46 +3886,46 @@ exports[`renders without throwing 1`] = ` text-overflow: ellipsis; } -.c33:focus { +.c36:focus { border-color: rgb(59,70,204); outline: 0; } -.c33::-webkit-input-placeholder { +.c36::-webkit-input-placeholder { color: rgba(73,73,73,0.5); } -.c33::-moz-placeholder { +.c36::-moz-placeholder { color: rgba(73,73,73,0.5); } -.c33:-ms-input-placeholder { +.c36:-ms-input-placeholder { color: rgba(73,73,73,0.5); } -.c33:invalid { +.c36:invalid { box-shadow: none; } -.c33:disabled { +.c36:disabled { background-color: rgb(250,250,250); color: rgb(216,216,216); cursor: not-allowed; } -.c33:disabled::-webkit-input-placeholder { +.c36:disabled::-webkit-input-placeholder { color: rgba(73,73,73,0.5); } -.c33:disabled::-moz-placeholder { +.c36:disabled::-moz-placeholder { color: rgba(73,73,73,0.5); } -.c33:disabled:-ms-input-placeholder { +.c36:disabled:-ms-input-placeholder { color: rgba(73,73,73,0.5); } -.c30 { +.c33 { font-weight: 600; white-space: pre; font-size: 0.8125rem; @@ -3822,15 +3935,15 @@ exports[`renders without throwing 1`] = ` font-weight: 200; } -.c17 { - margin: 0; -} - .c20 { margin: 0; } -.c22 { +.c23 { + margin: 0; +} + +.c25 { margin-left: 0; margin-right: 0; } @@ -3872,7 +3985,7 @@ exports[`renders without throwing 1`] = ` } @media only screen and (min-width:0em) { - .c7 { + .c10 { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; @@ -3881,7 +3994,7 @@ exports[`renders without throwing 1`] = ` } @media only screen and (min-width:48em) { - .c7 { + .c10 { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; @@ -3890,7 +4003,7 @@ exports[`renders without throwing 1`] = ` } @media only screen and (min-width:64em) { - .c7 { + .c10 { -webkit-flex-basis: 75%; -ms-flex-preferred-size: 75%; flex-basis: 75%; @@ -3923,11 +4036,15 @@ exports[`renders without throwing 1`] = ` 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 + + Read the docs +

@@ -3937,40 +4054,40 @@ exports[`renders without throwing 1`] = ` className="c3" >

Ooops!

An error occurred while loading your CNS services

@@ -3978,50 +4095,50 @@ exports[`renders without throwing 1`] = `

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.

@@ -4031,33 +4148,33 @@ exports[`renders without throwing 1`] = ` onSubmit={undefined} >
without throwing 1`] = `
@@ -5058,50 +5188,50 @@ exports[`renders without throwing 1`] = ` className="c3" >

CNS Default Hostnames

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

Instance name @@ -5109,10 +5239,10 @@ exports[`renders without throwing 1`] = `
without throwing 1`] = `
Public
without throwing 1`] = ` } > without throwing 1`] = ` className="c2" >
Instance name @@ -5214,10 +5343,10 @@ exports[`renders without throwing 1`] = `
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.

@@ -5339,22 +5467,22 @@ exports[`renders without throwing 1`] = ` className="c2" >
  • @@ -5362,10 +5490,10 @@ exports[`renders without throwing 1`] = `
  • @@ -5373,10 +5501,10 @@ exports[`renders without throwing 1`] = `
  • @@ -5390,33 +5518,33 @@ exports[`renders without throwing 1`] = ` onSubmit={undefined} >
    without throwing 1`] = `
    CNS service @@ -5467,10 +5595,10 @@ exports[`renders without throwing 1`] = ` s
    without throwing 1`] = `
    Public
    without throwing 1`] = ` } > without throwing 1`] = `
    without throwing 1`] = ` } > without throwing 1`] = `
    without throwing 1`] = ` } > without throwing 1`] = `
    CNS service @@ -5686,10 +5811,10 @@ exports[`renders without throwing 1`] = ` s
    without throwing 1`] = `
    Private
    without throwing 1`] = ` } > without throwing 1`] = `
    without throwing 1`] = ` } > without throwing 1`] = `
    without throwing 1`] = ` } > without throwing 1`] = `
    without throwing 1`] = ` />
    @@ -6671,40 +6821,40 @@ exports[`renders without throwing 1`] = ` className="c3" >

    Ooops!

    mutation error

    @@ -6712,50 +6862,50 @@ exports[`renders without throwing 1`] = `

    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.

    @@ -6765,33 +6915,33 @@ exports[`renders without throwing 1`] = ` onSubmit={undefined} >
    without throwing 1`] = `
    without throwing 1`] = ` />
    @@ -7616,66 +7794,66 @@ exports[`renders without throwing 1`] = ` className="c3" >

    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.

    @@ -7685,28 +7863,28 @@ exports[`renders without throwing 1`] = ` className="c2" >
    • serbice without throwing 1`] = `
    • dssasda without throwing 1`] = `
    • dsasd without throwing 1`] = ` onSubmit={undefined} >
      without throwing 1`] = `
      without throwing 1`] = ` />
      @@ -8294,54 +8500,54 @@ exports[`renders without throwing 1`] = ` className="c3" >
      without throwing 1`] = ` />
    • Sorry, but we weren’t able to find any firewall rules.

      @@ -836,28 +864,28 @@ Array [ margin-bottom: 1.125rem; } -.c9 { +.c12 { margin-right: 1.875rem; } -.c20 { +.c23 { margin-right: 0.75rem; margin-left: 0.75rem; } -.c21 { +.c24 { margin-top: 1.875rem; } -.c26 { +.c29 { margin-bottom: 0.75rem; } -.c24 { +.c27 { padding: 8rem; } -.c7 { +.c10 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; @@ -877,7 +905,7 @@ Array [ align-content: stretch; } -.c25 { +.c28 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; @@ -908,7 +936,7 @@ Array [ align-items: center; } -.c8 { +.c11 { -webkit-order: 0; -ms-flex-order: 0; order: 0; @@ -925,7 +953,13 @@ Array [ display: block; } -.c15 { +.c9 { + background-color: transparent; + -webkit-text-decoration-skip: objects; + text-decoration-skip: objects; +} + +.c18 { font-family: sans-serif; font-size: 100%; line-height: 1.15; @@ -933,38 +967,56 @@ Array [ overflow: visible; } -.c15[type='checkbox'], -.c15[type='radio'] { +.c18[type='checkbox'], +.c18[type='radio'] { box-sizing: border-box; padding: 0; } -.c15[type='number']::-webkit-inner-spin-button, -.c15[type='number']::-webkit-outer-spin-button { +.c18[type='number']::-webkit-inner-spin-button, +.c18[type='number']::-webkit-outer-spin-button { height: auto; } -.c15[type='search'] { +.c18[type='search'] { -webkit-appearance: textfield; -moz-appearance: textfield; appearance: textfield; outline-offset: -0.125rem; } -.c15[type='search']::-webkit-search-cancel-button, -.c15[type='search']::-webkit-search-decoration { +.c18[type='search']::-webkit-search-cancel-button, +.c18[type='search']::-webkit-search-decoration { -webkit-appearance: none; -moz-appearance: none; appearance: none; } -.c15::-webkit-file-upload-button { +.c18::-webkit-file-upload-button { -webkit-appearance: button; -moz-appearance: button; appearance: button; font: inherit; } +.c8 { + font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif; +} + +.c7 { + color: rgb(59,70,204); + -webkit-text-fill-color: currentcolor; +} + +.c7:hover { + -webkit-text-decoration: none; + text-decoration: none; +} + +.c7 a:hover { + color: rgb(45,56,132); +} + .c6 { color: rgb(73,73,73); margin: 0; @@ -972,7 +1024,7 @@ Array [ font-size: 0.9375rem; } -.c19 { +.c22 { font-size: 0.9375rem; line-height: 1.125rem; font-style: normal; @@ -1023,7 +1075,7 @@ Array [ padding-bottom: 1.125rem; } -.c28 { +.c31 { margin: 0; color: rgb(73,73,73); font-weight: normal; @@ -1031,7 +1083,7 @@ Array [ font-size: 1.3125rem; } -.c23 { +.c26 { box-sizing: content-box; display: -webkit-box; display: -webkit-flex; @@ -1053,33 +1105,33 @@ Array [ border-color: rgb(216,216,216); } -.c14 { +.c17 { font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif; display: none; } -.c14:checked + label::after { +.c17:checked + label::after { opacity: 1; } -.c14:selected + label::after { +.c17:selected + label::after { opacity: 1; } -.c14:checked + label { +.c17:checked + label { border-color: rgb(59,70,204); } -.c14:selected + label { +.c17:selected + label { border-color: rgb(59,70,204); } -.c14:disabled + label { +.c17:disabled + label { background-color: rgb(249,249,249); cursor: not-allowed; } -.c16 { +.c19 { color: rgb(100,100,100); position: absolute; width: 1.125rem; @@ -1097,7 +1149,7 @@ Array [ height: 1.125rem; } -.c16::after { +.c19::after { opacity: 0; content: ''; position: absolute; @@ -1114,7 +1166,7 @@ Array [ transform: rotate(-45deg); } -.c13 { +.c16 { display: inline-block; vertical-align: text-bottom; width: 1.125rem; @@ -1123,12 +1175,12 @@ Array [ cursor: pointer; } -.c17 label { +.c20 label { font-weight: normal; font-size: 0.9375rem; } -.c12 { +.c15 { list-style-type: none; display: -webkit-box; display: -webkit-flex; @@ -1152,25 +1204,25 @@ Array [ height: 1.5rem; } -.c12 label { +.c15 label { font-weight: 400; } -.c12 label::after { +.c15 label::after { width: 0.475rem; height: 0.205rem; top: 0.4125rem; left: 0.35rem; } -.c12 div[type='checkbox'], -.c12 div[type='checkbox'] input, -.c12 div[type='checkbox'] label { +.c15 div[type='checkbox'], +.c15 div[type='checkbox'] input, +.c15 div[type='checkbox'] label { height: 1.5rem; width: 1.5rem; } -.c11 { +.c14 { display: inline-block; padding: 0; border: none; @@ -1182,23 +1234,23 @@ Array [ -webkit-padding-after: 0; } -.c18 { +.c21 { font-weight: 600; white-space: pre; font-size: 0.8125rem; cursor: pointer; } -.c27 { +.c30 { color: rgb(151,151,151); text-align: center; } -.c22 { +.c25 { width: calc(100% - 0.125rem); } -.c10 { +.c13 { margin-bottom: 0 !important; } @@ -1267,31 +1319,35 @@ 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 +

    • Sorry, but we weren’t able to find any firewall rules.

      @@ -1728,28 +1784,28 @@ Array [ margin-bottom: 1.125rem; } -.c9 { +.c12 { margin-right: 1.875rem; } -.c20 { +.c23 { margin-right: 0.75rem; margin-left: 0.75rem; } -.c21 { +.c24 { margin-top: 1.875rem; } -.c26 { +.c29 { margin-bottom: 0.75rem; } -.c24 { +.c27 { padding: 8rem; } -.c7 { +.c10 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; @@ -1769,7 +1825,7 @@ Array [ align-content: stretch; } -.c25 { +.c28 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; @@ -1800,7 +1856,7 @@ Array [ align-items: center; } -.c8 { +.c11 { -webkit-order: 0; -ms-flex-order: 0; order: 0; @@ -1817,7 +1873,13 @@ Array [ display: block; } -.c15 { +.c9 { + background-color: transparent; + -webkit-text-decoration-skip: objects; + text-decoration-skip: objects; +} + +.c18 { font-family: sans-serif; font-size: 100%; line-height: 1.15; @@ -1825,38 +1887,56 @@ Array [ overflow: visible; } -.c15[type='checkbox'], -.c15[type='radio'] { +.c18[type='checkbox'], +.c18[type='radio'] { box-sizing: border-box; padding: 0; } -.c15[type='number']::-webkit-inner-spin-button, -.c15[type='number']::-webkit-outer-spin-button { +.c18[type='number']::-webkit-inner-spin-button, +.c18[type='number']::-webkit-outer-spin-button { height: auto; } -.c15[type='search'] { +.c18[type='search'] { -webkit-appearance: textfield; -moz-appearance: textfield; appearance: textfield; outline-offset: -0.125rem; } -.c15[type='search']::-webkit-search-cancel-button, -.c15[type='search']::-webkit-search-decoration { +.c18[type='search']::-webkit-search-cancel-button, +.c18[type='search']::-webkit-search-decoration { -webkit-appearance: none; -moz-appearance: none; appearance: none; } -.c15::-webkit-file-upload-button { +.c18::-webkit-file-upload-button { -webkit-appearance: button; -moz-appearance: button; appearance: button; font: inherit; } +.c8 { + font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif; +} + +.c7 { + color: rgb(59,70,204); + -webkit-text-fill-color: currentcolor; +} + +.c7:hover { + -webkit-text-decoration: none; + text-decoration: none; +} + +.c7 a:hover { + color: rgb(45,56,132); +} + .c6 { color: rgb(73,73,73); margin: 0; @@ -1864,7 +1944,7 @@ Array [ font-size: 0.9375rem; } -.c19 { +.c22 { font-size: 0.9375rem; line-height: 1.125rem; font-style: normal; @@ -1915,7 +1995,7 @@ Array [ padding-bottom: 1.125rem; } -.c28 { +.c31 { margin: 0; color: rgb(73,73,73); font-weight: normal; @@ -1923,7 +2003,7 @@ Array [ font-size: 1.3125rem; } -.c23 { +.c26 { box-sizing: content-box; display: -webkit-box; display: -webkit-flex; @@ -1945,33 +2025,33 @@ Array [ border-color: rgb(216,216,216); } -.c14 { +.c17 { font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif; display: none; } -.c14:checked + label::after { +.c17:checked + label::after { opacity: 1; } -.c14:selected + label::after { +.c17:selected + label::after { opacity: 1; } -.c14:checked + label { +.c17:checked + label { border-color: rgb(59,70,204); } -.c14:selected + label { +.c17:selected + label { border-color: rgb(59,70,204); } -.c14:disabled + label { +.c17:disabled + label { background-color: rgb(249,249,249); cursor: not-allowed; } -.c16 { +.c19 { color: rgb(100,100,100); position: absolute; width: 1.125rem; @@ -1989,7 +2069,7 @@ Array [ height: 1.125rem; } -.c16::after { +.c19::after { opacity: 0; content: ''; position: absolute; @@ -2006,7 +2086,7 @@ Array [ transform: rotate(-45deg); } -.c13 { +.c16 { display: inline-block; vertical-align: text-bottom; width: 1.125rem; @@ -2015,12 +2095,12 @@ Array [ cursor: pointer; } -.c17 label { +.c20 label { font-weight: normal; font-size: 0.9375rem; } -.c12 { +.c15 { list-style-type: none; display: -webkit-box; display: -webkit-flex; @@ -2044,25 +2124,25 @@ Array [ height: 1.5rem; } -.c12 label { +.c15 label { font-weight: 400; } -.c12 label::after { +.c15 label::after { width: 0.475rem; height: 0.205rem; top: 0.4125rem; left: 0.35rem; } -.c12 div[type='checkbox'], -.c12 div[type='checkbox'] input, -.c12 div[type='checkbox'] label { +.c15 div[type='checkbox'], +.c15 div[type='checkbox'] input, +.c15 div[type='checkbox'] label { height: 1.5rem; width: 1.5rem; } -.c11 { +.c14 { display: inline-block; padding: 0; border: none; @@ -2074,23 +2154,23 @@ Array [ -webkit-padding-after: 0; } -.c18 { +.c21 { font-weight: 600; white-space: pre; font-size: 0.8125rem; cursor: pointer; } -.c27 { +.c30 { color: rgb(151,151,151); text-align: center; } -.c22 { +.c25 { width: calc(100% - 0.125rem); } -.c10 { +.c13 { margin-bottom: 0 !important; } @@ -2159,31 +2239,35 @@ 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 +

    • Sorry, but we weren’t able to find any firewall rules.

      @@ -2558,28 +2642,28 @@ Array [ margin-bottom: 1.125rem; } -.c9 { +.c12 { margin-right: 1.875rem; } -.c20 { +.c23 { margin-right: 0.75rem; margin-left: 0.75rem; } -.c21 { +.c24 { margin-top: 1.875rem; } -.c26 { +.c29 { margin-bottom: 0.75rem; } -.c24 { +.c27 { padding: 8rem; } -.c7 { +.c10 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; @@ -2599,7 +2683,7 @@ Array [ align-content: stretch; } -.c25 { +.c28 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; @@ -2630,7 +2714,7 @@ Array [ align-items: center; } -.c8 { +.c11 { -webkit-order: 0; -ms-flex-order: 0; order: 0; @@ -2647,7 +2731,13 @@ Array [ display: block; } -.c15 { +.c9 { + background-color: transparent; + -webkit-text-decoration-skip: objects; + text-decoration-skip: objects; +} + +.c18 { font-family: sans-serif; font-size: 100%; line-height: 1.15; @@ -2655,38 +2745,56 @@ Array [ overflow: visible; } -.c15[type='checkbox'], -.c15[type='radio'] { +.c18[type='checkbox'], +.c18[type='radio'] { box-sizing: border-box; padding: 0; } -.c15[type='number']::-webkit-inner-spin-button, -.c15[type='number']::-webkit-outer-spin-button { +.c18[type='number']::-webkit-inner-spin-button, +.c18[type='number']::-webkit-outer-spin-button { height: auto; } -.c15[type='search'] { +.c18[type='search'] { -webkit-appearance: textfield; -moz-appearance: textfield; appearance: textfield; outline-offset: -0.125rem; } -.c15[type='search']::-webkit-search-cancel-button, -.c15[type='search']::-webkit-search-decoration { +.c18[type='search']::-webkit-search-cancel-button, +.c18[type='search']::-webkit-search-decoration { -webkit-appearance: none; -moz-appearance: none; appearance: none; } -.c15::-webkit-file-upload-button { +.c18::-webkit-file-upload-button { -webkit-appearance: button; -moz-appearance: button; appearance: button; font: inherit; } +.c8 { + font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif; +} + +.c7 { + color: rgb(59,70,204); + -webkit-text-fill-color: currentcolor; +} + +.c7:hover { + -webkit-text-decoration: none; + text-decoration: none; +} + +.c7 a:hover { + color: rgb(45,56,132); +} + .c6 { color: rgb(73,73,73); margin: 0; @@ -2694,7 +2802,7 @@ Array [ font-size: 0.9375rem; } -.c19 { +.c22 { font-size: 0.9375rem; line-height: 1.125rem; font-style: normal; @@ -2745,7 +2853,7 @@ Array [ padding-bottom: 1.125rem; } -.c28 { +.c31 { margin: 0; color: rgb(73,73,73); font-weight: normal; @@ -2753,7 +2861,7 @@ Array [ font-size: 1.3125rem; } -.c23 { +.c26 { box-sizing: content-box; display: -webkit-box; display: -webkit-flex; @@ -2775,33 +2883,33 @@ Array [ border-color: rgb(216,216,216); } -.c14 { +.c17 { font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif; display: none; } -.c14:checked + label::after { +.c17:checked + label::after { opacity: 1; } -.c14:selected + label::after { +.c17:selected + label::after { opacity: 1; } -.c14:checked + label { +.c17:checked + label { border-color: rgb(59,70,204); } -.c14:selected + label { +.c17:selected + label { border-color: rgb(59,70,204); } -.c14:disabled + label { +.c17:disabled + label { background-color: rgb(249,249,249); cursor: not-allowed; } -.c16 { +.c19 { color: rgb(100,100,100); position: absolute; width: 1.125rem; @@ -2819,7 +2927,7 @@ Array [ height: 1.125rem; } -.c16::after { +.c19::after { opacity: 0; content: ''; position: absolute; @@ -2836,7 +2944,7 @@ Array [ transform: rotate(-45deg); } -.c13 { +.c16 { display: inline-block; vertical-align: text-bottom; width: 1.125rem; @@ -2845,12 +2953,12 @@ Array [ cursor: pointer; } -.c17 label { +.c20 label { font-weight: normal; font-size: 0.9375rem; } -.c12 { +.c15 { list-style-type: none; display: -webkit-box; display: -webkit-flex; @@ -2874,25 +2982,25 @@ Array [ height: 1.5rem; } -.c12 label { +.c15 label { font-weight: 400; } -.c12 label::after { +.c15 label::after { width: 0.475rem; height: 0.205rem; top: 0.4125rem; left: 0.35rem; } -.c12 div[type='checkbox'], -.c12 div[type='checkbox'] input, -.c12 div[type='checkbox'] label { +.c15 div[type='checkbox'], +.c15 div[type='checkbox'] input, +.c15 div[type='checkbox'] label { height: 1.5rem; width: 1.5rem; } -.c11 { +.c14 { display: inline-block; padding: 0; border: none; @@ -2904,23 +3012,23 @@ Array [ -webkit-padding-after: 0; } -.c18 { +.c21 { font-weight: 600; white-space: pre; font-size: 0.8125rem; cursor: pointer; } -.c27 { +.c30 { color: rgb(151,151,151); text-align: center; } -.c22 { +.c25 { width: calc(100% - 0.125rem); } -.c10 { +.c13 { margin-bottom: 0 !important; } @@ -2989,31 +3097,35 @@ 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 +

    • Sorry, but we weren’t able to find any firewall rules.

      @@ -3450,7 +3562,7 @@ Array [ margin-bottom: 1.125rem; } -.c12 { +.c15 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; @@ -3470,7 +3582,7 @@ Array [ align-content: stretch; } -.c13 { +.c16 { -webkit-order: 0; -ms-flex-order: 0; order: 0; @@ -3487,19 +3599,43 @@ Array [ display: block; } +.c9 { + background-color: transparent; + -webkit-text-decoration-skip: objects; + text-decoration-skip: objects; +} + .c8 { + font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif; +} + +.c7 { + color: rgb(59,70,204); + -webkit-text-fill-color: currentcolor; +} + +.c7:hover { + -webkit-text-decoration: none; + text-decoration: none; +} + +.c7 a:hover { + color: rgb(45,56,132); +} + +.c11 { 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 { +.c12 { -webkit-animation-delay: 0.5s; animation-delay: 0.5s; } -.c10 { +.c13 { -webkit-animation-delay: 1s; animation-delay: 1s; } @@ -3511,7 +3647,7 @@ Array [ font-size: 0.9375rem; } -.c7 { +.c10 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; @@ -3539,7 +3675,7 @@ Array [ flex: 1 0 auto; } -.c11 { +.c14 { -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; @@ -3655,39 +3791,43 @@ 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 +

      Loading...

      , @@ -3715,7 +3855,7 @@ Array [ margin-bottom: 1.125rem; } -.c12 { +.c15 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; @@ -3735,7 +3875,7 @@ Array [ align-content: stretch; } -.c13 { +.c16 { -webkit-order: 0; -ms-flex-order: 0; order: 0; @@ -3752,19 +3892,43 @@ Array [ display: block; } +.c9 { + background-color: transparent; + -webkit-text-decoration-skip: objects; + text-decoration-skip: objects; +} + .c8 { + font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif; +} + +.c7 { + color: rgb(59,70,204); + -webkit-text-fill-color: currentcolor; +} + +.c7:hover { + -webkit-text-decoration: none; + text-decoration: none; +} + +.c7 a:hover { + color: rgb(45,56,132); +} + +.c11 { 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 { +.c12 { -webkit-animation-delay: 0.5s; animation-delay: 0.5s; } -.c10 { +.c13 { -webkit-animation-delay: 1s; animation-delay: 1s; } @@ -3776,7 +3940,7 @@ Array [ font-size: 0.9375rem; } -.c7 { +.c10 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; @@ -3804,7 +3968,7 @@ Array [ flex: 1 0 auto; } -.c11 { +.c14 { -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; @@ -3920,39 +4084,43 @@ 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 +

      Loading...

      , @@ -3984,32 +4152,32 @@ exports[`renders without throwing 1`] = ` margin-bottom: 1.125rem; } -.c15 { +.c18 { margin-right: 1.875rem; } -.c26 { +.c29 { margin-right: 0.75rem; margin-left: 0.75rem; } -.c27 { +.c30 { margin-top: 1.875rem; } -.c32 { +.c35 { margin-bottom: 0.75rem; } -.c7 { +.c10 { margin-bottom: 1.875rem; } -.c30 { +.c33 { padding: 8rem; } -.c13 { +.c16 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; @@ -4029,7 +4197,7 @@ exports[`renders without throwing 1`] = ` align-content: stretch; } -.c31 { +.c34 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; @@ -4060,7 +4228,7 @@ exports[`renders without throwing 1`] = ` align-items: center; } -.c14 { +.c17 { -webkit-order: 0; -ms-flex-order: 0; order: 0; @@ -4077,7 +4245,13 @@ exports[`renders without throwing 1`] = ` display: block; } -.c21 { +.c9 { + background-color: transparent; + -webkit-text-decoration-skip: objects; + text-decoration-skip: objects; +} + +.c24 { font-family: sans-serif; font-size: 100%; line-height: 1.15; @@ -4085,38 +4259,56 @@ exports[`renders without throwing 1`] = ` overflow: visible; } -.c21[type='checkbox'], -.c21[type='radio'] { +.c24[type='checkbox'], +.c24[type='radio'] { box-sizing: border-box; padding: 0; } -.c21[type='number']::-webkit-inner-spin-button, -.c21[type='number']::-webkit-outer-spin-button { +.c24[type='number']::-webkit-inner-spin-button, +.c24[type='number']::-webkit-outer-spin-button { height: auto; } -.c21[type='search'] { +.c24[type='search'] { -webkit-appearance: textfield; -moz-appearance: textfield; appearance: textfield; outline-offset: -0.125rem; } -.c21[type='search']::-webkit-search-cancel-button, -.c21[type='search']::-webkit-search-decoration { +.c24[type='search']::-webkit-search-cancel-button, +.c24[type='search']::-webkit-search-decoration { -webkit-appearance: none; -moz-appearance: none; appearance: none; } -.c21::-webkit-file-upload-button { +.c24::-webkit-file-upload-button { -webkit-appearance: button; -moz-appearance: button; appearance: button; font: inherit; } +.c8 { + font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif; +} + +.c7 { + color: rgb(59,70,204); + -webkit-text-fill-color: currentcolor; +} + +.c7:hover { + -webkit-text-decoration: none; + text-decoration: none; +} + +.c7 a:hover { + color: rgb(45,56,132); +} + .c6 { color: rgb(73,73,73); margin: 0; @@ -4124,7 +4316,7 @@ exports[`renders without throwing 1`] = ` font-size: 0.9375rem; } -.c25 { +.c28 { font-size: 0.9375rem; line-height: 1.125rem; font-style: normal; @@ -4175,7 +4367,7 @@ exports[`renders without throwing 1`] = ` padding-bottom: 1.125rem; } -.c34 { +.c37 { margin: 0; color: rgb(73,73,73); font-weight: normal; @@ -4183,7 +4375,7 @@ exports[`renders without throwing 1`] = ` font-size: 1.3125rem; } -.c11 { +.c14 { margin: 0; color: rgb(73,73,73); font-weight: 600; @@ -4191,7 +4383,7 @@ exports[`renders without throwing 1`] = ` font-size: 0.9375rem; } -.c8 { +.c11 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; @@ -4204,23 +4396,23 @@ exports[`renders without throwing 1`] = ` width: 100%; } -.c9 { +.c12 { border-radius: 0.1875rem 0 0 0.1875rem; min-width: 0.75rem; background-color: rgb(0,152,88); background-color: rgb(210,67,58); } -.c10 { +.c13 { padding: 1.125rem 1.125rem; } -.c12 { +.c15 { line-height: 0.875rem; font-size: 0.8125rem; } -.c29 { +.c32 { box-sizing: content-box; display: -webkit-box; display: -webkit-flex; @@ -4242,33 +4434,33 @@ exports[`renders without throwing 1`] = ` border-color: rgb(216,216,216); } -.c20 { +.c23 { font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif; display: none; } -.c20:checked + label::after { +.c23:checked + label::after { opacity: 1; } -.c20:selected + label::after { +.c23:selected + label::after { opacity: 1; } -.c20:checked + label { +.c23:checked + label { border-color: rgb(59,70,204); } -.c20:selected + label { +.c23:selected + label { border-color: rgb(59,70,204); } -.c20:disabled + label { +.c23:disabled + label { background-color: rgb(249,249,249); cursor: not-allowed; } -.c22 { +.c25 { color: rgb(100,100,100); position: absolute; width: 1.125rem; @@ -4286,7 +4478,7 @@ exports[`renders without throwing 1`] = ` height: 1.125rem; } -.c22::after { +.c25::after { opacity: 0; content: ''; position: absolute; @@ -4303,7 +4495,7 @@ exports[`renders without throwing 1`] = ` transform: rotate(-45deg); } -.c19 { +.c22 { display: inline-block; vertical-align: text-bottom; width: 1.125rem; @@ -4312,12 +4504,12 @@ exports[`renders without throwing 1`] = ` cursor: pointer; } -.c23 label { +.c26 label { font-weight: normal; font-size: 0.9375rem; } -.c18 { +.c21 { list-style-type: none; display: -webkit-box; display: -webkit-flex; @@ -4341,25 +4533,25 @@ exports[`renders without throwing 1`] = ` height: 1.5rem; } -.c18 label { +.c21 label { font-weight: 400; } -.c18 label::after { +.c21 label::after { width: 0.475rem; height: 0.205rem; top: 0.4125rem; left: 0.35rem; } -.c18 div[type='checkbox'], -.c18 div[type='checkbox'] input, -.c18 div[type='checkbox'] label { +.c21 div[type='checkbox'], +.c21 div[type='checkbox'] input, +.c21 div[type='checkbox'] label { height: 1.5rem; width: 1.5rem; } -.c17 { +.c20 { display: inline-block; padding: 0; border: none; @@ -4371,23 +4563,23 @@ exports[`renders without throwing 1`] = ` -webkit-padding-after: 0; } -.c24 { +.c27 { font-weight: 600; white-space: pre; font-size: 0.8125rem; cursor: pointer; } -.c33 { +.c36 { color: rgb(151,151,151); text-align: center; } -.c28 { +.c31 { width: calc(100% - 0.125rem); } -.c16 { +.c19 { margin-bottom: 0 !important; } @@ -4456,35 +4648,39 @@ exports[`renders without throwing 1`] = ` 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 +

      Ooops!

      An error occurred while loading your firewall rules

      @@ -4492,20 +4688,20 @@ exports[`renders without throwing 1`] = `
      without throwing 1`] = ` type="checkbox" >
    • without throwing 1`] = ` >
    • without throwing 1`] = `

      Sorry, but we weren’t able to find any firewall rules.

      @@ -4883,32 +5079,32 @@ exports[`renders without throwing 1`] = ` margin-bottom: 1.125rem; } -.c15 { +.c18 { margin-right: 1.875rem; } -.c26 { +.c29 { margin-right: 0.75rem; margin-left: 0.75rem; } -.c27 { +.c30 { margin-top: 1.875rem; } -.c32 { +.c35 { margin-bottom: 0.75rem; } -.c7 { +.c10 { margin-bottom: 1.875rem; } -.c30 { +.c33 { padding: 8rem; } -.c13 { +.c16 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; @@ -4928,7 +5124,7 @@ exports[`renders without throwing 1`] = ` align-content: stretch; } -.c31 { +.c34 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; @@ -4959,7 +5155,7 @@ exports[`renders without throwing 1`] = ` align-items: center; } -.c14 { +.c17 { -webkit-order: 0; -ms-flex-order: 0; order: 0; @@ -4976,7 +5172,13 @@ exports[`renders without throwing 1`] = ` display: block; } -.c21 { +.c9 { + background-color: transparent; + -webkit-text-decoration-skip: objects; + text-decoration-skip: objects; +} + +.c24 { font-family: sans-serif; font-size: 100%; line-height: 1.15; @@ -4984,38 +5186,56 @@ exports[`renders without throwing 1`] = ` overflow: visible; } -.c21[type='checkbox'], -.c21[type='radio'] { +.c24[type='checkbox'], +.c24[type='radio'] { box-sizing: border-box; padding: 0; } -.c21[type='number']::-webkit-inner-spin-button, -.c21[type='number']::-webkit-outer-spin-button { +.c24[type='number']::-webkit-inner-spin-button, +.c24[type='number']::-webkit-outer-spin-button { height: auto; } -.c21[type='search'] { +.c24[type='search'] { -webkit-appearance: textfield; -moz-appearance: textfield; appearance: textfield; outline-offset: -0.125rem; } -.c21[type='search']::-webkit-search-cancel-button, -.c21[type='search']::-webkit-search-decoration { +.c24[type='search']::-webkit-search-cancel-button, +.c24[type='search']::-webkit-search-decoration { -webkit-appearance: none; -moz-appearance: none; appearance: none; } -.c21::-webkit-file-upload-button { +.c24::-webkit-file-upload-button { -webkit-appearance: button; -moz-appearance: button; appearance: button; font: inherit; } +.c8 { + font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif; +} + +.c7 { + color: rgb(59,70,204); + -webkit-text-fill-color: currentcolor; +} + +.c7:hover { + -webkit-text-decoration: none; + text-decoration: none; +} + +.c7 a:hover { + color: rgb(45,56,132); +} + .c6 { color: rgb(73,73,73); margin: 0; @@ -5023,7 +5243,7 @@ exports[`renders without throwing 1`] = ` font-size: 0.9375rem; } -.c25 { +.c28 { font-size: 0.9375rem; line-height: 1.125rem; font-style: normal; @@ -5074,7 +5294,7 @@ exports[`renders without throwing 1`] = ` padding-bottom: 1.125rem; } -.c34 { +.c37 { margin: 0; color: rgb(73,73,73); font-weight: normal; @@ -5082,7 +5302,7 @@ exports[`renders without throwing 1`] = ` font-size: 1.3125rem; } -.c11 { +.c14 { margin: 0; color: rgb(73,73,73); font-weight: 600; @@ -5090,7 +5310,7 @@ exports[`renders without throwing 1`] = ` font-size: 0.9375rem; } -.c8 { +.c11 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; @@ -5103,23 +5323,23 @@ exports[`renders without throwing 1`] = ` width: 100%; } -.c9 { +.c12 { border-radius: 0.1875rem 0 0 0.1875rem; min-width: 0.75rem; background-color: rgb(0,152,88); background-color: rgb(210,67,58); } -.c10 { +.c13 { padding: 1.125rem 1.125rem; } -.c12 { +.c15 { line-height: 0.875rem; font-size: 0.8125rem; } -.c29 { +.c32 { box-sizing: content-box; display: -webkit-box; display: -webkit-flex; @@ -5141,33 +5361,33 @@ exports[`renders without throwing 1`] = ` border-color: rgb(216,216,216); } -.c20 { +.c23 { font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif; display: none; } -.c20:checked + label::after { +.c23:checked + label::after { opacity: 1; } -.c20:selected + label::after { +.c23:selected + label::after { opacity: 1; } -.c20:checked + label { +.c23:checked + label { border-color: rgb(59,70,204); } -.c20:selected + label { +.c23:selected + label { border-color: rgb(59,70,204); } -.c20:disabled + label { +.c23:disabled + label { background-color: rgb(249,249,249); cursor: not-allowed; } -.c22 { +.c25 { color: rgb(100,100,100); position: absolute; width: 1.125rem; @@ -5185,7 +5405,7 @@ exports[`renders without throwing 1`] = ` height: 1.125rem; } -.c22::after { +.c25::after { opacity: 0; content: ''; position: absolute; @@ -5202,7 +5422,7 @@ exports[`renders without throwing 1`] = ` transform: rotate(-45deg); } -.c19 { +.c22 { display: inline-block; vertical-align: text-bottom; width: 1.125rem; @@ -5211,12 +5431,12 @@ exports[`renders without throwing 1`] = ` cursor: pointer; } -.c23 label { +.c26 label { font-weight: normal; font-size: 0.9375rem; } -.c18 { +.c21 { list-style-type: none; display: -webkit-box; display: -webkit-flex; @@ -5240,25 +5460,25 @@ exports[`renders without throwing 1`] = ` height: 1.5rem; } -.c18 label { +.c21 label { font-weight: 400; } -.c18 label::after { +.c21 label::after { width: 0.475rem; height: 0.205rem; top: 0.4125rem; left: 0.35rem; } -.c18 div[type='checkbox'], -.c18 div[type='checkbox'] input, -.c18 div[type='checkbox'] label { +.c21 div[type='checkbox'], +.c21 div[type='checkbox'] input, +.c21 div[type='checkbox'] label { height: 1.5rem; width: 1.5rem; } -.c17 { +.c20 { display: inline-block; padding: 0; border: none; @@ -5270,23 +5490,23 @@ exports[`renders without throwing 1`] = ` -webkit-padding-after: 0; } -.c24 { +.c27 { font-weight: 600; white-space: pre; font-size: 0.8125rem; cursor: pointer; } -.c33 { +.c36 { color: rgb(151,151,151); text-align: center; } -.c28 { +.c31 { width: calc(100% - 0.125rem); } -.c16 { +.c19 { margin-bottom: 0 !important; } @@ -5355,35 +5575,39 @@ exports[`renders without throwing 1`] = ` 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 +

      Ooops!

      error

      @@ -5391,20 +5615,20 @@ exports[`renders without throwing 1`] = `
      without throwing 1`] = ` type="checkbox" >
    • without throwing 1`] = ` >
    • without throwing 1`] = `

      Sorry, but we weren’t able to find any firewall rules.

      @@ -5783,16 +6007,16 @@ Array [ margin-bottom: 1.125rem; } -.c9 { +.c12 { margin-right: 1.875rem; } -.c20 { +.c23 { margin-right: 0.75rem; margin-left: 0.75rem; } -.c7 { +.c10 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; @@ -5812,7 +6036,7 @@ Array [ align-content: stretch; } -.c8 { +.c11 { -webkit-order: 0; -ms-flex-order: 0; order: 0; @@ -5829,7 +6053,13 @@ Array [ display: block; } -.c15 { +.c9 { + background-color: transparent; + -webkit-text-decoration-skip: objects; + text-decoration-skip: objects; +} + +.c18 { font-family: sans-serif; font-size: 100%; line-height: 1.15; @@ -5837,38 +6067,56 @@ Array [ overflow: visible; } -.c15[type='checkbox'], -.c15[type='radio'] { +.c18[type='checkbox'], +.c18[type='radio'] { box-sizing: border-box; padding: 0; } -.c15[type='number']::-webkit-inner-spin-button, -.c15[type='number']::-webkit-outer-spin-button { +.c18[type='number']::-webkit-inner-spin-button, +.c18[type='number']::-webkit-outer-spin-button { height: auto; } -.c15[type='search'] { +.c18[type='search'] { -webkit-appearance: textfield; -moz-appearance: textfield; appearance: textfield; outline-offset: -0.125rem; } -.c15[type='search']::-webkit-search-cancel-button, -.c15[type='search']::-webkit-search-decoration { +.c18[type='search']::-webkit-search-cancel-button, +.c18[type='search']::-webkit-search-decoration { -webkit-appearance: none; -moz-appearance: none; appearance: none; } -.c15::-webkit-file-upload-button { +.c18::-webkit-file-upload-button { -webkit-appearance: button; -moz-appearance: button; appearance: button; font: inherit; } +.c8 { + font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif; +} + +.c7 { + color: rgb(59,70,204); + -webkit-text-fill-color: currentcolor; +} + +.c7:hover { + -webkit-text-decoration: none; + text-decoration: none; +} + +.c7 a:hover { + color: rgb(45,56,132); +} + .c6 { color: rgb(73,73,73); margin: 0; @@ -5876,7 +6124,7 @@ Array [ font-size: 0.9375rem; } -.c19 { +.c22 { font-size: 0.9375rem; line-height: 1.125rem; font-style: normal; @@ -5927,33 +6175,33 @@ Array [ padding-bottom: 1.125rem; } -.c14 { +.c17 { font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif; display: none; } -.c14:checked + label::after { +.c17:checked + label::after { opacity: 1; } -.c14:selected + label::after { +.c17:selected + label::after { opacity: 1; } -.c14:checked + label { +.c17:checked + label { border-color: rgb(59,70,204); } -.c14:selected + label { +.c17:selected + label { border-color: rgb(59,70,204); } -.c14:disabled + label { +.c17:disabled + label { background-color: rgb(249,249,249); cursor: not-allowed; } -.c16 { +.c19 { color: rgb(100,100,100); position: absolute; width: 1.125rem; @@ -5971,7 +6219,7 @@ Array [ height: 1.125rem; } -.c16::after { +.c19::after { opacity: 0; content: ''; position: absolute; @@ -5988,7 +6236,7 @@ Array [ transform: rotate(-45deg); } -.c13 { +.c16 { display: inline-block; vertical-align: text-bottom; width: 1.125rem; @@ -5997,12 +6245,12 @@ Array [ cursor: pointer; } -.c17 label { +.c20 label { font-weight: normal; font-size: 0.9375rem; } -.c12 { +.c15 { list-style-type: none; display: -webkit-box; display: -webkit-flex; @@ -6026,25 +6274,25 @@ Array [ height: 1.5rem; } -.c12 label { +.c15 label { font-weight: 400; } -.c12 label::after { +.c15 label::after { width: 0.475rem; height: 0.205rem; top: 0.4125rem; left: 0.35rem; } -.c12 div[type='checkbox'], -.c12 div[type='checkbox'] input, -.c12 div[type='checkbox'] label { +.c15 div[type='checkbox'], +.c15 div[type='checkbox'] input, +.c15 div[type='checkbox'] label { height: 1.5rem; width: 1.5rem; } -.c11 { +.c14 { display: inline-block; padding: 0; border: none; @@ -6056,14 +6304,14 @@ Array [ -webkit-padding-after: 0; } -.c18 { +.c21 { font-weight: 600; white-space: pre; font-size: 0.8125rem; cursor: pointer; } -.c10 { +.c13 { margin-bottom: 0 !important; } @@ -6132,31 +6380,35 @@ 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 +

    • , @@ -6219,16 +6471,16 @@ Array [ margin-bottom: 1.125rem; } -.c9 { +.c12 { margin-right: 1.875rem; } -.c20 { +.c23 { margin-right: 0.75rem; margin-left: 0.75rem; } -.c7 { +.c10 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; @@ -6248,7 +6500,7 @@ Array [ align-content: stretch; } -.c8 { +.c11 { -webkit-order: 0; -ms-flex-order: 0; order: 0; @@ -6265,7 +6517,13 @@ Array [ display: block; } -.c15 { +.c9 { + background-color: transparent; + -webkit-text-decoration-skip: objects; + text-decoration-skip: objects; +} + +.c18 { font-family: sans-serif; font-size: 100%; line-height: 1.15; @@ -6273,38 +6531,56 @@ Array [ overflow: visible; } -.c15[type='checkbox'], -.c15[type='radio'] { +.c18[type='checkbox'], +.c18[type='radio'] { box-sizing: border-box; padding: 0; } -.c15[type='number']::-webkit-inner-spin-button, -.c15[type='number']::-webkit-outer-spin-button { +.c18[type='number']::-webkit-inner-spin-button, +.c18[type='number']::-webkit-outer-spin-button { height: auto; } -.c15[type='search'] { +.c18[type='search'] { -webkit-appearance: textfield; -moz-appearance: textfield; appearance: textfield; outline-offset: -0.125rem; } -.c15[type='search']::-webkit-search-cancel-button, -.c15[type='search']::-webkit-search-decoration { +.c18[type='search']::-webkit-search-cancel-button, +.c18[type='search']::-webkit-search-decoration { -webkit-appearance: none; -moz-appearance: none; appearance: none; } -.c15::-webkit-file-upload-button { +.c18::-webkit-file-upload-button { -webkit-appearance: button; -moz-appearance: button; appearance: button; font: inherit; } +.c8 { + font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif; +} + +.c7 { + color: rgb(59,70,204); + -webkit-text-fill-color: currentcolor; +} + +.c7:hover { + -webkit-text-decoration: none; + text-decoration: none; +} + +.c7 a:hover { + color: rgb(45,56,132); +} + .c6 { color: rgb(73,73,73); margin: 0; @@ -6312,7 +6588,7 @@ Array [ font-size: 0.9375rem; } -.c19 { +.c22 { font-size: 0.9375rem; line-height: 1.125rem; font-style: normal; @@ -6363,33 +6639,33 @@ Array [ padding-bottom: 1.125rem; } -.c14 { +.c17 { font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif; display: none; } -.c14:checked + label::after { +.c17:checked + label::after { opacity: 1; } -.c14:selected + label::after { +.c17:selected + label::after { opacity: 1; } -.c14:checked + label { +.c17:checked + label { border-color: rgb(59,70,204); } -.c14:selected + label { +.c17:selected + label { border-color: rgb(59,70,204); } -.c14:disabled + label { +.c17:disabled + label { background-color: rgb(249,249,249); cursor: not-allowed; } -.c16 { +.c19 { color: rgb(100,100,100); position: absolute; width: 1.125rem; @@ -6407,7 +6683,7 @@ Array [ height: 1.125rem; } -.c16::after { +.c19::after { opacity: 0; content: ''; position: absolute; @@ -6424,7 +6700,7 @@ Array [ transform: rotate(-45deg); } -.c13 { +.c16 { display: inline-block; vertical-align: text-bottom; width: 1.125rem; @@ -6433,12 +6709,12 @@ Array [ cursor: pointer; } -.c17 label { +.c20 label { font-weight: normal; font-size: 0.9375rem; } -.c12 { +.c15 { list-style-type: none; display: -webkit-box; display: -webkit-flex; @@ -6462,25 +6738,25 @@ Array [ height: 1.5rem; } -.c12 label { +.c15 label { font-weight: 400; } -.c12 label::after { +.c15 label::after { width: 0.475rem; height: 0.205rem; top: 0.4125rem; left: 0.35rem; } -.c12 div[type='checkbox'], -.c12 div[type='checkbox'] input, -.c12 div[type='checkbox'] label { +.c15 div[type='checkbox'], +.c15 div[type='checkbox'] input, +.c15 div[type='checkbox'] label { height: 1.5rem; width: 1.5rem; } -.c11 { +.c14 { display: inline-block; padding: 0; border: none; @@ -6492,14 +6768,14 @@ Array [ -webkit-padding-after: 0; } -.c18 { +.c21 { font-weight: 600; white-space: pre; font-size: 0.8125rem; cursor: pointer; } -.c10 { +.c13 { margin-bottom: 0 !important; } @@ -6568,31 +6844,35 @@ 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 +

    • , @@ -6655,43 +6935,43 @@ Array [ margin-bottom: 1.125rem; } -.c9 { +.c12 { margin-right: 1.875rem; } -.c20 { +.c23 { margin-right: 0.75rem; margin-left: 0.75rem; } -.c21 { +.c24 { margin-top: 1.875rem; } -.c23 { +.c26 { margin-top: 1.125rem; } -.c24 { +.c27 { margin-bottom: 0rem; } -.c29 { +.c32 { margin-right: 0.1875rem; } -.c32 { +.c35 { margin-left: 0.1875rem; } -.c26 { +.c29 { padding-top: 0.75rem; padding-right: 1.125rem; padding-bottom: 0.75rem; padding-left: 1.125rem; } -.c7 { +.c10 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; @@ -6711,37 +6991,6 @@ Array [ align-content: stretch; } -.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-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; -} - .c31 { display: -webkit-box; display: -webkit-flex; @@ -6760,13 +7009,44 @@ Array [ -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; + -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; } -.c8 { +.c34 { + 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; +} + +.c11 { -webkit-order: 0; -ms-flex-order: 0; order: 0; @@ -6783,7 +7063,13 @@ Array [ display: block; } -.c15 { +.c9 { + background-color: transparent; + -webkit-text-decoration-skip: objects; + text-decoration-skip: objects; +} + +.c18 { font-family: sans-serif; font-size: 100%; line-height: 1.15; @@ -6791,38 +7077,56 @@ Array [ overflow: visible; } -.c15[type='checkbox'], -.c15[type='radio'] { +.c18[type='checkbox'], +.c18[type='radio'] { box-sizing: border-box; padding: 0; } -.c15[type='number']::-webkit-inner-spin-button, -.c15[type='number']::-webkit-outer-spin-button { +.c18[type='number']::-webkit-inner-spin-button, +.c18[type='number']::-webkit-outer-spin-button { height: auto; } -.c15[type='search'] { +.c18[type='search'] { -webkit-appearance: textfield; -moz-appearance: textfield; appearance: textfield; outline-offset: -0.125rem; } -.c15[type='search']::-webkit-search-cancel-button, -.c15[type='search']::-webkit-search-decoration { +.c18[type='search']::-webkit-search-cancel-button, +.c18[type='search']::-webkit-search-decoration { -webkit-appearance: none; -moz-appearance: none; appearance: none; } -.c15::-webkit-file-upload-button { +.c18::-webkit-file-upload-button { -webkit-appearance: button; -moz-appearance: button; appearance: button; font: inherit; } +.c8 { + font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif; +} + +.c7 { + color: rgb(59,70,204); + -webkit-text-fill-color: currentcolor; +} + +.c7:hover { + -webkit-text-decoration: none; + text-decoration: none; +} + +.c7 a:hover { + color: rgb(45,56,132); +} + .c6 { color: rgb(73,73,73); margin: 0; @@ -6830,7 +7134,7 @@ Array [ font-size: 0.9375rem; } -.c19 { +.c22 { font-size: 0.9375rem; line-height: 1.125rem; font-style: normal; @@ -6874,7 +7178,7 @@ Array [ display: block; } -.c27 { +.c30 { box-sizing: border-box; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; @@ -6884,7 +7188,7 @@ Array [ display: block; } -.c35 { +.c38 { box-sizing: border-box; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; @@ -6901,7 +7205,7 @@ Array [ padding-bottom: 1.125rem; } -.c22 { +.c25 { margin: 0; color: rgb(73,73,73); font-weight: normal; @@ -6909,14 +7213,14 @@ Array [ font-size: 1.3125rem; } -.c30 { +.c33 { color: rgb(73,73,73); font-weight: 700; line-height: 1.5rem; font-size: 0.9375rem; } -.c25 { +.c28 { box-sizing: content-box; display: -webkit-box; display: -webkit-flex; @@ -6942,33 +7246,33 @@ Array [ cursor: default; } -.c14 { +.c17 { font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif; display: none; } -.c14:checked + label::after { +.c17:checked + label::after { opacity: 1; } -.c14:selected + label::after { +.c17:selected + label::after { opacity: 1; } -.c14:checked + label { +.c17:checked + label { border-color: rgb(59,70,204); } -.c14:selected + label { +.c17:selected + label { border-color: rgb(59,70,204); } -.c14:disabled + label { +.c17:disabled + label { background-color: rgb(249,249,249); cursor: not-allowed; } -.c16 { +.c19 { color: rgb(100,100,100); position: absolute; width: 1.125rem; @@ -6986,7 +7290,7 @@ Array [ height: 1.125rem; } -.c16::after { +.c19::after { opacity: 0; content: ''; position: absolute; @@ -7003,7 +7307,7 @@ Array [ transform: rotate(-45deg); } -.c13 { +.c16 { display: inline-block; vertical-align: text-bottom; width: 1.125rem; @@ -7012,12 +7316,12 @@ Array [ cursor: pointer; } -.c17 label { +.c20 label { font-weight: normal; font-size: 0.9375rem; } -.c12 { +.c15 { list-style-type: none; display: -webkit-box; display: -webkit-flex; @@ -7041,25 +7345,25 @@ Array [ height: 1.5rem; } -.c12 label { +.c15 label { font-weight: 400; } -.c12 label::after { +.c15 label::after { width: 0.475rem; height: 0.205rem; top: 0.4125rem; left: 0.35rem; } -.c12 div[type='checkbox'], -.c12 div[type='checkbox'] input, -.c12 div[type='checkbox'] label { +.c15 div[type='checkbox'], +.c15 div[type='checkbox'] input, +.c15 div[type='checkbox'] label { height: 1.5rem; width: 1.5rem; } -.c11 { +.c14 { display: inline-block; padding: 0; border: none; @@ -7071,14 +7375,14 @@ Array [ -webkit-padding-after: 0; } -.c18 { +.c21 { font-weight: 600; white-space: pre; font-size: 0.8125rem; cursor: pointer; } -.c34 { +.c37 { border: 0.0625rem solid rgb(216,216,216); box-sizing: border-box; border-radius: 0.125rem; @@ -7099,7 +7403,7 @@ Array [ align-items: center; } -.c33 { +.c36 { margin: 0; padding: 0; display: -webkit-box; @@ -7112,7 +7416,7 @@ Array [ flex-wrap: wrap; } -.c10 { +.c13 { margin-bottom: 0 !important; } @@ -7157,7 +7461,7 @@ Array [ } @media only screen and (min-width:0em) { - .c27 { + .c30 { -webkit-flex-basis: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%; @@ -7166,7 +7470,7 @@ Array [ } @media only screen and (min-width:0em) { - .c35 { + .c38 { -webkit-flex-basis: 16.666666666666668%; -ms-flex-preferred-size: 16.666666666666668%; flex-basis: 16.666666666666668%; @@ -7199,31 +7503,35 @@ 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 +

    • Firewall rules from instance tags

      - Read the docs + + Read the docs +

    • , @@ -8024,16 +8360,16 @@ Array [ margin-bottom: 1.125rem; } -.c9 { +.c12 { margin-right: 1.875rem; } -.c20 { +.c23 { margin-right: 0.75rem; margin-left: 0.75rem; } -.c7 { +.c10 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; @@ -8053,7 +8389,7 @@ Array [ align-content: stretch; } -.c8 { +.c11 { -webkit-order: 0; -ms-flex-order: 0; order: 0; @@ -8070,7 +8406,13 @@ Array [ display: block; } -.c15 { +.c9 { + background-color: transparent; + -webkit-text-decoration-skip: objects; + text-decoration-skip: objects; +} + +.c18 { font-family: sans-serif; font-size: 100%; line-height: 1.15; @@ -8078,38 +8420,56 @@ Array [ overflow: visible; } -.c15[type='checkbox'], -.c15[type='radio'] { +.c18[type='checkbox'], +.c18[type='radio'] { box-sizing: border-box; padding: 0; } -.c15[type='number']::-webkit-inner-spin-button, -.c15[type='number']::-webkit-outer-spin-button { +.c18[type='number']::-webkit-inner-spin-button, +.c18[type='number']::-webkit-outer-spin-button { height: auto; } -.c15[type='search'] { +.c18[type='search'] { -webkit-appearance: textfield; -moz-appearance: textfield; appearance: textfield; outline-offset: -0.125rem; } -.c15[type='search']::-webkit-search-cancel-button, -.c15[type='search']::-webkit-search-decoration { +.c18[type='search']::-webkit-search-cancel-button, +.c18[type='search']::-webkit-search-decoration { -webkit-appearance: none; -moz-appearance: none; appearance: none; } -.c15::-webkit-file-upload-button { +.c18::-webkit-file-upload-button { -webkit-appearance: button; -moz-appearance: button; appearance: button; font: inherit; } +.c8 { + font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif; +} + +.c7 { + color: rgb(59,70,204); + -webkit-text-fill-color: currentcolor; +} + +.c7:hover { + -webkit-text-decoration: none; + text-decoration: none; +} + +.c7 a:hover { + color: rgb(45,56,132); +} + .c6 { color: rgb(73,73,73); margin: 0; @@ -8117,7 +8477,7 @@ Array [ font-size: 0.9375rem; } -.c19 { +.c22 { font-size: 0.9375rem; line-height: 1.125rem; font-style: normal; @@ -8168,33 +8528,33 @@ Array [ padding-bottom: 1.125rem; } -.c14 { +.c17 { font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif; display: none; } -.c14:checked + label::after { +.c17:checked + label::after { opacity: 1; } -.c14:selected + label::after { +.c17:selected + label::after { opacity: 1; } -.c14:checked + label { +.c17:checked + label { border-color: rgb(59,70,204); } -.c14:selected + label { +.c17:selected + label { border-color: rgb(59,70,204); } -.c14:disabled + label { +.c17:disabled + label { background-color: rgb(249,249,249); cursor: not-allowed; } -.c16 { +.c19 { color: rgb(100,100,100); position: absolute; width: 1.125rem; @@ -8212,7 +8572,7 @@ Array [ height: 1.125rem; } -.c16::after { +.c19::after { opacity: 0; content: ''; position: absolute; @@ -8229,7 +8589,7 @@ Array [ transform: rotate(-45deg); } -.c13 { +.c16 { display: inline-block; vertical-align: text-bottom; width: 1.125rem; @@ -8238,12 +8598,12 @@ Array [ cursor: pointer; } -.c17 label { +.c20 label { font-weight: normal; font-size: 0.9375rem; } -.c12 { +.c15 { list-style-type: none; display: -webkit-box; display: -webkit-flex; @@ -8267,25 +8627,25 @@ Array [ height: 1.5rem; } -.c12 label { +.c15 label { font-weight: 400; } -.c12 label::after { +.c15 label::after { width: 0.475rem; height: 0.205rem; top: 0.4125rem; left: 0.35rem; } -.c12 div[type='checkbox'], -.c12 div[type='checkbox'] input, -.c12 div[type='checkbox'] label { +.c15 div[type='checkbox'], +.c15 div[type='checkbox'] input, +.c15 div[type='checkbox'] label { height: 1.5rem; width: 1.5rem; } -.c11 { +.c14 { display: inline-block; padding: 0; border: none; @@ -8297,14 +8657,14 @@ Array [ -webkit-padding-after: 0; } -.c18 { +.c21 { font-weight: 600; white-space: pre; font-size: 0.8125rem; cursor: pointer; } -.c10 { +.c13 { margin-bottom: 0 !important; } @@ -8373,31 +8733,35 @@ 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 +

    • , @@ -8460,43 +8824,43 @@ Array [ margin-bottom: 1.125rem; } -.c9 { +.c12 { margin-right: 1.875rem; } -.c20 { +.c23 { margin-right: 0.75rem; margin-left: 0.75rem; } -.c21 { +.c24 { margin-top: 1.875rem; } -.c23 { +.c26 { margin-top: 1.125rem; } -.c24 { +.c27 { margin-bottom: 0rem; } -.c29 { +.c32 { margin-right: 0.1875rem; } -.c32 { +.c35 { margin-left: 0.1875rem; } -.c26 { +.c29 { padding-top: 0.75rem; padding-right: 1.125rem; padding-bottom: 0.75rem; padding-left: 1.125rem; } -.c7 { +.c10 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; @@ -8516,37 +8880,6 @@ Array [ align-content: stretch; } -.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-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; -} - .c31 { display: -webkit-box; display: -webkit-flex; @@ -8565,13 +8898,44 @@ Array [ -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; + -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; } -.c8 { +.c34 { + 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; +} + +.c11 { -webkit-order: 0; -ms-flex-order: 0; order: 0; @@ -8588,7 +8952,13 @@ Array [ display: block; } -.c15 { +.c9 { + background-color: transparent; + -webkit-text-decoration-skip: objects; + text-decoration-skip: objects; +} + +.c18 { font-family: sans-serif; font-size: 100%; line-height: 1.15; @@ -8596,38 +8966,56 @@ Array [ overflow: visible; } -.c15[type='checkbox'], -.c15[type='radio'] { +.c18[type='checkbox'], +.c18[type='radio'] { box-sizing: border-box; padding: 0; } -.c15[type='number']::-webkit-inner-spin-button, -.c15[type='number']::-webkit-outer-spin-button { +.c18[type='number']::-webkit-inner-spin-button, +.c18[type='number']::-webkit-outer-spin-button { height: auto; } -.c15[type='search'] { +.c18[type='search'] { -webkit-appearance: textfield; -moz-appearance: textfield; appearance: textfield; outline-offset: -0.125rem; } -.c15[type='search']::-webkit-search-cancel-button, -.c15[type='search']::-webkit-search-decoration { +.c18[type='search']::-webkit-search-cancel-button, +.c18[type='search']::-webkit-search-decoration { -webkit-appearance: none; -moz-appearance: none; appearance: none; } -.c15::-webkit-file-upload-button { +.c18::-webkit-file-upload-button { -webkit-appearance: button; -moz-appearance: button; appearance: button; font: inherit; } +.c8 { + font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif; +} + +.c7 { + color: rgb(59,70,204); + -webkit-text-fill-color: currentcolor; +} + +.c7:hover { + -webkit-text-decoration: none; + text-decoration: none; +} + +.c7 a:hover { + color: rgb(45,56,132); +} + .c6 { color: rgb(73,73,73); margin: 0; @@ -8635,7 +9023,7 @@ Array [ font-size: 0.9375rem; } -.c19 { +.c22 { font-size: 0.9375rem; line-height: 1.125rem; font-style: normal; @@ -8679,7 +9067,7 @@ Array [ display: block; } -.c27 { +.c30 { box-sizing: border-box; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; @@ -8689,7 +9077,7 @@ Array [ display: block; } -.c35 { +.c38 { box-sizing: border-box; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; @@ -8706,7 +9094,7 @@ Array [ padding-bottom: 1.125rem; } -.c22 { +.c25 { margin: 0; color: rgb(73,73,73); font-weight: normal; @@ -8714,14 +9102,14 @@ Array [ font-size: 1.3125rem; } -.c30 { +.c33 { color: rgb(73,73,73); font-weight: 700; line-height: 1.5rem; font-size: 0.9375rem; } -.c25 { +.c28 { box-sizing: content-box; display: -webkit-box; display: -webkit-flex; @@ -8747,33 +9135,33 @@ Array [ cursor: default; } -.c14 { +.c17 { font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif; display: none; } -.c14:checked + label::after { +.c17:checked + label::after { opacity: 1; } -.c14:selected + label::after { +.c17:selected + label::after { opacity: 1; } -.c14:checked + label { +.c17:checked + label { border-color: rgb(59,70,204); } -.c14:selected + label { +.c17:selected + label { border-color: rgb(59,70,204); } -.c14:disabled + label { +.c17:disabled + label { background-color: rgb(249,249,249); cursor: not-allowed; } -.c16 { +.c19 { color: rgb(100,100,100); position: absolute; width: 1.125rem; @@ -8791,7 +9179,7 @@ Array [ height: 1.125rem; } -.c16::after { +.c19::after { opacity: 0; content: ''; position: absolute; @@ -8808,7 +9196,7 @@ Array [ transform: rotate(-45deg); } -.c13 { +.c16 { display: inline-block; vertical-align: text-bottom; width: 1.125rem; @@ -8817,12 +9205,12 @@ Array [ cursor: pointer; } -.c17 label { +.c20 label { font-weight: normal; font-size: 0.9375rem; } -.c12 { +.c15 { list-style-type: none; display: -webkit-box; display: -webkit-flex; @@ -8846,25 +9234,25 @@ Array [ height: 1.5rem; } -.c12 label { +.c15 label { font-weight: 400; } -.c12 label::after { +.c15 label::after { width: 0.475rem; height: 0.205rem; top: 0.4125rem; left: 0.35rem; } -.c12 div[type='checkbox'], -.c12 div[type='checkbox'] input, -.c12 div[type='checkbox'] label { +.c15 div[type='checkbox'], +.c15 div[type='checkbox'] input, +.c15 div[type='checkbox'] label { height: 1.5rem; width: 1.5rem; } -.c11 { +.c14 { display: inline-block; padding: 0; border: none; @@ -8876,14 +9264,14 @@ Array [ -webkit-padding-after: 0; } -.c18 { +.c21 { font-weight: 600; white-space: pre; font-size: 0.8125rem; cursor: pointer; } -.c34 { +.c37 { border: 0.0625rem solid rgb(216,216,216); box-sizing: border-box; border-radius: 0.125rem; @@ -8904,7 +9292,7 @@ Array [ align-items: center; } -.c33 { +.c36 { margin: 0; padding: 0; display: -webkit-box; @@ -8917,7 +9305,7 @@ Array [ flex-wrap: wrap; } -.c10 { +.c13 { margin-bottom: 0 !important; } @@ -8962,7 +9350,7 @@ Array [ } @media only screen and (min-width:0em) { - .c27 { + .c30 { -webkit-flex-basis: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%; @@ -8971,7 +9359,7 @@ Array [ } @media only screen and (min-width:0em) { - .c35 { + .c38 { -webkit-flex-basis: 16.666666666666668%; -ms-flex-preferred-size: 16.666666666666668%; flex-basis: 16.666666666666668%; @@ -9004,31 +9392,35 @@ 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 +

    • Default firewall rules

      without throwing 1`] = ` text-decoration: none; } +.c32 a:hover { + color: rgb(45,56,132); +} + .c13 { display: inline-block; } @@ -3540,6 +3544,10 @@ exports[`renders without throwing 1`] = ` text-decoration: none; } +.c32 a:hover { + color: rgb(45,56,132); +} + .c56 { min-width: 7.5rem; } @@ -6112,6 +6120,10 @@ exports[`renders without throwing 1`] = ` text-decoration: none; } +.c32 a:hover { + color: rgb(45,56,132); +} + .c56 { min-width: 7.5rem; } @@ -8684,6 +8696,10 @@ exports[`renders without throwing text-decoration: none; } +.c32 a:hover { + color: rgb(45,56,132); +} + .c56 { min-width: 7.5rem; } diff --git a/consoles/my-joy-instances/src/containers/instances/__tests__/__snapshots__/networks.spec.js.snap b/consoles/my-joy-instances/src/containers/instances/__tests__/__snapshots__/networks.spec.js.snap index 5f183a05..7ae8d404 100644 --- a/consoles/my-joy-instances/src/containers/instances/__tests__/__snapshots__/networks.spec.js.snap +++ b/consoles/my-joy-instances/src/containers/instances/__tests__/__snapshots__/networks.spec.js.snap @@ -5,14 +5,38 @@ exports[`renders without throwing 1`] = ` margin-bottom: 1.125rem; } -.c12 { +.c15 { margin-bottom: 0.75rem; } -.c10 { +.c13 { padding: 8rem; } +.c9 { + background-color: transparent; + -webkit-text-decoration-skip: objects; + text-decoration-skip: objects; +} + +.c8 { + font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif; +} + +.c7 { + color: rgb(59,70,204); + -webkit-text-fill-color: currentcolor; +} + +.c7:hover { + -webkit-text-decoration: none; + text-decoration: none; +} + +.c7 a:hover { + color: rgb(45,56,132); +} + .c6 { color: rgb(73,73,73); margin: 0; @@ -61,7 +85,7 @@ exports[`renders without throwing 1`] = ` padding-bottom: 1.125rem; } -.c7 { +.c10 { margin: 0; color: rgb(73,73,73); font-weight: normal; @@ -69,7 +93,7 @@ exports[`renders without throwing 1`] = ` font-size: 1.3125rem; } -.c11 { +.c14 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; @@ -100,7 +124,7 @@ exports[`renders without throwing 1`] = ` align-items: center; } -.c9 { +.c12 { box-sizing: content-box; display: -webkit-box; display: -webkit-flex; @@ -122,12 +146,12 @@ exports[`renders without throwing 1`] = ` border-color: rgb(216,216,216); } -.c13 { +.c16 { color: rgb(151,151,151); text-align: center; } -.c8 { +.c11 { width: calc(100% - 0.125rem); background: transparent; } @@ -197,11 +221,15 @@ exports[`renders without throwing 1`] = ` Use predefined or customized fabric networks which can be public-facing or private. All fabrics are isolated from other customers giving you complete control over the network environment. Read more on fabrics. - Read the docs + + Read the docs +

      @@ -211,24 +239,24 @@ exports[`renders without throwing 1`] = ` className="c2" >

      Networks attached to this instance

      without throwing 1`] = `

      You have no networks attached to this instance

      @@ -532,10 +560,34 @@ exports[`renders without throwing 1`] = ` margin-bottom: 1.125rem; } -.c8 { +.c11 { margin-bottom: 1.875rem; } +.c9 { + background-color: transparent; + -webkit-text-decoration-skip: objects; + text-decoration-skip: objects; +} + +.c8 { + font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif; +} + +.c7 { + color: rgb(59,70,204); + -webkit-text-fill-color: currentcolor; +} + +.c7:hover { + -webkit-text-decoration: none; + text-decoration: none; +} + +.c7 a:hover { + color: rgb(45,56,132); +} + .c6 { color: rgb(73,73,73); margin: 0; @@ -584,7 +636,7 @@ exports[`renders without throwing 1`] = ` padding-bottom: 1.125rem; } -.c7 { +.c10 { margin: 0; color: rgb(73,73,73); font-weight: normal; @@ -592,7 +644,7 @@ exports[`renders without throwing 1`] = ` font-size: 1.3125rem; } -.c12 { +.c15 { margin: 0; color: rgb(73,73,73); font-weight: 600; @@ -600,7 +652,7 @@ exports[`renders without throwing 1`] = ` font-size: 0.9375rem; } -.c9 { +.c12 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; @@ -613,18 +665,18 @@ exports[`renders without throwing 1`] = ` width: 100%; } -.c10 { +.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); } -.c11 { +.c14 { padding: 1.125rem 1.125rem; } -.c13 { +.c16 { line-height: 0.875rem; font-size: 0.8125rem; } @@ -694,11 +746,15 @@ exports[`renders without throwing 1`] = ` Use predefined or customized fabric networks which can be public-facing or private. All fabrics are isolated from other customers giving you complete control over the network environment. Read more on fabrics. - Read the docs + + Read the docs +

      @@ -708,30 +764,30 @@ exports[`renders without throwing 1`] = ` className="c2" >

      Networks attached to this instance

      Ooops!

      An error occurred while loading your networks

      @@ -747,18 +803,42 @@ exports[`renders without throwing 1`] = ` } .c9 { + background-color: transparent; + -webkit-text-decoration-skip: objects; + text-decoration-skip: objects; +} + +.c8 { + font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif; +} + +.c7 { + color: rgb(59,70,204); + -webkit-text-fill-color: currentcolor; +} + +.c7:hover { + -webkit-text-decoration: none; + text-decoration: none; +} + +.c7 a:hover { + color: rgb(45,56,132); +} + +.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; } -.c10 { +.c13 { -webkit-animation-delay: 0.5s; animation-delay: 0.5s; } -.c11 { +.c14 { -webkit-animation-delay: 1s; animation-delay: 1s; } @@ -770,7 +850,7 @@ exports[`renders without throwing 1`] = ` font-size: 0.9375rem; } -.c8 { +.c11 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; @@ -798,7 +878,7 @@ exports[`renders without throwing 1`] = ` flex: 1 0 auto; } -.c12 { +.c15 { -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; @@ -849,7 +929,7 @@ exports[`renders without throwing 1`] = ` padding-bottom: 1.125rem; } -.c7 { +.c10 { margin: 0; color: rgb(73,73,73); font-weight: normal; @@ -922,11 +1002,15 @@ exports[`renders without throwing 1`] = ` Use predefined or customized fabric networks which can be public-facing or private. All fabrics are isolated from other customers giving you complete control over the network environment. Read more on fabrics. - Read the docs + + Read the docs +

      @@ -936,34 +1020,34 @@ exports[`renders without throwing 1`] = ` className="c2" >

      Networks attached to this instance

      without throwing 1`] = ` />

      Loading...

      @@ -984,31 +1068,55 @@ exports[`renders without throwing 1`] = ` margin-bottom: 1.125rem; } -.c9 { +.c12 { margin-bottom: 1.875rem; } -.c19 { +.c22 { margin-right: 1.875rem; } -.c22 { +.c25 { margin-right: 0.375rem; } -.c23 { +.c26 { margin-top: 1.125rem; } -.c14 { +.c17 { padding-right: 1.125rem; padding-left: 1.125rem; } -.c17 { +.c20 { padding: 1.875rem; } +.c9 { + background-color: transparent; + -webkit-text-decoration-skip: objects; + text-decoration-skip: objects; +} + +.c8 { + font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif; +} + +.c7 { + color: rgb(59,70,204); + -webkit-text-fill-color: currentcolor; +} + +.c7:hover { + -webkit-text-decoration: none; + text-decoration: none; +} + +.c7 a:hover { + color: rgb(45,56,132); +} + .c6 { color: rgb(73,73,73); margin: 0; @@ -1050,7 +1158,7 @@ exports[`renders without throwing 1`] = ` display: block; } -.c8 { +.c11 { box-sizing: border-box; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; @@ -1067,7 +1175,7 @@ exports[`renders without throwing 1`] = ` padding-bottom: 1.125rem; } -.c7 { +.c10 { margin: 0; color: rgb(73,73,73); font-weight: normal; @@ -1075,7 +1183,7 @@ exports[`renders without throwing 1`] = ` font-size: 1.3125rem; } -.c15 { +.c18 { margin: 0; color: rgb(73,73,73); font-weight: 600; @@ -1085,7 +1193,7 @@ exports[`renders without throwing 1`] = ` color: rgb(255,255,255); } -.c18 { +.c21 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; @@ -1105,7 +1213,7 @@ exports[`renders without throwing 1`] = ` align-content: stretch; } -.c21 { +.c24 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; @@ -1129,7 +1237,7 @@ exports[`renders without throwing 1`] = ` align-items: center; } -.c20 { +.c23 { -webkit-order: 0; -ms-flex-order: 0; order: 0; @@ -1146,7 +1254,7 @@ exports[`renders without throwing 1`] = ` display: block; } -.c10 { +.c13 { box-sizing: content-box; display: -webkit-box; display: -webkit-flex; @@ -1168,7 +1276,7 @@ exports[`renders without throwing 1`] = ` border-color: rgb(216,216,216); } -.c12 { +.c15 { box-sizing: content-box; display: -webkit-box; display: -webkit-flex; @@ -1198,7 +1306,7 @@ exports[`renders without throwing 1`] = ` flex: 0 0 2.875rem; } -.c24 { +.c27 { box-sizing: content-box; display: -webkit-box; display: -webkit-flex; @@ -1226,7 +1334,7 @@ exports[`renders without throwing 1`] = ` flex: 0 0 2.875rem; } -.c27 { +.c30 { box-sizing: content-box; display: -webkit-box; display: -webkit-flex; @@ -1253,7 +1361,7 @@ exports[`renders without throwing 1`] = ` flex: 0 0 2.875rem; } -.c16 { +.c19 { box-sizing: border-box; display: -webkit-inline-box; display: -webkit-inline-flex; @@ -1269,7 +1377,7 @@ exports[`renders without throwing 1`] = ` background-color: transparent; } -.c11 { +.c14 { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; @@ -1281,7 +1389,7 @@ exports[`renders without throwing 1`] = ` border-right: 0; } -.c25 { +.c28 { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; @@ -1294,7 +1402,7 @@ exports[`renders without throwing 1`] = ` box-shadow: none; } -.c26 { +.c29 { width: 2.875rem; min-width: 2.875rem; min-height: 2.875rem; @@ -1323,7 +1431,7 @@ exports[`renders without throwing 1`] = ` box-shadow: none; } -.c13 { +.c16 { box-sizing: border-box; min-height: 2.9375rem; max-width: 100%; @@ -1398,7 +1506,7 @@ exports[`renders without throwing 1`] = ` } @media only screen and (min-width:0em) { - .c8 { + .c11 { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; @@ -1407,7 +1515,7 @@ exports[`renders without throwing 1`] = ` } @media only screen and (min-width:48em) { - .c8 { + .c11 { -webkit-flex-basis: 66.66666666666667%; -ms-flex-preferred-size: 66.66666666666667%; flex-basis: 66.66666666666667%; @@ -1440,11 +1548,15 @@ exports[`renders without throwing 1`] = ` Use predefined or customized fabric networks which can be public-facing or private. All fabrics are isolated from other customers giving you complete control over the network environment. Read more on fabrics. - Read the docs + + Read the docs +

      @@ -1454,7 +1566,7 @@ exports[`renders without throwing 1`] = ` className="c2" >

      Networks attached to this instance

      @@ -1463,31 +1575,31 @@ exports[`renders without throwing 1`] = ` className="c3" >

      name

      @@ -1495,12 +1607,12 @@ exports[`renders without throwing 1`] = `
      without throwing 1`] = `

      without throwing 1`] = `

      without throwing 1`] = `

      without throwing 1`] = `

      without throwing 1`] = `

      without throwing 1`] = `

      without throwing 1`] = `

      without throwing 1`] = `

      @@ -1787,26 +1899,26 @@ exports[`renders without throwing 1`] = `

      without throwing 1`] = `

      @@ -1850,31 +1962,31 @@ exports[`renders without throwing 1`] = ` className="c3" >

      name2

      @@ -1882,12 +1994,12 @@ exports[`renders without throwing 1`] = `
      without throwing 1`] = `

      without throwing 1`] = `

      without throwing 1`] = `

      without throwing 1`] = `

      without throwi text-decoration: none; } +.c37 a:hover { + color: rgb(45,56,132); +} + .c31 { min-width: 7.5rem; } @@ -2887,6 +2891,10 @@ exports[`renders

      without throwi text-decoration: none; } +.c37 a:hover { + color: rgb(45,56,132); +} + .c31 { min-width: 7.5rem; } diff --git a/packages/instance-steps/src/firewall/index.js b/packages/instance-steps/src/firewall/index.js index 330c53d9..f1e0eeab 100644 --- a/packages/instance-steps/src/firewall/index.js +++ b/packages/instance-steps/src/firewall/index.js @@ -159,9 +159,7 @@ const Firewall = ({ export default compose( connect(({ form, values }, ownProps) => ({ ...ownProps, - enabled: - console.log(form, values) || - get(form, `${IC_FW_F_ENABLED}.values.enabled`, false), + enabled: get(form, `${IC_FW_F_ENABLED}.values.enabled`, false), showInactive: get(form, `${IC_FW_F_INACTIVE}.values.inactive`, false), tags: get(values, IC_TAG_V_TAGS, []) })), diff --git a/packages/instance-steps/src/package/components.js b/packages/instance-steps/src/package/components.js index 1ab3687c..661d294d 100644 --- a/packages/instance-steps/src/package/components.js +++ b/packages/instance-steps/src/package/components.js @@ -34,7 +34,7 @@ import { EmptyState } from 'joyent-icons'; const GroupIcons = { MEMORY: , - STORAGE: , + STORAGE: , GENERAL: , COMPUTE: }; @@ -106,7 +106,7 @@ export const Filters = ({ onResetFilters }) => ( - {GroupIcons.GENERAL} + {GroupIcons.STORAGE} Storage Optimized diff --git a/packages/instance-steps/src/user-script/components.js b/packages/instance-steps/src/user-script/components.js index 1fd1bdd4..53bb54d7 100644 --- a/packages/instance-steps/src/user-script/components.js +++ b/packages/instance-steps/src/user-script/components.js @@ -9,7 +9,12 @@ class EditorField extends PureComponent { render() { return ( - + ); } diff --git a/packages/resource-step/src/index.js b/packages/resource-step/src/index.js index 20ecf0e6..58ec1bcb 100644 --- a/packages/resource-step/src/index.js +++ b/packages/resource-step/src/index.js @@ -1,6 +1,6 @@ import React, { Fragment, PureComponent } from 'react'; import { Broadcast, Subscriber } from 'joy-react-broadcast'; -import { Link as BaseLink } from 'react-router-dom'; +import { Link } from 'react-router-dom'; import Flex, { FlexItem } from 'styled-flex-component'; import { Margin, Padding } from 'styled-components-spacing'; import { Row, Col } from 'joyent-react-styled-flexboxgrid'; @@ -14,7 +14,8 @@ import { Divider, H3, P, - ArrowIcon + ArrowIcon, + Anchor } from 'joyent-ui-toolkit'; import { Saved as SavedIcon, Error as ErrorIcon } from './status-icon'; @@ -29,14 +30,6 @@ const Card = styled(BaseCard)` `}; }`; -const Link = styled(BaseLink)` - color: ${props => props.theme.primary}; - - :active { - color: #436275; - } -`; - export const Header = ({ icon = null, children }) => ( {({ namespace }) => ( @@ -68,19 +61,23 @@ export const Header = ({ icon = null, children }) => ( - - - {expanded ? 'Save and Collase' : 'Edit'} - - - - - - - + + + + {expanded ? 'Save and Collase' : 'Edit'} + + + + + + + + {!expanded && !isValid ? ( @@ -107,7 +104,14 @@ export const Description = ({ href = '', children }) => (

      - {children} {href ? Read the docs : null} + {children}{' '} + {href ? ( + + + Read the docs + + + ) : null}

      diff --git a/packages/resource-step/src/status-icon.js b/packages/resource-step/src/status-icon.js index bf625122..2b8672c2 100644 --- a/packages/resource-step/src/status-icon.js +++ b/packages/resource-step/src/status-icon.js @@ -60,7 +60,6 @@ export const Saved = ({ inverted, children }) => { export const Error = ({ inverted = false, noLabel = false, children }) => { const fill = inverted ? 'red' : 'white'; const iconFill = inverted ? 'white' : 'redDark'; - console.log(inverted, fill, iconFill); return ( 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; @@ -918,9 +918,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; font-family: "Roboto Mono",monospace; width: 100%; min-width: 100%; @@ -947,18 +944,6 @@ exports[`renders without throwing 1`] = ` box-shadow: none; } -.c9::-webkit-input-placeholder { - color: rgb(216,216,216); -} - -.c9::-moz-placeholder { - color: rgb(216,216,216); -} - -.c9:-ms-input-placeholder { - color: rgb(216,216,216); -} - .c9:disabled { background-color: rgb(250,250,250); color: rgb(216,216,216); @@ -1052,7 +1037,7 @@ exports[`renders without throwing 1`] = ` > without throwing 1`] = ` > {copy ? ( - + ) : ( - + )} ))} diff --git a/packages/ui-toolkit/src/anchor/__tests___/__snapshots__/anchor.spec.js.snap b/packages/ui-toolkit/src/anchor/__tests___/__snapshots__/anchor.spec.js.snap index 0a6a4bb5..69b8b963 100644 --- a/packages/ui-toolkit/src/anchor/__tests___/__snapshots__/anchor.spec.js.snap +++ b/packages/ui-toolkit/src/anchor/__tests___/__snapshots__/anchor.spec.js.snap @@ -21,6 +21,10 @@ exports[`Anchor Default Anchor 1`] = ` text-decoration: none; } +.c0 a:hover { + color: rgb(45,56,132); +} + React.createElement(component, rest, children) )` + ${props => console.log(props.theme)} color: ${props => props.theme.primary}; -webkit-text-fill-color: currentcolor; @@ -18,6 +19,10 @@ const BaseLink = styled(({ component, children, ...rest }) => text-decoration: none; } + a:hover{ + color: ${props => props.theme.primaryActive}; + } + ${isOr('secondary', 'reversed')` color: ${props => props.theme.white}; -webkit-text-fill-color: currentcolor; diff --git a/packages/ui-toolkit/src/base/global.js b/packages/ui-toolkit/src/base/global.js index 7586c71e..d24b303f 100644 --- a/packages/ui-toolkit/src/base/global.js +++ b/packages/ui-toolkit/src/base/global.js @@ -44,11 +44,18 @@ export default ({ theme }) => css` } .CodeMirror { + height: 130px; border: solid ${remcalc(1)} ${theme.grey}; margin: ${remcalc(8)} 0 ${remcalc(8)} 0; font-family: "Roboto Mono", monospace !important; } - + + .CodeMirror.cm-s-eclipse.CodeMirror-wrap, + .CodeMirror-gutter, + .CodeMirror-scroll { + height: auto !important; + } + [name=user-script] .CodeMirror { margin: 0; } diff --git a/packages/ui-toolkit/src/button/__tests___/__snapshots__/button.spec.js.snap b/packages/ui-toolkit/src/button/__tests___/__snapshots__/button.spec.js.snap index 9c704622..a0296903 100644 --- a/packages/ui-toolkit/src/button/__tests___/__snapshots__/button.spec.js.snap +++ b/packages/ui-toolkit/src/button/__tests___/__snapshots__/button.spec.js.snap @@ -21,6 +21,10 @@ exports[`Button Default Button 1`] = ` text-decoration: none; } +.c2 a:hover { + color: rgb(45,56,132); +} + .c1 { display: inline-block; } @@ -124,6 +128,10 @@ exports[`Button Disabled Button 1`] = ` text-decoration: none; } +.c2 a:hover { + color: rgb(45,56,132); +} + .c2:hover { -webkit-text-decoration: underline; text-decoration: underline; @@ -252,6 +260,10 @@ exports[`Button Error Button 1`] = ` text-decoration: none; } +.c2 a:hover { + color: rgb(45,56,132); +} + .c1 { display: inline-block; } @@ -378,6 +390,10 @@ exports[`Button Loading Button 1`] = ` text-decoration: none; } +.c2 a:hover { + color: rgb(45,56,132); +} + .c2:hover { -webkit-text-decoration: underline; text-decoration: underline; @@ -508,6 +524,10 @@ exports[`Button Secondary Button 1`] = ` text-decoration: none; } +.c2 a:hover { + color: rgb(45,56,132); +} + .c1 { display: inline-block; }