diff --git a/package.json b/package.json index 60960279..4433f27b 100644 --- a/package.json +++ b/package.json @@ -65,6 +65,7 @@ "yargs": "^10.0.3" }, "resolutions": { + "component-type": "1.2.1", "styled-components": "3.1.4", "axios": "0.16.2", "follow-redirects": "1.4.1", diff --git a/packages/my-joy-beta/package.json b/packages/my-joy-beta/package.json index e4aa15d2..34c517c8 100644 --- a/packages/my-joy-beta/package.json +++ b/packages/my-joy-beta/package.json @@ -12,7 +12,7 @@ "lint-ci": "eslint . --ext .js --ext .md", "lint": "eslint . --fix --ext .js --ext .md", "test-ci": "NODE_ENV=test joyent-react-scripts test --env=jsdom --testPathIgnorePatterns='.ui.js'", - "test": "DEFAULT_TIMEOUT_INTERVAL=80000 NODE_ENV=test joyent-react-scripts test --env=jsdom", + "test": "DEFAULT_TIMEOUT_INTERVAL=100000 NODE_ENV=test joyent-react-scripts test --env=jsdom", "prepublish": "echo 0" }, "dependencies": { @@ -24,7 +24,8 @@ "constant-case": "^2.0.0", "date-fns": "^1.29.0", "declarative-redux-form": "^2.0.8", - "joyent-manifest-editor": "3.0.1", + "joyent-manifest-editor": "^1.4.0", + "joyent-react-styled-flexboxgrid": "^2.2.3", "joyent-ui-toolkit": "^4.5.0", "lodash.find": "^4.6.0", "lodash.findindex": "^4.6.0", @@ -58,7 +59,7 @@ "scroll-to-element": "^2.0.0", "styled-components": "^3.1.4", "styled-components-spacing": "^2.1.3", - "styled-flex-component": "^2.1.0", + "styled-flex-component": "^2.2.0", "title-case": "^2.1.1" }, "devDependencies": { diff --git a/packages/my-joy-beta/src/assets/node.svg b/packages/my-joy-beta/src/assets/node.svg index d0202a11..16cd387b 100644 --- a/packages/my-joy-beta/src/assets/node.svg +++ b/packages/my-joy-beta/src/assets/node.svg @@ -1 +1 @@ -Artboard 1 copy 10 \ No newline at end of file +Nodejs \ No newline at end of file diff --git a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/cns-ui-js-add-service-form-1-snap.png b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/cns-ui-js-add-service-form-1-snap.png index 8c5b37db..2309e5c6 100644 Binary files a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/cns-ui-js-add-service-form-1-snap.png and b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/cns-ui-js-add-service-form-1-snap.png differ diff --git a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/cns-ui-js-add-service-form-pristine-1-snap.png b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/cns-ui-js-add-service-form-pristine-1-snap.png index 44ca3e52..ecf69d12 100644 Binary files a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/cns-ui-js-add-service-form-pristine-1-snap.png and b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/cns-ui-js-add-service-form-pristine-1-snap.png differ diff --git a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/cns-ui-js-hostname-values-1-snap.png b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/cns-ui-js-hostname-values-1-snap.png index 356bb9d9..aa94a8a6 100644 Binary files a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/cns-ui-js-hostname-values-1-snap.png and b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/cns-ui-js-hostname-values-1-snap.png differ diff --git a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/key-value-ui-js-key-value-1-snap.png b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/key-value-ui-js-key-value-1-snap.png index b702716a..3ee90be1 100644 Binary files a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/key-value-ui-js-key-value-1-snap.png and b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/key-value-ui-js-key-value-1-snap.png differ diff --git a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/key-value-ui-js-key-value-input-input-1-snap.png b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/key-value-ui-js-key-value-input-input-1-snap.png index b702716a..3ee90be1 100644 Binary files a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/key-value-ui-js-key-value-input-input-1-snap.png and b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/key-value-ui-js-key-value-input-input-1-snap.png differ diff --git a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/key-value-ui-js-key-value-input-textarea-1-snap.png b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/key-value-ui-js-key-value-input-textarea-1-snap.png index 74139d97..19350958 100644 Binary files a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/key-value-ui-js-key-value-input-textarea-1-snap.png and b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/key-value-ui-js-key-value-input-textarea-1-snap.png differ diff --git a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/key-value-ui-js-key-value-method-add-1-snap.png b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/key-value-ui-js-key-value-method-add-1-snap.png index b702716a..3ee90be1 100644 Binary files a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/key-value-ui-js-key-value-method-add-1-snap.png and b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/key-value-ui-js-key-value-method-add-1-snap.png differ diff --git a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/key-value-ui-js-key-value-method-edit-1-snap.png b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/key-value-ui-js-key-value-method-edit-1-snap.png index edc851b6..b9ef7de0 100644 Binary files a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/key-value-ui-js-key-value-method-edit-1-snap.png and b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/key-value-ui-js-key-value-method-edit-1-snap.png differ diff --git a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/key-value-ui-js-key-value-removing-1-snap.png b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/key-value-ui-js-key-value-removing-1-snap.png index b702716a..3ee90be1 100644 Binary files a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/key-value-ui-js-key-value-removing-1-snap.png and b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/key-value-ui-js-key-value-removing-1-snap.png differ diff --git a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/key-value-ui-js-key-value-submitting-1-snap.png b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/key-value-ui-js-key-value-submitting-1-snap.png index 4bd5cb38..5a48a504 100644 Binary files a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/key-value-ui-js-key-value-submitting-1-snap.png and b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/key-value-ui-js-key-value-submitting-1-snap.png differ diff --git a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/key-value-ui-js-key-value-submitting-2-snap.png b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/key-value-ui-js-key-value-submitting-2-snap.png new file mode 100644 index 00000000..15583412 Binary files /dev/null and b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/key-value-ui-js-key-value-submitting-2-snap.png differ diff --git a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/key-value-ui-js-key-value-type-tag-1-snap.png b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/key-value-ui-js-key-value-type-tag-1-snap.png index 5c644928..25d5c960 100644 Binary files a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/key-value-ui-js-key-value-type-tag-1-snap.png and b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/key-value-ui-js-key-value-type-tag-1-snap.png differ diff --git a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-5-snap.png b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-5-snap.png index 91e4fa13..06e13d30 100644 Binary files a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-5-snap.png and b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-5-snap.png differ diff --git a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-info-expanded-1-snap.png b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-info-expanded-1-snap.png index 71719890..1de23f61 100644 Binary files a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-info-expanded-1-snap.png and b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-info-expanded-1-snap.png differ diff --git a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-info-expanded-3-snap.png b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-info-expanded-3-snap.png index f4b55d31..d6efbae0 100644 Binary files a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-info-expanded-3-snap.png and b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-info-expanded-3-snap.png differ diff --git a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-public-3-snap.png b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-public-3-snap.png index c7650d69..f0a23cfc 100644 Binary files a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-public-3-snap.png and b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-public-3-snap.png differ diff --git a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/tags-ui-js-renders-add-form-without-throwing-1-snap.png b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/tags-ui-js-renders-add-form-without-throwing-1-snap.png index 5c644928..25d5c960 100644 Binary files a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/tags-ui-js-renders-add-form-without-throwing-1-snap.png and b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/tags-ui-js-renders-add-form-without-throwing-1-snap.png differ diff --git a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/tags-ui-js-renders-edit-form-without-throwing-1-snap.png b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/tags-ui-js-renders-edit-form-without-throwing-1-snap.png index 4cb9d044..3e17914f 100644 Binary files a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/tags-ui-js-renders-edit-form-without-throwing-1-snap.png and b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/tags-ui-js-renders-edit-form-without-throwing-1-snap.png differ diff --git a/packages/my-joy-beta/src/components/__tests__/__snapshots__/cns.spec.js.snap b/packages/my-joy-beta/src/components/__tests__/__snapshots__/cns.spec.js.snap index 41403c5d..71ff8df1 100644 --- a/packages/my-joy-beta/src/components/__tests__/__snapshots__/cns.spec.js.snap +++ b/packages/my-joy-beta/src/components/__tests__/__snapshots__/cns.spec.js.snap @@ -2,6 +2,10 @@ exports[`renders without throwing 1`] = ` .c4 { + margin-top: 0.1875rem; +} + +.c6 { margin-left: 0.75rem; } @@ -29,7 +33,24 @@ exports[`renders without throwing 1`] = ` align-items: flex-end; } -.c7 { +.c1 { + -webkit-order: 0; + -ms-flex-order: 0; + order: 0; + -webkit-flex-basis: auto; + -ms-flex-preferred-size: auto; + flex-basis: auto; + -webkit-box-flex: 0; + -webkit-flex-grow: 0; + -ms-flex-positive: 0; + flex-grow: 0; + -webkit-flex-shrink: 1; + -ms-flex-negative: 1; + flex-shrink: 1; + display: block; +} + +.c9 { font-family: sans-serif; font-size: 100%; line-height: 1.15; @@ -42,30 +63,30 @@ exports[`renders without throwing 1`] = ` min-width: 7.5rem; } -.c7::-moz-focus-inner, -.c7[type='button']::-moz-focus-inner, -.c7[type='reset']::-moz-focus-inner, -.c7[type='submit']::-moz-focus-inner { +.c9::-moz-focus-inner, +.c9[type='button']::-moz-focus-inner, +.c9[type='reset']::-moz-focus-inner, +.c9[type='submit']::-moz-focus-inner { border-style: none; padding: 0; } -.c7:-moz-focusring, -.c7[type='button']:-moz-focusring, -.c7[type='reset']:-moz-focusring, -.c7[type='submit']:-moz-focusring { +.c9:-moz-focusring, +.c9[type='button']:-moz-focusring, +.c9[type='reset']:-moz-focusring, +.c9[type='submit']:-moz-focusring { outline: 0.0625rem dotted ButtonText; } -.c7 + button { +.c9 + button { margin-left: 0.375rem; } -.c6 { +.c8 { display: inline-block; } -.c5 { +.c7 { box-sizing: border-box; display: inline-block; -webkit-box-pack: center; @@ -79,8 +100,6 @@ exports[`renders without throwing 1`] = ` min-height: 3rem; height: 3rem; min-width: 7.5rem; - margin-bottom: 0.5rem; - margin-top: 0.5rem; padding: 0.9375rem 1.125rem; position: relative; font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif; @@ -106,34 +125,35 @@ exports[`renders without throwing 1`] = ` border: solid 0.0625rem rgb(45,56,132); } -.c5:focus { +.c7:focus { outline: 0; text-decoration: none; background-color: rgb(59,70,204); border-color: rgb(45,56,132); } -.c5:hover { +.c7:hover { background-color: rgb(72,83,217); border: solid 0.0625rem rgb(45,56,132); } -.c5:active, -.c5:active:hover, -.c5:active:focus { +.c7:active, +.c7:active:hover, +.c7:active:focus { background-image: none; outline: 0; background-color: rgb(45,56,132); border-color: rgb(45,56,132); } -.c5[disabled] { +.c7[disabled] { cursor: not-allowed; pointer-events: none; } -.c2 { +.c3 { font-size: 0.9375rem; + line-height: 1.125rem; font-style: normal; font-stretch: normal; display: block; @@ -145,7 +165,33 @@ exports[`renders without throwing 1`] = ` font-size: 0.8125rem; } -.c1 { +.c11 { + box-sizing: border-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex: 1 1 auto; + -ms-flex: 1 1 auto; + flex: 1 1 auto; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin-right: -0.625rem; + margin-left: -0.625rem; +} + +.c10 { + background-color: rgb(216,216,216); + margin: 0; + background-color: transparent; + height: 0.25rem; +} + +.c2 { display: inline-block; margin: 0; padding: 0; @@ -160,13 +206,11 @@ exports[`renders without throwing 1`] = ` -webkit-padding-after: 0; } -.c3 { +.c5 { box-sizing: border-box; width: 18.75rem; height: 3rem; min-height: 3rem; - margin-bottom: 0.5rem; - margin-top: 0.5rem; padding: 0.8125rem 1.125rem; border-radius: 0.25rem; background-color: rgb(255,255,255); @@ -184,41 +228,41 @@ exports[`renders without throwing 1`] = ` outline: 0; } -.c3::-webkit-input-placeholder { +.c5::-webkit-input-placeholder { color: rgba(73,73,73,0.5); } -.c3::-moz-placeholder { +.c5::-moz-placeholder { color: rgba(73,73,73,0.5); } -.c3:-ms-input-placeholder { +.c5:-ms-input-placeholder { color: rgba(73,73,73,0.5); } -.c3:invalid { +.c5:invalid { box-shadow: none; } -.c3:disabled { +.c5:disabled { background-color: rgb(250,250,250); color: rgb(216,216,216); cursor: not-allowed; } -.c3:disabled::-webkit-input-placeholder { +.c5:disabled::-webkit-input-placeholder { color: rgba(73,73,73,0.5); } -.c3:disabled::-moz-placeholder { +.c5:disabled::-moz-placeholder { color: rgba(73,73,73,0.5); } -.c3:disabled:-ms-input-placeholder { +.c5:disabled:-ms-input-placeholder { color: rgba(73,73,73,0.5); } -.c3:focus { +.c5:focus { border-color: rgb(59,70,204); outline: 0; } @@ -230,36 +274,52 @@ exports[`renders without throwing 1`] = ` className="c0" >
- - + +
+ +
+
- + +
+
@@ -267,6 +327,10 @@ exports[`renders without throwing 1`] = ` exports[`renders without throwing 1`] = ` .c4 { + margin-top: 0.1875rem; +} + +.c6 { margin-left: 0.75rem; } @@ -294,7 +358,24 @@ exports[`renders without throwing 1`] = ` align-items: flex-end; } -.c7 { +.c1 { + -webkit-order: 0; + -ms-flex-order: 0; + order: 0; + -webkit-flex-basis: auto; + -ms-flex-preferred-size: auto; + flex-basis: auto; + -webkit-box-flex: 0; + -webkit-flex-grow: 0; + -ms-flex-positive: 0; + flex-grow: 0; + -webkit-flex-shrink: 1; + -ms-flex-negative: 1; + flex-shrink: 1; + display: block; +} + +.c9 { font-family: sans-serif; font-size: 100%; line-height: 1.15; @@ -307,30 +388,30 @@ exports[`renders without throwing 1`] = ` min-width: 7.5rem; } -.c7::-moz-focus-inner, -.c7[type='button']::-moz-focus-inner, -.c7[type='reset']::-moz-focus-inner, -.c7[type='submit']::-moz-focus-inner { +.c9::-moz-focus-inner, +.c9[type='button']::-moz-focus-inner, +.c9[type='reset']::-moz-focus-inner, +.c9[type='submit']::-moz-focus-inner { border-style: none; padding: 0; } -.c7:-moz-focusring, -.c7[type='button']:-moz-focusring, -.c7[type='reset']:-moz-focusring, -.c7[type='submit']:-moz-focusring { +.c9:-moz-focusring, +.c9[type='button']:-moz-focusring, +.c9[type='reset']:-moz-focusring, +.c9[type='submit']:-moz-focusring { outline: 0.0625rem dotted ButtonText; } -.c7 + button { +.c9 + button { margin-left: 0.375rem; } -.c6 { +.c8 { display: inline-block; } -.c5 { +.c7 { box-sizing: border-box; display: inline-block; -webkit-box-pack: center; @@ -344,8 +425,6 @@ exports[`renders without throwing 1`] = ` min-height: 3rem; height: 3rem; min-width: 7.5rem; - margin-bottom: 0.5rem; - margin-top: 0.5rem; padding: 0.9375rem 1.125rem; position: relative; font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif; @@ -376,51 +455,52 @@ exports[`renders without throwing 1`] = ` border-color: rgb(216,216,216); } -.c5:focus { +.c7:focus { outline: 0; text-decoration: none; background-color: rgb(59,70,204); border-color: rgb(45,56,132); } -.c5:hover { +.c7:hover { background-color: rgb(72,83,217); border: solid 0.0625rem rgb(45,56,132); } -.c5:active, -.c5:active:hover, -.c5:active:focus { +.c7:active, +.c7:active:hover, +.c7:active:focus { background-image: none; outline: 0; background-color: rgb(45,56,132); border-color: rgb(45,56,132); } -.c5[disabled] { +.c7[disabled] { cursor: not-allowed; pointer-events: none; } -.c5:focus { +.c7:focus { background-color: rgb(250,250,250); border-color: rgb(216,216,216); } -.c5:hover { +.c7:hover { background-color: rgb(250,250,250); border-color: rgb(250,250,250); } -.c5:active, -.c5:active:hover, -.c5:active:focus { +.c7:active, +.c7:active:hover, +.c7:active:focus { background-color: rgb(250,250,250); border-color: rgb(250,250,250); } -.c2 { +.c3 { font-size: 0.9375rem; + line-height: 1.125rem; font-style: normal; font-stretch: normal; display: block; @@ -432,7 +512,33 @@ exports[`renders without throwing 1`] = ` font-size: 0.8125rem; } -.c1 { +.c11 { + box-sizing: border-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex: 1 1 auto; + -ms-flex: 1 1 auto; + flex: 1 1 auto; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin-right: -0.625rem; + margin-left: -0.625rem; +} + +.c10 { + background-color: rgb(216,216,216); + margin: 0; + background-color: transparent; + height: 0.25rem; +} + +.c2 { display: inline-block; margin: 0; padding: 0; @@ -447,13 +553,11 @@ exports[`renders without throwing 1`] = ` -webkit-padding-after: 0; } -.c3 { +.c5 { box-sizing: border-box; width: 18.75rem; height: 3rem; min-height: 3rem; - margin-bottom: 0.5rem; - margin-top: 0.5rem; padding: 0.8125rem 1.125rem; border-radius: 0.25rem; background-color: rgb(255,255,255); @@ -471,41 +575,41 @@ exports[`renders without throwing 1`] = ` outline: 0; } -.c3::-webkit-input-placeholder { +.c5::-webkit-input-placeholder { color: rgba(73,73,73,0.5); } -.c3::-moz-placeholder { +.c5::-moz-placeholder { color: rgba(73,73,73,0.5); } -.c3:-ms-input-placeholder { +.c5:-ms-input-placeholder { color: rgba(73,73,73,0.5); } -.c3:invalid { +.c5:invalid { box-shadow: none; } -.c3:disabled { +.c5:disabled { background-color: rgb(250,250,250); color: rgb(216,216,216); cursor: not-allowed; } -.c3:disabled::-webkit-input-placeholder { +.c5:disabled::-webkit-input-placeholder { color: rgba(73,73,73,0.5); } -.c3:disabled::-moz-placeholder { +.c5:disabled::-moz-placeholder { color: rgba(73,73,73,0.5); } -.c3:disabled:-ms-input-placeholder { +.c5:disabled:-ms-input-placeholder { color: rgba(73,73,73,0.5); } -.c3:focus { +.c5:focus { border-color: rgb(59,70,204); outline: 0; } @@ -517,36 +621,52 @@ exports[`renders without throwing 1`] = ` className="c0" >
- - + +
+ +
+
- + +
+
@@ -619,6 +739,10 @@ Array [ exports[`renders without throwing 1`] = `null`; exports[`renders without throwing 1`] = ` +.c9 { + margin-top: 0.1875rem; +} + .c0 { margin-bottom: 1.5rem; } @@ -627,6 +751,11 @@ exports[`renders without throwing 1`] = ` margin-right: 0.375rem; } +.c7 { + margin-top: 0.1875rem; + margin-bottom: 0.375rem; +} + .c1 { display: -webkit-box; display: -webkit-flex; @@ -681,13 +810,11 @@ exports[`renders without throwing 1`] = ` font-size: 0.8125rem; } -.c7 { +.c8 { box-sizing: border-box; width: 18.75rem; height: 3rem; min-height: 3rem; - margin-bottom: 0.5rem; - margin-top: 0.5rem; padding: 0.8125rem 1.125rem; border-radius: 0.25rem; background-color: rgb(255,255,255); @@ -708,69 +835,69 @@ exports[`renders without throwing 1`] = ` outline: 0; } -.c7::-webkit-input-placeholder { +.c8::-webkit-input-placeholder { color: rgba(73,73,73,0.5); } -.c7::-moz-placeholder { +.c8::-moz-placeholder { color: rgba(73,73,73,0.5); } -.c7:-ms-input-placeholder { +.c8:-ms-input-placeholder { color: rgba(73,73,73,0.5); } -.c7:invalid { +.c8:invalid { box-shadow: none; } -.c7::-webkit-input-placeholder { +.c8::-webkit-input-placeholder { color: rgb(216,216,216); } -.c7::-moz-placeholder { +.c8::-moz-placeholder { color: rgb(216,216,216); } -.c7:-ms-input-placeholder { +.c8:-ms-input-placeholder { color: rgb(216,216,216); } -.c7:disabled { +.c8:disabled { background-color: rgb(250,250,250); color: rgb(216,216,216); cursor: not-allowed; } -.c7:disabled::-webkit-input-placeholder { +.c8:disabled::-webkit-input-placeholder { color: rgba(73,73,73,0.5); } -.c7:disabled::-moz-placeholder { +.c8:disabled::-moz-placeholder { color: rgba(73,73,73,0.5); } -.c7:disabled:-ms-input-placeholder { +.c8:disabled:-ms-input-placeholder { color: rgba(73,73,73,0.5); } -.c7:disabled { +.c8:disabled { color: rgba(73,73,73,1); } -.c7:disabled::-webkit-input-placeholder { +.c8:disabled::-webkit-input-placeholder { color: rgba(73,73,73,1); } -.c7:disabled::-moz-placeholder { +.c8:disabled::-moz-placeholder { color: rgba(73,73,73,1); } -.c7:disabled:-ms-input-placeholder { +.c8:disabled:-ms-input-placeholder { color: rgba(73,73,73,1); } -.c7:focus { +.c8:focus { border-color: rgb(59,70,204); outline: 0; } @@ -831,20 +958,28 @@ exports[`renders without throwing 1`] = ` - - + > + + +
+ +
`; diff --git a/packages/my-joy-beta/src/components/__tests__/__snapshots__/firewall.spec.js.snap b/packages/my-joy-beta/src/components/__tests__/__snapshots__/firewall.spec.js.snap index e353b09b..501dc066 100644 --- a/packages/my-joy-beta/src/components/__tests__/__snapshots__/firewall.spec.js.snap +++ b/packages/my-joy-beta/src/components/__tests__/__snapshots__/firewall.spec.js.snap @@ -150,6 +150,45 @@ Array [ display: block; } +.c4 { + box-sizing: border-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex: 1 1 auto; + -ms-flex: 1 1 auto; + flex: 1 1 auto; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin-right: -0.625rem; + margin-left: -0.625rem; +} + +.c5 { + box-sizing: border-box; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + padding-right: 0.625rem; + padding-left: 0.625rem; + display: block; +} + +.c13 { + box-sizing: border-box; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + padding-right: 0.625rem; + padding-left: 0.625rem; + display: block; +} + .c12 { color: rgba(73,73,73,1); line-height: 1.5rem; @@ -170,46 +209,6 @@ Array [ padding-bottom: 2.25rem; } -.c4 { - box-sizing: border-box; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex: 0 1 auto; - -ms-flex: 0 1 auto; - flex: 0 1 auto; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin-right: -0.625rem; - margin-left: -0.625rem; - -webkit-flex: 1 1 auto; - -ms-flex: 1 1 auto; - flex: 1 1 auto; -} - -.c5 { - box-sizing: border-box; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - padding-right: 0.625rem; - padding-left: 0.625rem; -} - -.c13 { - box-sizing: border-box; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - padding-right: 0.625rem; - padding-left: 0.625rem; -} - .c9 { color: rgba(73,73,73,1); font-weight: 700; @@ -334,7 +333,6 @@ Array [ -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; - display: block; } } @@ -344,7 +342,6 @@ Array [ -ms-flex-preferred-size: 16.666666666666668%; flex-basis: 16.666666666666668%; max-width: 16.666666666666668%; - display: block; } } @@ -1308,2955 +1305,6 @@ Array [ ] `; -exports[`renders without throwing 1`] = ` -.c0 { - margin-bottom: 1.5rem; -} - -.c5 { - font-size: 0.9375rem; - font-style: normal; - font-stretch: normal; - display: block; - color: rgb(70,70,70); - text-align: left; - margin-right: 0.75rem; - font-weight: bold; - white-space: pre; - font-size: 0.8125rem; -} - -.c1 { - display: inline-block; - margin: 0; - padding: 0; - border: none; - overflow: hidden; - height: auto; - -webkit-margin-start: 0; - -webkit-margin-end: 0; - -webkit-padding-before: 0; - -webkit-padding-start: 0; - -webkit-padding-end: 0; - -webkit-padding-after: 0; -} - -.c2 { - position: relative; - vertical-align: text-bottom; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; -} - -.c3 { - display: none; -} - -.c3:checked + label { - background: #3B46CC; - border: 0.0625rem solid rgb(59,70,204); -} - -.c3: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); -} - -.c3:checked + label:active { - box-shadow: none; -} - -.c4 { - outline: 0; - display: block; - width: 2.875rem; - height: 1.5rem; - position: relative; - cursor: pointer; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - box-sizing: border-box; - background: rgb(250,250,250); - border-radius: 1.4375rem; - -webkit-transition: all 0.3s ease; - transition: all 0.3s ease; - border: 0.0625rem solid rgb(216,216,216); - margin-right: 0.375rem; -} - -.c4::selection { - background: none; -} - -.c4:active { - box-shadow: inset 0 0 0 1.5rem rgb(216,216,216); -} - -.c4:hover { - border: 0.0625rem solid rgb(59,70,204); -} - -.c4:hover:after { - box-shadow: 0 0 0 0.0625rem rgb(59,70,204); -} - -.c4:after, -.c4:before { - position: relative; - display: block; - content: ''; - width: 50%; - height: 100%; -} - -.c4:after { - -webkit-transform: translateX(0%); - -ms-transform: translateX(0%); - transform: translateX(0%); - border-radius: 50%; - background: rgb(255,255,255); - -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.175,0.885,0.32,1.275); - -webkit-transition: transform 0.3s cubic-bezier(0.175,0.885,0.32,1.275); - transition: transform 0.3s cubic-bezier(0.175,0.885,0.32,1.275); - box-shadow: 0 0 0 0.0625rem rgb(216,216,216); -} - -.c4:active { - box-shadow: inset 0 0 0 2em rgb(216,216,216); -} - -.c4:before { - display: none; -} - -
-
-
-
- -
-
-
-
-`; - -exports[`renders without throwing 1`] = ` -Array [ - .c8 { - margin-bottom: 0.75rem; -} - -.c14 { - margin-right: 0.1875rem; -} - -.c18 { - margin-top: 0.1875rem; - margin-bottom: 0.1875rem; -} - -.c7 { - margin-top: 1.125rem; -} - -.c0 { - margin-bottom: 1.5rem; -} - -.c10 { - padding-top: 0.5625rem; - padding-right: 1.125rem; - padding-bottom: 0.5625rem; - padding-left: 1.125rem; -} - -.c13 { - 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; - width: 100%; - height: 100%; - -webkit-flex-basis: 100%; - -ms-flex-preferred-size: 100%; - flex-basis: 100%; -} - -.c17 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - -webkit-flex-wrap: nowrap; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - -webkit-box-pack: start; - -webkit-justify-content: flex-start; - -ms-flex-pack: start; - justify-content: flex-start; - -webkit-align-content: stretch; - -ms-flex-line-pack: stretch; - align-content: stretch; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; -} - -.c15 { - -webkit-order: 0; - -ms-flex-order: 0; - order: 0; - -webkit-flex-basis: auto; - -ms-flex-preferred-size: auto; - flex-basis: auto; - -webkit-box-flex: 0; - -webkit-flex-grow: 0; - -ms-flex-positive: 0; - flex-grow: 0; - -webkit-flex-shrink: 1; - -ms-flex-negative: 1; - flex-shrink: 1; - display: block; -} - -.c19 { - color: rgba(73,73,73,1); - line-height: 1.5rem; - font-size: 0.9375rem; - margin: 0; -} - -.c19 + p, -.c19 + small, -.c19 + h1, -.c19 + h2, -.c19 + label, -.c19 + h3, -.c19 + h4, -.c19 + h5, -.c19 + div, -.c19 + span { - padding-bottom: 2.25rem; -} - -.c5 { - font-size: 0.9375rem; - font-style: normal; - font-stretch: normal; - display: block; - color: rgb(70,70,70); - text-align: left; - margin-right: 0.75rem; - font-weight: bold; - white-space: pre; - font-size: 0.8125rem; -} - -.c11 { - box-sizing: border-box; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex: 0 1 auto; - -ms-flex: 0 1 auto; - flex: 0 1 auto; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin-right: -0.625rem; - margin-left: -0.625rem; - -webkit-flex: 1 1 auto; - -ms-flex: 1 1 auto; - flex: 1 1 auto; -} - -.c23 { - box-sizing: border-box; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex: 0 1 auto; - -ms-flex: 0 1 auto; - flex: 0 1 auto; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin-right: -0.625rem; - margin-left: -0.625rem; -} - -.c12 { - box-sizing: border-box; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - padding-right: 0.625rem; - padding-left: 0.625rem; -} - -.c20 { - box-sizing: border-box; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - padding-right: 0.625rem; - padding-left: 0.625rem; -} - -.c6 { - color: rgba(73,73,73,1); - font-weight: normal; - line-height: 1.625rem; - font-size: 1.3125rem; - margin: 0; -} - -.c16 { - color: rgba(73,73,73,1); - font-weight: 700; - line-height: 1.5rem; - font-size: 0.9375rem; - margin: 0; -} - -.c16 + p, -.c16 + small, -.c16 + h1, -.c16 + h2, -.c16 + label, -.c16 + h3, -.c16 + h4, -.c16 + h5, -.c16 + div, -.c16 + span { - padding-bottom: 2.25rem; -} - -.c22 { - background-color: rgb(216,216,216); - margin: 0; - background-color: transparent; - height: 0.75rem; -} - -.c9 { - box-sizing: content-box; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex: 1 0 auto; - -ms-flex: 1 0 auto; - flex: 1 0 auto; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - position: relative; - border-width: 0.0625rem; - border-style: solid; - -webkit-transition: all 300ms ease; - transition: all 300ms ease; - color: rgba(73,73,73,1); - background-color: rgb(255,255,255); - border-color: rgb(216,216,216); -} - -.c21 { - box-sizing: content-box; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex: 1 0 auto; - -ms-flex: 1 0 auto; - flex: 1 0 auto; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - position: relative; - border-width: 0.0625rem; - border-style: solid; - -webkit-transition: all 300ms ease; - transition: all 300ms ease; - color: rgba(73,73,73,1); - background-color: rgb(255,255,255); - border-color: rgb(216,216,216); - border-color: rgb(216,216,216); - background-color: rgb(250,250,250); - color: rgba(73,73,73,1); - cursor: default; -} - -.c1 { - display: inline-block; - margin: 0; - padding: 0; - border: none; - overflow: hidden; - height: auto; - -webkit-margin-start: 0; - -webkit-margin-end: 0; - -webkit-padding-before: 0; - -webkit-padding-start: 0; - -webkit-padding-end: 0; - -webkit-padding-after: 0; -} - -.c2 { - position: relative; - vertical-align: text-bottom; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; -} - -.c3 { - display: none; -} - -.c3:checked + label { - background: #3B46CC; - border: 0.0625rem solid rgb(59,70,204); -} - -.c3: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); -} - -.c3:checked + label:active { - box-shadow: none; -} - -.c4 { - outline: 0; - display: block; - width: 2.875rem; - height: 1.5rem; - position: relative; - cursor: pointer; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - box-sizing: border-box; - background: rgb(250,250,250); - border-radius: 1.4375rem; - -webkit-transition: all 0.3s ease; - transition: all 0.3s ease; - border: 0.0625rem solid rgb(216,216,216); - margin-right: 0.375rem; -} - -.c4::selection { - background: none; -} - -.c4:active { - box-shadow: inset 0 0 0 1.5rem rgb(216,216,216); -} - -.c4:hover { - border: 0.0625rem solid rgb(59,70,204); -} - -.c4:hover:after { - box-shadow: 0 0 0 0.0625rem rgb(59,70,204); -} - -.c4:after, -.c4:before { - position: relative; - display: block; - content: ''; - width: 50%; - height: 100%; -} - -.c4:after { - -webkit-transform: translateX(0%); - -ms-transform: translateX(0%); - transform: translateX(0%); - border-radius: 50%; - background: rgb(255,255,255); - -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.175,0.885,0.32,1.275); - -webkit-transition: transform 0.3s cubic-bezier(0.175,0.885,0.32,1.275); - transition: transform 0.3s cubic-bezier(0.175,0.885,0.32,1.275); - box-shadow: 0 0 0 0.0625rem rgb(216,216,216); -} - -.c4:active { - box-shadow: inset 0 0 0 2em rgb(216,216,216); -} - -.c4:before { - display: none; -} - -@media only screen and (min-width:0em) { - .c12 { - -webkit-flex-basis: 25%; - -ms-flex-preferred-size: 25%; - flex-basis: 25%; - max-width: 25%; - display: block; - } -} - -@media only screen and (min-width:0em) { - .c20 { - -webkit-flex-basis: 16.666666666666668%; - -ms-flex-preferred-size: 16.666666666666668%; - flex-basis: 16.666666666666668%; - max-width: 16.666666666666668%; - display: block; - } -} - -
-
-
-
- -
-
-
-
- -
-
-
-

- Default firewall rules -

-
-
-
-
-
-
-
-
-
- - From: - -
-
-
-
-

- Any -

-
-
-
-
-
-
-
-
- - To: - -
-
-
-
-

- All VMs in DC -

-
-
-
-
-
-
-
-
- - Protocol: - -
-
-
-
-

- icmp -

-
-
-
-
-
-
-
-
- - Ports: - -
-
-
-
-

- 8:0 -

-
-
-
-
-
-
-
-
- - Action: - -
-
-
-
-

- Allow -

-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- - From: - -
-
-
-
-

- Any -

-
-
-
-
-
-
-
-
- - To: - -
-
-
-
-

- All VMs in DC -

-
-
-
-
-
-
-
-
- - Protocol: - -
-
-
-
-

- icmp6 -

-
-
-
-
-
-
-
-
- - Ports: - -
-
-
-
-

- all -

-
-
-
-
-
-
-
-
- - Action: - -
-
-
-
-

- Allow -

-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- - From: - -
-
-
-
-

- All VMs in DC -

-
-
-
-
-
-
-
-
- - To: - -
-
-
-
-

- All VMs in DC -

-
-
-
-
-
-
-
-
- - Protocol: - -
-
-
-
-

- tcp -

-
-
-
-
-
-
-
-
- - Ports: - -
-
-
-
-

- all -

-
-
-
-
-
-
-
-
- - Action: - -
-
-
-
-

- Allow -

-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- - From: - -
-
-
-
-

- All VMs in DC -

-
-
-
-
-
-
-
-
- - To: - -
-
-
-
-

- All VMs in DC -

-
-
-
-
-
-
-
-
- - Protocol: - -
-
-
-
-

- tcp -

-
-
-
-
-
-
-
-
- - Ports: - -
-
-
-
-

- all -

-
-
-
-
-
-
-
-
- - Action: - -
-
-
-
-

- Allow -

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

- *Other firewall rules may apply as defined by wildcard(s), IP(s), subnet(s), tag(s) or VM(s). Please see - - - firewall rule list - - - for more details. -

-
-, - .c0 { - margin-bottom: 1.5rem; -} - -.c5 { - font-size: 0.9375rem; - font-style: normal; - font-stretch: normal; - display: block; - color: rgb(70,70,70); - text-align: left; - margin-right: 0.75rem; - font-weight: bold; - white-space: pre; - font-size: 0.8125rem; -} - -.c1 { - display: inline-block; - margin: 0; - padding: 0; - border: none; - overflow: hidden; - height: auto; - -webkit-margin-start: 0; - -webkit-margin-end: 0; - -webkit-padding-before: 0; - -webkit-padding-start: 0; - -webkit-padding-end: 0; - -webkit-padding-after: 0; -} - -.c2 { - position: relative; - vertical-align: text-bottom; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; -} - -.c3 { - display: none; -} - -.c3:checked + label { - background: #3B46CC; - border: 0.0625rem solid rgb(59,70,204); -} - -.c3: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); -} - -.c3:checked + label:active { - box-shadow: none; -} - -.c4 { - outline: 0; - display: block; - width: 2.875rem; - height: 1.5rem; - position: relative; - cursor: pointer; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - box-sizing: border-box; - background: rgb(250,250,250); - border-radius: 1.4375rem; - -webkit-transition: all 0.3s ease; - transition: all 0.3s ease; - border: 0.0625rem solid rgb(216,216,216); - margin-right: 0.375rem; -} - -.c4::selection { - background: none; -} - -.c4:active { - box-shadow: inset 0 0 0 1.5rem rgb(216,216,216); -} - -.c4:hover { - border: 0.0625rem solid rgb(59,70,204); -} - -.c4:hover:after { - box-shadow: 0 0 0 0.0625rem rgb(59,70,204); -} - -.c4:after, -.c4:before { - position: relative; - display: block; - content: ''; - width: 50%; - height: 100%; -} - -.c4:after { - -webkit-transform: translateX(0%); - -ms-transform: translateX(0%); - transform: translateX(0%); - border-radius: 50%; - background: rgb(255,255,255); - -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.175,0.885,0.32,1.275); - -webkit-transition: transform 0.3s cubic-bezier(0.175,0.885,0.32,1.275); - transition: transform 0.3s cubic-bezier(0.175,0.885,0.32,1.275); - box-shadow: 0 0 0 0.0625rem rgb(216,216,216); -} - -.c4:active { - box-shadow: inset 0 0 0 2em rgb(216,216,216); -} - -.c4:before { - display: none; -} - -
-
-
-
- -
-
-
-
, -] -`; - -exports[`renders without throwing 1`] = ` -.c12 { - margin-bottom: 0.75rem; -} - -.c7 { - margin-top: 1.125rem; -} - -.c0 { - margin-bottom: 1.5rem; -} - -.c8 { - margin-top: 1.875rem; -} - -.c10 { - padding: 2.25rem; -} - -.c11 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - -webkit-flex-wrap: nowrap; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - -webkit-box-pack: start; - -webkit-justify-content: flex-start; - -ms-flex-pack: start; - justify-content: flex-start; - -webkit-align-content: stretch; - -ms-flex-line-pack: stretch; - align-content: stretch; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; -} - -.c15 { - color: rgba(73,73,73,1); - line-height: 1.5rem; - font-size: 0.9375rem; - margin: 0; -} - -.c15 + p, -.c15 + small, -.c15 + h1, -.c15 + h2, -.c15 + label, -.c15 + h3, -.c15 + h4, -.c15 + h5, -.c15 + div, -.c15 + span { - padding-bottom: 2.25rem; -} - -.c5 { - font-size: 0.9375rem; - font-style: normal; - font-stretch: normal; - display: block; - color: rgb(70,70,70); - text-align: left; - margin-right: 0.75rem; - font-weight: bold; - white-space: pre; - font-size: 0.8125rem; -} - -.c6 { - color: rgba(73,73,73,1); - font-weight: normal; - line-height: 1.625rem; - font-size: 1.3125rem; - margin: 0; -} - -.c14 { - color: rgba(73,73,73,1); - font-weight: normal; - line-height: 1.625rem; - font-size: 1.3125rem; - margin: 0; -} - -.c14 + p, -.c14 + small, -.c14 + h1, -.c14 + h2, -.c14 + label, -.c14 + h3, -.c14 + h4, -.c14 + h5, -.c14 + div, -.c14 + span { - margin-top: 1.5rem; -} - -.c9 { - box-sizing: content-box; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex: 1 0 auto; - -ms-flex: 1 0 auto; - flex: 1 0 auto; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - position: relative; - border-width: 0.0625rem; - border-style: solid; - -webkit-transition: all 300ms ease; - transition: all 300ms ease; - color: rgba(73,73,73,1); - background-color: rgb(255,255,255); - border-color: rgb(216,216,216); -} - -.c1 { - display: inline-block; - margin: 0; - padding: 0; - border: none; - overflow: hidden; - height: auto; - -webkit-margin-start: 0; - -webkit-margin-end: 0; - -webkit-padding-before: 0; - -webkit-padding-start: 0; - -webkit-padding-end: 0; - -webkit-padding-after: 0; -} - -.c2 { - position: relative; - vertical-align: text-bottom; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; -} - -.c3 { - display: none; -} - -.c3:checked + label { - background: #3B46CC; - border: 0.0625rem solid rgb(59,70,204); -} - -.c3: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); -} - -.c3:checked + label:active { - box-shadow: none; -} - -.c4 { - outline: 0; - display: block; - width: 2.875rem; - height: 1.5rem; - position: relative; - cursor: pointer; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - box-sizing: border-box; - background: rgb(250,250,250); - border-radius: 1.4375rem; - -webkit-transition: all 0.3s ease; - transition: all 0.3s ease; - border: 0.0625rem solid rgb(216,216,216); - margin-right: 0.375rem; -} - -.c4::selection { - background: none; -} - -.c4:active { - box-shadow: inset 0 0 0 1.5rem rgb(216,216,216); -} - -.c4:hover { - border: 0.0625rem solid rgb(59,70,204); -} - -.c4:hover:after { - box-shadow: 0 0 0 0.0625rem rgb(59,70,204); -} - -.c4:after, -.c4:before { - position: relative; - display: block; - content: ''; - width: 50%; - height: 100%; -} - -.c4:after { - -webkit-transform: translateX(0%); - -ms-transform: translateX(0%); - transform: translateX(0%); - border-radius: 50%; - background: rgb(255,255,255); - -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.175,0.885,0.32,1.275); - -webkit-transition: transform 0.3s cubic-bezier(0.175,0.885,0.32,1.275); - transition: transform 0.3s cubic-bezier(0.175,0.885,0.32,1.275); - box-shadow: 0 0 0 0.0625rem rgb(216,216,216); -} - -.c4:active { - box-shadow: inset 0 0 0 2em rgb(216,216,216); -} - -.c4:before { - display: none; -} - -.c13 { - color: rgb(151,151,151); -} - -
-
-
-
- -
-
-
-
- -
-
-
-

- Default firewall rules -

-
-
-
-
-
-
- -
-

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

-
-
-
-
-
-

- *Other firewall rules may apply as defined by wildcard(s), IP(s), subnet(s), tag(s) or VM(s). Please see - - - firewall rule list - - - for more details. -

-
- -`; - -exports[`renders without throwing 1`] = ` -Array [ - .c8 { - margin-bottom: 0.75rem; -} - -.c14 { - margin-right: 0.1875rem; -} - -.c18 { - margin-top: 0.1875rem; - margin-bottom: 0.1875rem; -} - -.c20 { - margin-left: 0.1875rem; -} - -.c22 { - margin-right: 0rem; - margin-bottom: 0rem; -} - -.c7 { - margin-top: 1.125rem; -} - -.c0 { - margin-bottom: 1.5rem; -} - -.c10 { - padding-top: 0.5625rem; - padding-right: 1.125rem; - padding-bottom: 0.5625rem; - padding-left: 1.125rem; -} - -.c13 { - 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; - width: 100%; - height: 100%; - -webkit-flex-basis: 100%; - -ms-flex-preferred-size: 100%; - flex-basis: 100%; -} - -.c17 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - -webkit-flex-wrap: nowrap; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - -webkit-box-pack: start; - -webkit-justify-content: flex-start; - -ms-flex-pack: start; - justify-content: flex-start; - -webkit-align-content: stretch; - -ms-flex-line-pack: stretch; - align-content: stretch; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; -} - -.c15 { - -webkit-order: 0; - -ms-flex-order: 0; - order: 0; - -webkit-flex-basis: auto; - -ms-flex-preferred-size: auto; - flex-basis: auto; - -webkit-box-flex: 0; - -webkit-flex-grow: 0; - -ms-flex-positive: 0; - flex-grow: 0; - -webkit-flex-shrink: 1; - -ms-flex-negative: 1; - flex-shrink: 1; - display: block; -} - -.c19 { - color: rgba(73,73,73,1); - line-height: 1.5rem; - font-size: 0.9375rem; - margin: 0; -} - -.c19 + p, -.c19 + small, -.c19 + h1, -.c19 + h2, -.c19 + label, -.c19 + h3, -.c19 + h4, -.c19 + h5, -.c19 + div, -.c19 + span { - padding-bottom: 2.25rem; -} - -.c5 { - font-size: 0.9375rem; - font-style: normal; - font-stretch: normal; - display: block; - color: rgb(70,70,70); - text-align: left; - margin-right: 0.75rem; - font-weight: bold; - white-space: pre; - font-size: 0.8125rem; -} - -.c11 { - box-sizing: border-box; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex: 0 1 auto; - -ms-flex: 0 1 auto; - flex: 0 1 auto; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin-right: -0.625rem; - margin-left: -0.625rem; - -webkit-flex: 1 1 auto; - -ms-flex: 1 1 auto; - flex: 1 1 auto; -} - -.c27 { - box-sizing: border-box; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex: 0 1 auto; - -ms-flex: 0 1 auto; - flex: 0 1 auto; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin-right: -0.625rem; - margin-left: -0.625rem; -} - -.c12 { - box-sizing: border-box; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - padding-right: 0.625rem; - padding-left: 0.625rem; -} - -.c25 { - box-sizing: border-box; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - padding-right: 0.625rem; - padding-left: 0.625rem; -} - -.c6 { - color: rgba(73,73,73,1); - font-weight: normal; - line-height: 1.625rem; - font-size: 1.3125rem; - margin: 0; -} - -.c16 { - color: rgba(73,73,73,1); - font-weight: 700; - line-height: 1.5rem; - font-size: 0.9375rem; - margin: 0; -} - -.c16 + p, -.c16 + small, -.c16 + h1, -.c16 + h2, -.c16 + label, -.c16 + h3, -.c16 + h4, -.c16 + h5, -.c16 + div, -.c16 + span { - padding-bottom: 2.25rem; -} - -.c26 { - background-color: rgb(216,216,216); - margin: 0; - background-color: transparent; - height: 0.75rem; -} - -.c23 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; -} - -.c9 { - box-sizing: content-box; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex: 1 0 auto; - -ms-flex: 1 0 auto; - flex: 1 0 auto; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - position: relative; - border-width: 0.0625rem; - border-style: solid; - -webkit-transition: all 300ms ease; - transition: all 300ms ease; - color: rgba(73,73,73,1); - background-color: rgb(255,255,255); - border-color: rgb(216,216,216); - border-color: rgb(216,216,216); - background-color: rgb(250,250,250); - color: rgba(73,73,73,1); - cursor: default; -} - -.c1 { - display: inline-block; - margin: 0; - padding: 0; - border: none; - overflow: hidden; - height: auto; - -webkit-margin-start: 0; - -webkit-margin-end: 0; - -webkit-padding-before: 0; - -webkit-padding-start: 0; - -webkit-padding-end: 0; - -webkit-padding-after: 0; -} - -.c2 { - position: relative; - vertical-align: text-bottom; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; -} - -.c3 { - display: none; -} - -.c3:checked + label { - background: #3B46CC; - border: 0.0625rem solid rgb(59,70,204); -} - -.c3: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); -} - -.c3:checked + label:active { - box-shadow: none; -} - -.c4 { - outline: 0; - display: block; - width: 2.875rem; - height: 1.5rem; - position: relative; - cursor: pointer; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - box-sizing: border-box; - background: rgb(250,250,250); - border-radius: 1.4375rem; - -webkit-transition: all 0.3s ease; - transition: all 0.3s ease; - border: 0.0625rem solid rgb(216,216,216); - margin-right: 0.375rem; -} - -.c4::selection { - background: none; -} - -.c4:active { - box-shadow: inset 0 0 0 1.5rem rgb(216,216,216); -} - -.c4:hover { - border: 0.0625rem solid rgb(59,70,204); -} - -.c4:hover:after { - box-shadow: 0 0 0 0.0625rem rgb(59,70,204); -} - -.c4:after, -.c4:before { - position: relative; - display: block; - content: ''; - width: 50%; - height: 100%; -} - -.c4:after { - -webkit-transform: translateX(0%); - -ms-transform: translateX(0%); - transform: translateX(0%); - border-radius: 50%; - background: rgb(255,255,255); - -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.175,0.885,0.32,1.275); - -webkit-transition: transform 0.3s cubic-bezier(0.175,0.885,0.32,1.275); - transition: transform 0.3s cubic-bezier(0.175,0.885,0.32,1.275); - box-shadow: 0 0 0 0.0625rem rgb(216,216,216); -} - -.c4:active { - box-shadow: inset 0 0 0 2em rgb(216,216,216); -} - -.c4:before { - display: none; -} - -.c24 { - border: 0.0625rem solid rgb(216,216,216); - box-sizing: border-box; - border-radius: 0.1875rem; - font-size: 0.8125rem; - line-height: 1.125rem; - padding: 0.3125rem 0.75rem; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; -} - -.c21 { - margin: 0; - padding: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - list-style: none; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; -} - -@media only screen and (min-width:0em) { - .c12 { - -webkit-flex-basis: 25%; - -ms-flex-preferred-size: 25%; - flex-basis: 25%; - max-width: 25%; - display: block; - } -} - -@media only screen and (min-width:0em) { - .c25 { - -webkit-flex-basis: 16.666666666666668%; - -ms-flex-preferred-size: 16.666666666666668%; - flex-basis: 16.666666666666668%; - max-width: 16.666666666666668%; - display: block; - } -} - -
-
-
-
- -
-
-
-
- -
-
-
-

- Default firewall rules -

-
-

- Firewall rules from instance tags -

-
-
-
-
-
-
-
-
-
- - From: - -
-
-
-
-

- Any -

-
-
-
-
-
-
-
-
- - To: - -
-
-
-
-
    -
    -
    -
  • - wat: -
    • -
    -
    -
-
-
-
-
-
-
-
-
- - Protocol: - -
-
-
-
-

- tcp -

-
-
-
-
-
-
-
-
- - Ports: - -
-
-
-
-

- all -

-
-
-
-
-
-
-
-
- - Action: - -
-
-
-
-

- Allow -

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

- *Other firewall rules may apply as defined by wildcard(s), IP(s), subnet(s), tag(s) or VM(s). Please see - - - firewall rule list - - - for more details. -

-
-, - .c0 { - margin-bottom: 1.5rem; -} - -.c5 { - font-size: 0.9375rem; - font-style: normal; - font-stretch: normal; - display: block; - color: rgb(70,70,70); - text-align: left; - margin-right: 0.75rem; - font-weight: bold; - white-space: pre; - font-size: 0.8125rem; -} - -.c1 { - display: inline-block; - margin: 0; - padding: 0; - border: none; - overflow: hidden; - height: auto; - -webkit-margin-start: 0; - -webkit-margin-end: 0; - -webkit-padding-before: 0; - -webkit-padding-start: 0; - -webkit-padding-end: 0; - -webkit-padding-after: 0; -} - -.c2 { - position: relative; - vertical-align: text-bottom; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; -} - -.c3 { - display: none; -} - -.c3:checked + label { - background: #3B46CC; - border: 0.0625rem solid rgb(59,70,204); -} - -.c3: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); -} - -.c3:checked + label:active { - box-shadow: none; -} - -.c4 { - outline: 0; - display: block; - width: 2.875rem; - height: 1.5rem; - position: relative; - cursor: pointer; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - box-sizing: border-box; - background: rgb(250,250,250); - border-radius: 1.4375rem; - -webkit-transition: all 0.3s ease; - transition: all 0.3s ease; - border: 0.0625rem solid rgb(216,216,216); - margin-right: 0.375rem; -} - -.c4::selection { - background: none; -} - -.c4:active { - box-shadow: inset 0 0 0 1.5rem rgb(216,216,216); -} - -.c4:hover { - border: 0.0625rem solid rgb(59,70,204); -} - -.c4:hover:after { - box-shadow: 0 0 0 0.0625rem rgb(59,70,204); -} - -.c4:after, -.c4:before { - position: relative; - display: block; - content: ''; - width: 50%; - height: 100%; -} - -.c4:after { - -webkit-transform: translateX(0%); - -ms-transform: translateX(0%); - transform: translateX(0%); - border-radius: 50%; - background: rgb(255,255,255); - -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.175,0.885,0.32,1.275); - -webkit-transition: transform 0.3s cubic-bezier(0.175,0.885,0.32,1.275); - transition: transform 0.3s cubic-bezier(0.175,0.885,0.32,1.275); - box-shadow: 0 0 0 0.0625rem rgb(216,216,216); -} - -.c4:active { - box-shadow: inset 0 0 0 2em rgb(216,216,216); -} - -.c4:before { - display: none; -} - -
-
-
-
- -
-
-
-
, -] -`; - exports[`renders without throwing 1`] = ` Array [ .c0 { @@ -4356,6 +1404,45 @@ Array [ display: block; } +.c3 { + box-sizing: border-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex: 1 1 auto; + -ms-flex: 1 1 auto; + flex: 1 1 auto; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin-right: -0.625rem; + margin-left: -0.625rem; +} + +.c4 { + box-sizing: border-box; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + padding-right: 0.625rem; + padding-left: 0.625rem; + display: block; +} + +.c12 { + box-sizing: border-box; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + padding-right: 0.625rem; + padding-left: 0.625rem; + display: block; +} + .c11 { color: rgba(73,73,73,1); line-height: 1.5rem; @@ -4376,46 +1463,6 @@ Array [ padding-bottom: 2.25rem; } -.c3 { - box-sizing: border-box; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex: 0 1 auto; - -ms-flex: 0 1 auto; - flex: 0 1 auto; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin-right: -0.625rem; - margin-left: -0.625rem; - -webkit-flex: 1 1 auto; - -ms-flex: 1 1 auto; - flex: 1 1 auto; -} - -.c4 { - box-sizing: border-box; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - padding-right: 0.625rem; - padding-left: 0.625rem; -} - -.c12 { - box-sizing: border-box; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - padding-right: 0.625rem; - padding-left: 0.625rem; -} - .c8 { color: rgba(73,73,73,1); font-weight: 700; @@ -4465,7 +1512,6 @@ Array [ -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; - display: block; } } @@ -4475,7 +1521,6 @@ Array [ -ms-flex-preferred-size: 16.666666666666668%; flex-basis: 16.666666666666668%; max-width: 16.666666666666668%; - display: block; } } @@ -4764,6 +1809,45 @@ Array [ display: block; } +.c3 { + box-sizing: border-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex: 1 1 auto; + -ms-flex: 1 1 auto; + flex: 1 1 auto; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin-right: -0.625rem; + margin-left: -0.625rem; +} + +.c4 { + box-sizing: border-box; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + padding-right: 0.625rem; + padding-left: 0.625rem; + display: block; +} + +.c12 { + box-sizing: border-box; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + padding-right: 0.625rem; + padding-left: 0.625rem; + display: block; +} + .c11 { color: rgba(73,73,73,1); line-height: 1.5rem; @@ -4784,46 +1868,6 @@ Array [ padding-bottom: 2.25rem; } -.c3 { - box-sizing: border-box; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex: 0 1 auto; - -ms-flex: 0 1 auto; - flex: 0 1 auto; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin-right: -0.625rem; - margin-left: -0.625rem; - -webkit-flex: 1 1 auto; - -ms-flex: 1 1 auto; - flex: 1 1 auto; -} - -.c4 { - box-sizing: border-box; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - padding-right: 0.625rem; - padding-left: 0.625rem; -} - -.c12 { - box-sizing: border-box; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - padding-right: 0.625rem; - padding-left: 0.625rem; -} - .c8 { color: rgba(73,73,73,1); font-weight: 700; @@ -4873,7 +1917,6 @@ Array [ -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; - display: block; } } @@ -4883,7 +1926,6 @@ Array [ -ms-flex-preferred-size: 16.666666666666668%; flex-basis: 16.666666666666668%; max-width: 16.666666666666668%; - display: block; } } @@ -5172,6 +2214,45 @@ Array [ display: block; } +.c3 { + box-sizing: border-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex: 1 1 auto; + -ms-flex: 1 1 auto; + flex: 1 1 auto; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin-right: -0.625rem; + margin-left: -0.625rem; +} + +.c4 { + box-sizing: border-box; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + padding-right: 0.625rem; + padding-left: 0.625rem; + display: block; +} + +.c12 { + box-sizing: border-box; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + padding-right: 0.625rem; + padding-left: 0.625rem; + display: block; +} + .c11 { color: rgba(73,73,73,1); line-height: 1.5rem; @@ -5192,46 +2273,6 @@ Array [ padding-bottom: 2.25rem; } -.c3 { - box-sizing: border-box; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex: 0 1 auto; - -ms-flex: 0 1 auto; - flex: 0 1 auto; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin-right: -0.625rem; - margin-left: -0.625rem; - -webkit-flex: 1 1 auto; - -ms-flex: 1 1 auto; - flex: 1 1 auto; -} - -.c4 { - box-sizing: border-box; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - padding-right: 0.625rem; - padding-left: 0.625rem; -} - -.c12 { - box-sizing: border-box; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - padding-right: 0.625rem; - padding-left: 0.625rem; -} - .c8 { color: rgba(73,73,73,1); font-weight: 700; @@ -5285,7 +2326,6 @@ Array [ -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; - display: block; } } @@ -5295,7 +2335,6 @@ Array [ -ms-flex-preferred-size: 16.666666666666668%; flex-basis: 16.666666666666668%; max-width: 16.666666666666668%; - display: block; } } @@ -5584,6 +2623,45 @@ Array [ display: block; } +.c3 { + box-sizing: border-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex: 1 1 auto; + -ms-flex: 1 1 auto; + flex: 1 1 auto; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin-right: -0.625rem; + margin-left: -0.625rem; +} + +.c4 { + box-sizing: border-box; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + padding-right: 0.625rem; + padding-left: 0.625rem; + display: block; +} + +.c12 { + box-sizing: border-box; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + padding-right: 0.625rem; + padding-left: 0.625rem; + display: block; +} + .c11 { color: rgba(73,73,73,1); line-height: 1.5rem; @@ -5604,46 +2682,6 @@ Array [ padding-bottom: 2.25rem; } -.c3 { - box-sizing: border-box; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex: 0 1 auto; - -ms-flex: 0 1 auto; - flex: 0 1 auto; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin-right: -0.625rem; - margin-left: -0.625rem; - -webkit-flex: 1 1 auto; - -ms-flex: 1 1 auto; - flex: 1 1 auto; -} - -.c4 { - box-sizing: border-box; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - padding-right: 0.625rem; - padding-left: 0.625rem; -} - -.c12 { - box-sizing: border-box; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - padding-right: 0.625rem; - padding-left: 0.625rem; -} - .c8 { color: rgba(73,73,73,1); font-weight: 700; @@ -5697,7 +2735,6 @@ Array [ -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; - display: block; } } @@ -5707,7 +2744,6 @@ Array [ -ms-flex-preferred-size: 16.666666666666668%; flex-basis: 16.666666666666668%; max-width: 16.666666666666668%; - display: block; } } @@ -6005,6 +3041,45 @@ Array [ display: block; } +.c3 { + box-sizing: border-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex: 1 1 auto; + -ms-flex: 1 1 auto; + flex: 1 1 auto; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin-right: -0.625rem; + margin-left: -0.625rem; +} + +.c4 { + box-sizing: border-box; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + padding-right: 0.625rem; + padding-left: 0.625rem; + display: block; +} + +.c17 { + box-sizing: border-box; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + padding-right: 0.625rem; + padding-left: 0.625rem; + display: block; +} + .c11 { color: rgba(73,73,73,1); line-height: 1.5rem; @@ -6025,46 +3100,6 @@ Array [ padding-bottom: 2.25rem; } -.c3 { - box-sizing: border-box; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex: 0 1 auto; - -ms-flex: 0 1 auto; - flex: 0 1 auto; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin-right: -0.625rem; - margin-left: -0.625rem; - -webkit-flex: 1 1 auto; - -ms-flex: 1 1 auto; - flex: 1 1 auto; -} - -.c4 { - box-sizing: border-box; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - padding-right: 0.625rem; - padding-left: 0.625rem; -} - -.c17 { - box-sizing: border-box; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - padding-right: 0.625rem; - padding-left: 0.625rem; -} - .c8 { color: rgba(73,73,73,1); font-weight: 700; @@ -6167,7 +3202,6 @@ Array [ -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; - display: block; } } @@ -6177,7 +3211,6 @@ Array [ -ms-flex-preferred-size: 16.666666666666668%; flex-basis: 16.666666666666668%; max-width: 16.666666666666668%; - display: block; } } @@ -6537,6 +3570,45 @@ Array [ display: block; } +.c4 { + box-sizing: border-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex: 1 1 auto; + -ms-flex: 1 1 auto; + flex: 1 1 auto; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin-right: -0.625rem; + margin-left: -0.625rem; +} + +.c5 { + box-sizing: border-box; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + padding-right: 0.625rem; + padding-left: 0.625rem; + display: block; +} + +.c13 { + box-sizing: border-box; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + padding-right: 0.625rem; + padding-left: 0.625rem; + display: block; +} + .c12 { color: rgba(73,73,73,1); line-height: 1.5rem; @@ -6557,46 +3629,6 @@ Array [ padding-bottom: 2.25rem; } -.c4 { - box-sizing: border-box; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex: 0 1 auto; - -ms-flex: 0 1 auto; - flex: 0 1 auto; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin-right: -0.625rem; - margin-left: -0.625rem; - -webkit-flex: 1 1 auto; - -ms-flex: 1 1 auto; - flex: 1 1 auto; -} - -.c5 { - box-sizing: border-box; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - padding-right: 0.625rem; - padding-left: 0.625rem; -} - -.c13 { - box-sizing: border-box; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - padding-right: 0.625rem; - padding-left: 0.625rem; -} - .c9 { color: rgba(73,73,73,1); font-weight: 700; @@ -6721,7 +3753,6 @@ Array [ -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; - display: block; } } @@ -6731,7 +3762,6 @@ Array [ -ms-flex-preferred-size: 16.666666666666668%; flex-basis: 16.666666666666668%; max-width: 16.666666666666668%; - display: block; } } @@ -7722,6 +4752,7 @@ exports[`renders without throwing 1`] = ` .c2 { font-size: 0.9375rem; + line-height: 1.125rem; font-style: normal; font-stretch: normal; display: block; @@ -7847,7 +4878,7 @@ exports[`renders without throwing 1`] = ` }
without throwing 1`] = `
without throwing 1`] = ` Metadata value - + > + +
without throwing 1`] = ` Metadata value - + > + +
@@ -3190,30 +3205,34 @@ exports[`renders without throwing 1`] = ` Metadata value -