diff --git a/packages/my-joy-images/lib/index.js b/packages/my-joy-images/lib/index.js index d0d9d06a..95746b15 100644 --- a/packages/my-joy-images/lib/index.js +++ b/packages/my-joy-images/lib/index.js @@ -2,7 +2,6 @@ const Boom = require('boom'); const Inert = require('inert'); const Path = require('path'); const RenderReact = require('hapi-render-react'); -const Url = require('url'); const Intercept = require('apr-intercept'); const Fs = require('mz/fs'); diff --git a/packages/my-joy-instances/lib/index.js b/packages/my-joy-instances/lib/index.js index 28e9ccd1..6764a95a 100644 --- a/packages/my-joy-instances/lib/index.js +++ b/packages/my-joy-instances/lib/index.js @@ -2,8 +2,6 @@ const Boom = require('boom'); const Inert = require('inert'); const Path = require('path'); const RenderReact = require('hapi-render-react'); -const Wreck = require('wreck'); -const Url = require('url'); const Intercept = require('apr-intercept'); const Fs = require('mz/fs'); diff --git a/packages/my-joy-instances/package.json b/packages/my-joy-instances/package.json index 89de29ad..6f8ada90 100644 --- a/packages/my-joy-instances/package.json +++ b/packages/my-joy-instances/package.json @@ -13,7 +13,7 @@ "prepublish": "NODE_ENV=production redrun build:bundle", "lint": "redrun lint:ci -- --fix", "lint:ci": "NODE_ENV=test eslint . --ext .js --ext .md", - "test": "DEFAULT_TIMEOUT_INTERVAL=100000 NODE_ENV=test joyent-react-scripts test --env=jsdom", + "test": "DEFAULT_TIMEOUT_INTERVAL=100000 NODE_ENV=test joyent-react-scripts test --env=jsdom --testPathIgnorePatterns='.ui.js'", "test:ci": "NODE_ENV=test joyent-react-scripts test --env=jsdom --testPathIgnorePatterns='.ui.js'", "build:frontend": "joyent-react-scripts build", "build:ssr": "SSR=1 UMD=1 babel src --out-dir lib/app --copy-files" diff --git a/packages/my-joy-instances/src/components/__tests__/__image_snapshots__/cns-ui-js-add-service-form-1-snap.png b/packages/my-joy-instances/src/components/__tests__/__image_snapshots__/cns-ui-js-add-service-form-1-snap.png index 3a7e9470..5a2edc09 100644 Binary files a/packages/my-joy-instances/src/components/__tests__/__image_snapshots__/cns-ui-js-add-service-form-1-snap.png and b/packages/my-joy-instances/src/components/__tests__/__image_snapshots__/cns-ui-js-add-service-form-1-snap.png differ diff --git a/packages/my-joy-instances/src/components/__tests__/__image_snapshots__/cns-ui-js-add-service-form-pristine-1-snap.png b/packages/my-joy-instances/src/components/__tests__/__image_snapshots__/cns-ui-js-add-service-form-pristine-1-snap.png index 3a7e9470..5a2edc09 100644 Binary files a/packages/my-joy-instances/src/components/__tests__/__image_snapshots__/cns-ui-js-add-service-form-pristine-1-snap.png and b/packages/my-joy-instances/src/components/__tests__/__image_snapshots__/cns-ui-js-add-service-form-pristine-1-snap.png differ diff --git a/packages/my-joy-instances/src/components/__tests__/__image_snapshots__/cns-ui-js-header-1-snap.png b/packages/my-joy-instances/src/components/__tests__/__image_snapshots__/cns-ui-js-header-1-snap.png index 50bf582e..a976c3e2 100644 Binary files a/packages/my-joy-instances/src/components/__tests__/__image_snapshots__/cns-ui-js-header-1-snap.png and b/packages/my-joy-instances/src/components/__tests__/__image_snapshots__/cns-ui-js-header-1-snap.png differ diff --git a/packages/my-joy-instances/src/components/__tests__/__image_snapshots__/cns-ui-js-hostname-values-1-snap.png b/packages/my-joy-instances/src/components/__tests__/__image_snapshots__/cns-ui-js-hostname-values-1-snap.png index 5b25e1de..8a105b2d 100644 Binary files a/packages/my-joy-instances/src/components/__tests__/__image_snapshots__/cns-ui-js-hostname-values-1-snap.png and b/packages/my-joy-instances/src/components/__tests__/__image_snapshots__/cns-ui-js-hostname-values-1-snap.png differ diff --git a/packages/my-joy-instances/src/components/__tests__/__image_snapshots__/cns-ui-js-hostnames-header-1-snap.png b/packages/my-joy-instances/src/components/__tests__/__image_snapshots__/cns-ui-js-hostnames-header-1-snap.png index 40b4f364..7791281f 100644 Binary files a/packages/my-joy-instances/src/components/__tests__/__image_snapshots__/cns-ui-js-hostnames-header-1-snap.png and b/packages/my-joy-instances/src/components/__tests__/__image_snapshots__/cns-ui-js-hostnames-header-1-snap.png differ diff --git a/packages/my-joy-instances/src/components/__tests__/__image_snapshots__/firewall-ui-js-default-rules-1-snap.png b/packages/my-joy-instances/src/components/__tests__/__image_snapshots__/firewall-ui-js-default-rules-1-snap.png index c64ac6e7..54624848 100644 Binary files a/packages/my-joy-instances/src/components/__tests__/__image_snapshots__/firewall-ui-js-default-rules-1-snap.png and b/packages/my-joy-instances/src/components/__tests__/__image_snapshots__/firewall-ui-js-default-rules-1-snap.png differ diff --git a/packages/my-joy-instances/src/components/__tests__/__image_snapshots__/firewall-ui-js-default-rules-rules-1-snap.png b/packages/my-joy-instances/src/components/__tests__/__image_snapshots__/firewall-ui-js-default-rules-rules-1-snap.png index 6bd04727..c01c8cf1 100644 Binary files a/packages/my-joy-instances/src/components/__tests__/__image_snapshots__/firewall-ui-js-default-rules-rules-1-snap.png and b/packages/my-joy-instances/src/components/__tests__/__image_snapshots__/firewall-ui-js-default-rules-rules-1-snap.png differ diff --git a/packages/my-joy-instances/src/components/__tests__/__image_snapshots__/firewall-ui-js-rules-rules-1-snap.png b/packages/my-joy-instances/src/components/__tests__/__image_snapshots__/firewall-ui-js-rules-rules-1-snap.png index 0c719182..55262800 100644 Binary files a/packages/my-joy-instances/src/components/__tests__/__image_snapshots__/firewall-ui-js-rules-rules-1-snap.png and b/packages/my-joy-instances/src/components/__tests__/__image_snapshots__/firewall-ui-js-rules-rules-1-snap.png differ diff --git a/packages/my-joy-instances/src/components/__tests__/__image_snapshots__/firewall-ui-js-tag-rules-1-snap.png b/packages/my-joy-instances/src/components/__tests__/__image_snapshots__/firewall-ui-js-tag-rules-1-snap.png index e9eab2e3..5e702afd 100644 Binary files a/packages/my-joy-instances/src/components/__tests__/__image_snapshots__/firewall-ui-js-tag-rules-1-snap.png and b/packages/my-joy-instances/src/components/__tests__/__image_snapshots__/firewall-ui-js-tag-rules-1-snap.png differ diff --git a/packages/my-joy-instances/src/components/__tests__/__image_snapshots__/firewall-ui-js-tag-rules-rules-1-snap.png b/packages/my-joy-instances/src/components/__tests__/__image_snapshots__/firewall-ui-js-tag-rules-rules-1-snap.png index 799a8388..2eda8470 100644 Binary files a/packages/my-joy-instances/src/components/__tests__/__image_snapshots__/firewall-ui-js-tag-rules-rules-1-snap.png and b/packages/my-joy-instances/src/components/__tests__/__image_snapshots__/firewall-ui-js-tag-rules-rules-1-snap.png differ diff --git a/packages/my-joy-instances/src/components/__tests__/__image_snapshots__/firewall-ui-js-toggle-firewall-form-1-snap.png b/packages/my-joy-instances/src/components/__tests__/__image_snapshots__/firewall-ui-js-toggle-firewall-form-1-snap.png index d4b02629..3b7b7cd1 100644 Binary files a/packages/my-joy-instances/src/components/__tests__/__image_snapshots__/firewall-ui-js-toggle-firewall-form-1-snap.png and b/packages/my-joy-instances/src/components/__tests__/__image_snapshots__/firewall-ui-js-toggle-firewall-form-1-snap.png differ diff --git a/packages/my-joy-instances/src/components/__tests__/__image_snapshots__/firewall-ui-js-toggle-firewall-form-submitting-1-snap.png b/packages/my-joy-instances/src/components/__tests__/__image_snapshots__/firewall-ui-js-toggle-firewall-form-submitting-1-snap.png index 1145d5af..ef8818a1 100644 Binary files a/packages/my-joy-instances/src/components/__tests__/__image_snapshots__/firewall-ui-js-toggle-firewall-form-submitting-1-snap.png and b/packages/my-joy-instances/src/components/__tests__/__image_snapshots__/firewall-ui-js-toggle-firewall-form-submitting-1-snap.png differ diff --git a/packages/my-joy-instances/src/components/__tests__/__image_snapshots__/firewall-ui-js-toggle-inactive-form-1-snap.png b/packages/my-joy-instances/src/components/__tests__/__image_snapshots__/firewall-ui-js-toggle-inactive-form-1-snap.png index 4ce5cee3..119f599f 100644 Binary files a/packages/my-joy-instances/src/components/__tests__/__image_snapshots__/firewall-ui-js-toggle-inactive-form-1-snap.png and b/packages/my-joy-instances/src/components/__tests__/__image_snapshots__/firewall-ui-js-toggle-inactive-form-1-snap.png differ diff --git a/packages/my-joy-instances/src/components/__tests__/__snapshots__/cns.spec.js.snap b/packages/my-joy-instances/src/components/__tests__/__snapshots__/cns.spec.js.snap index 42871c51..e28b0345 100644 --- a/packages/my-joy-instances/src/components/__tests__/__snapshots__/cns.spec.js.snap +++ b/packages/my-joy-instances/src/components/__tests__/__snapshots__/cns.spec.js.snap @@ -1,12 +1,11 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`renders without throwing 1`] = ` -.c4 { +.c6 { margin-top: 0.1875rem; } -.c6 { - margin-top: 1.3125rem; +.c8 { margin-left: 0.75rem; } @@ -31,6 +30,30 @@ exports[`renders without throwing 1`] = ` -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; + -webkit-align-items: flex-end; + -webkit-box-align: flex-end; + -ms-flex-align: flex-end; + align-items: flex-end; +} + +.c2 { + 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; } .c1 { @@ -50,7 +73,7 @@ exports[`renders without throwing 1`] = ` display: block; } -.c9 { +.c12 { font-family: sans-serif; font-size: 100%; line-height: 1.15; @@ -60,39 +83,32 @@ exports[`renders without throwing 1`] = ` -webkit-appearance: button; -moz-appearance: button; appearance: button; - min-width: 7.5rem; } -.c9::-moz-focus-inner, -.c9[type='button']::-moz-focus-inner, -.c9[type='reset']::-moz-focus-inner, -.c9[type='submit']::-moz-focus-inner { +.c12::-moz-focus-inner, +.c12[type='button']::-moz-focus-inner, +.c12[type='reset']::-moz-focus-inner, +.c12[type='submit']::-moz-focus-inner { border-style: none; padding: 0; } -.c9:-moz-focusring, -.c9[type='button']:-moz-focusring, -.c9[type='reset']:-moz-focusring, -.c9[type='submit']:-moz-focusring { +.c12:-moz-focusring, +.c12[type='button']:-moz-focusring, +.c12[type='reset']:-moz-focusring, +.c12[type='submit']:-moz-focusring { outline: 0.0625rem dotted ButtonText; } -.c9 + button, -.c9 + a { - margin-left: 0.375rem; +.c11 { + min-width: 7.5rem; } -.c8 { +.c10 { display: inline-block; } -.c8 + button, -.c8 + a { - margin-left: 0.375rem; -} - -.c7 { +.c9 { box-sizing: border-box; display: inline-block; -webkit-box-pack: center; @@ -132,7 +148,7 @@ exports[`renders without throwing 1`] = ` border: solid 0.0625rem rgb(45,56,132); } -.c7:focus { +.c9:focus { outline: 0; -webkit-text-decoration: none; text-decoration: none; @@ -140,26 +156,26 @@ exports[`renders without throwing 1`] = ` border-color: rgb(45,56,132); } -.c7:hover { +.c9:hover { background-color: rgb(72,83,217); border: solid 0.0625rem rgb(45,56,132); } -.c7:active, -.c7:active:hover, -.c7:active:focus { +.c9:active, +.c9:active:hover, +.c9:active:focus { background-image: none; outline: 0; background-color: rgb(45,56,132); border-color: rgb(45,56,132); } -.c7[disabled] { +.c9[disabled] { cursor: not-allowed; pointer-events: none; } -.c3 { +.c5 { font-size: 0.9375rem; line-height: 1.125rem; font-style: normal; @@ -167,14 +183,9 @@ exports[`renders without throwing 1`] = ` display: block; color: rgb(70,70,70); text-align: left; - margin-bottom: 0.1875rem; - margin-right: 0.75rem; - font-weight: 600; - white-space: pre; - font-size: 0.8125rem; } -.c11 { +.c14 { box-sizing: border-box; display: -webkit-box; display: -webkit-flex; @@ -193,29 +204,24 @@ exports[`renders without throwing 1`] = ` margin-left: -0.625rem; } -.c10 { +.c13 { background-color: rgb(216,216,216); - margin: 0; background-color: transparent; - height: 0.25rem; } -.c2 { +.c3 { display: inline-block; - margin: 0; padding: 0; border: none; overflow: hidden; height: auto; - -webkit-margin-start: 0; - -webkit-margin-end: 0; -webkit-padding-before: 0; -webkit-padding-start: 0; -webkit-padding-end: 0; -webkit-padding-after: 0; } -.c5 { +.c7 { box-sizing: border-box; width: 18.75rem; height: 3rem; @@ -237,45 +243,51 @@ exports[`renders without throwing 1`] = ` text-overflow: ellipsis; } -.c5:focus { +.c7:focus { border-color: rgb(59,70,204); outline: 0; } -.c5::-webkit-input-placeholder { +.c7::-webkit-input-placeholder { color: rgba(73,73,73,0.5); } -.c5::-moz-placeholder { +.c7::-moz-placeholder { color: rgba(73,73,73,0.5); } -.c5:-ms-input-placeholder { +.c7:-ms-input-placeholder { color: rgba(73,73,73,0.5); } -.c5:invalid { +.c7:invalid { box-shadow: none; } -.c5:disabled { +.c7:disabled { background-color: rgb(250,250,250); color: rgb(216,216,216); cursor: not-allowed; } -.c5:disabled::-webkit-input-placeholder { +.c7:disabled::-webkit-input-placeholder { color: rgba(73,73,73,0.5); } -.c5:disabled::-moz-placeholder { +.c7:disabled::-moz-placeholder { color: rgba(73,73,73,0.5); } -.c5:disabled:-ms-input-placeholder { +.c7:disabled:-ms-input-placeholder { color: rgba(73,73,73,0.5); } +.c4 { + font-weight: 600; + white-space: pre; + font-size: 0.8125rem; +} +
@@ -287,27 +299,31 @@ exports[`renders without throwing 1`] = ` className="c1" >
-
- + +
+ +
@@ -315,10 +331,10 @@ exports[`renders without throwing 1`] = ` className="c1" >
@@ -337,12 +353,11 @@ exports[`renders without throwing 1`] = ` `; exports[`renders without throwing 1`] = ` -.c4 { +.c6 { margin-top: 0.1875rem; } -.c6 { - margin-top: 1.3125rem; +.c8 { margin-left: 0.75rem; } @@ -367,6 +382,30 @@ exports[`renders without throwing 1`] = ` -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; + -webkit-align-items: flex-end; + -webkit-box-align: flex-end; + -ms-flex-align: flex-end; + align-items: flex-end; +} + +.c2 { + 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; } .c1 { @@ -386,7 +425,7 @@ exports[`renders without throwing 1`] = ` display: block; } -.c9 { +.c12 { font-family: sans-serif; font-size: 100%; line-height: 1.15; @@ -396,39 +435,32 @@ exports[`renders without throwing 1`] = ` -webkit-appearance: button; -moz-appearance: button; appearance: button; - min-width: 7.5rem; } -.c9::-moz-focus-inner, -.c9[type='button']::-moz-focus-inner, -.c9[type='reset']::-moz-focus-inner, -.c9[type='submit']::-moz-focus-inner { +.c12::-moz-focus-inner, +.c12[type='button']::-moz-focus-inner, +.c12[type='reset']::-moz-focus-inner, +.c12[type='submit']::-moz-focus-inner { border-style: none; padding: 0; } -.c9:-moz-focusring, -.c9[type='button']:-moz-focusring, -.c9[type='reset']:-moz-focusring, -.c9[type='submit']:-moz-focusring { +.c12:-moz-focusring, +.c12[type='button']:-moz-focusring, +.c12[type='reset']:-moz-focusring, +.c12[type='submit']:-moz-focusring { outline: 0.0625rem dotted ButtonText; } -.c9 + button, -.c9 + a { - margin-left: 0.375rem; +.c11 { + min-width: 7.5rem; } -.c8 { +.c10 { display: inline-block; } -.c8 + button, -.c8 + a { - margin-left: 0.375rem; -} - -.c7 { +.c9 { box-sizing: border-box; display: inline-block; -webkit-box-pack: center; @@ -468,7 +500,7 @@ exports[`renders without throwing 1`] = ` border: solid 0.0625rem rgb(45,56,132); } -.c7:focus { +.c9:focus { outline: 0; -webkit-text-decoration: none; text-decoration: none; @@ -476,26 +508,26 @@ exports[`renders without throwing 1`] = ` border-color: rgb(45,56,132); } -.c7:hover { +.c9:hover { background-color: rgb(72,83,217); border: solid 0.0625rem rgb(45,56,132); } -.c7:active, -.c7:active:hover, -.c7:active:focus { +.c9:active, +.c9:active:hover, +.c9:active:focus { background-image: none; outline: 0; background-color: rgb(45,56,132); border-color: rgb(45,56,132); } -.c7[disabled] { +.c9[disabled] { cursor: not-allowed; pointer-events: none; } -.c3 { +.c5 { font-size: 0.9375rem; line-height: 1.125rem; font-style: normal; @@ -503,14 +535,9 @@ exports[`renders without throwing 1`] = ` display: block; color: rgb(70,70,70); text-align: left; - margin-bottom: 0.1875rem; - margin-right: 0.75rem; - font-weight: 600; - white-space: pre; - font-size: 0.8125rem; } -.c11 { +.c14 { box-sizing: border-box; display: -webkit-box; display: -webkit-flex; @@ -529,29 +556,24 @@ exports[`renders without throwing 1`] = ` margin-left: -0.625rem; } -.c10 { +.c13 { background-color: rgb(216,216,216); - margin: 0; background-color: transparent; - height: 0.25rem; } -.c2 { +.c3 { display: inline-block; - margin: 0; padding: 0; border: none; overflow: hidden; height: auto; - -webkit-margin-start: 0; - -webkit-margin-end: 0; -webkit-padding-before: 0; -webkit-padding-start: 0; -webkit-padding-end: 0; -webkit-padding-after: 0; } -.c5 { +.c7 { box-sizing: border-box; width: 18.75rem; height: 3rem; @@ -573,45 +595,51 @@ exports[`renders without throwing 1`] = ` text-overflow: ellipsis; } -.c5:focus { +.c7:focus { border-color: rgb(59,70,204); outline: 0; } -.c5::-webkit-input-placeholder { +.c7::-webkit-input-placeholder { color: rgba(73,73,73,0.5); } -.c5::-moz-placeholder { +.c7::-moz-placeholder { color: rgba(73,73,73,0.5); } -.c5:-ms-input-placeholder { +.c7:-ms-input-placeholder { color: rgba(73,73,73,0.5); } -.c5:invalid { +.c7:invalid { box-shadow: none; } -.c5:disabled { +.c7:disabled { background-color: rgb(250,250,250); color: rgb(216,216,216); cursor: not-allowed; } -.c5:disabled::-webkit-input-placeholder { +.c7:disabled::-webkit-input-placeholder { color: rgba(73,73,73,0.5); } -.c5:disabled::-moz-placeholder { +.c7:disabled::-moz-placeholder { color: rgba(73,73,73,0.5); } -.c5:disabled:-ms-input-placeholder { +.c7:disabled:-ms-input-placeholder { color: rgba(73,73,73,0.5); } +.c4 { + font-weight: 600; + white-space: pre; + font-size: 0.8125rem; +} + @@ -623,27 +651,31 @@ exports[`renders without throwing 1`] = ` className="c1" >
-
- + +
+ +
@@ -651,10 +683,10 @@ exports[`renders without throwing 1`] = ` className="c1" >
@@ -674,40 +706,34 @@ exports[`renders without throwing 1`] = ` exports[`renders
without throwing 1`] = ` Array [ - .c0 { + .c1 { color: rgb(73,73,73); font-weight: normal; line-height: 1.625rem; font-size: 1.3125rem; +} + +.c0 { margin: 0; } -.c0 + p, -.c0 + small, -.c0 + h1, -.c0 + h2, -.c0 + label, -.c0 + h3, -.c0 + h4, -.c0 + h5, -.c0 + div, -.c0 + span { - margin-top: 0.75rem; -} -

Hostnames

, .c0 { - padding-bottom: 0.75rem; + margin-top: 0.75rem; + margin-bottom: 1.125rem; } -.c1 { +.c2 { color: rgb(73,73,73); line-height: 1.5rem; font-size: 0.9375rem; +} + +.c1 { margin: 0; } @@ -715,7 +741,7 @@ Array [ className="c0" >

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

@@ -726,19 +752,20 @@ Array [ exports[`renders without throwing 1`] = `null`; exports[`renders without throwing 1`] = ` -.c9 { +.c10 { margin-top: 0.1875rem; } .c0 { - margin-bottom: 1.5rem; + margin-bottom: 1.125rem; } -.c5 { +.c6 { margin-right: 0.375rem; + margin-bottom: 0.1875rem; } -.c7 { +.c8 { margin-top: 0.1875rem; margin-bottom: 0.375rem; } @@ -763,7 +790,7 @@ exports[`renders without throwing 1`] = ` align-content: stretch; } -.c4 { +.c5 { -webkit-order: 0; -ms-flex-order: 0; order: 0; @@ -780,8 +807,11 @@ exports[`renders without throwing 1`] = ` display: block; } -.c3 { +.c4 { font-size: 80%; +} + +.c3 { font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif; color: rgb(73,73,73); line-height: 1.125rem; @@ -789,15 +819,14 @@ exports[`renders without throwing 1`] = ` font-weight: 600; } -.c6 { - font-size: 80%; +.c7 { font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif; color: rgb(73,73,73); line-height: 1.125rem; font-size: 0.8125rem; } -.c8 { +.c9 { box-sizing: border-box; width: 18.75rem; height: 3rem; @@ -823,70 +852,70 @@ exports[`renders without throwing 1`] = ` min-width: 100%; } -.c8:focus { +.c9:focus { border-color: rgb(59,70,204); outline: 0; } -.c8::-webkit-input-placeholder { +.c9::-webkit-input-placeholder { color: rgba(73,73,73,0.5); } -.c8::-moz-placeholder { +.c9::-moz-placeholder { color: rgba(73,73,73,0.5); } -.c8:-ms-input-placeholder { +.c9:-ms-input-placeholder { color: rgba(73,73,73,0.5); } -.c8:invalid { +.c9:invalid { box-shadow: none; } -.c8::-webkit-input-placeholder { +.c9::-webkit-input-placeholder { color: rgb(216,216,216); } -.c8::-moz-placeholder { +.c9::-moz-placeholder { color: rgb(216,216,216); } -.c8:-ms-input-placeholder { +.c9:-ms-input-placeholder { color: rgb(216,216,216); } -.c8:disabled { +.c9:disabled { background-color: rgb(250,250,250); color: rgb(216,216,216); cursor: not-allowed; } -.c8:disabled::-webkit-input-placeholder { +.c9:disabled::-webkit-input-placeholder { color: rgba(73,73,73,0.5); } -.c8:disabled::-moz-placeholder { +.c9:disabled::-moz-placeholder { color: rgba(73,73,73,0.5); } -.c8:disabled:-ms-input-placeholder { +.c9:disabled:-ms-input-placeholder { color: rgba(73,73,73,0.5); } -.c8:disabled { +.c9:disabled { color: rgb(73,73,73); } -.c8:disabled::-webkit-input-placeholder { +.c9:disabled::-webkit-input-placeholder { color: rgb(73,73,73); } -.c8:disabled::-moz-placeholder { +.c9:disabled::-moz-placeholder { color: rgb(73,73,73); } -.c8:disabled:-ms-input-placeholder { +.c9:disabled:-ms-input-placeholder { color: rgb(73,73,73); } @@ -903,7 +932,7 @@ exports[`renders without throwing 1`] = ` className="c1" > Instance name @@ -911,15 +940,13 @@ exports[`renders without throwing 1`] = ` s
without throwing 1`] = `
Private
without throwing 1`] = ` />
without throwing 1`] = ` `; exports[`renders without throwing 1`] = ` -.c0 { - margin-top: 1.5rem; -} - -.c2 { - padding-bottom: 1.125rem; -} - .c3 { + margin-top: 0.75rem; + margin-bottom: 1.125rem; +} + +.c0 { + margin-top: 1.875rem; +} + +.c5 { color: rgb(73,73,73); line-height: 1.5rem; font-size: 0.9375rem; - margin: 0; } -.c1 { +.c2 { color: rgb(73,73,73); font-weight: normal; line-height: 1.625rem; font-size: 1.3125rem; +} + +.c1 { margin: 0; } -.c1 + p, -.c1 + small, -.c1 + h1, -.c1 + h2, -.c1 + label, -.c1 + h3, -.c1 + h4, -.c1 + h5, -.c1 + div, -.c1 + span { - margin-top: 0.75rem; +.c4 { + margin: 0; }

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.

diff --git a/packages/my-joy-instances/src/components/__tests__/__snapshots__/firewall.spec.js.snap b/packages/my-joy-instances/src/components/__tests__/__snapshots__/firewall.spec.js.snap index 1f653f93..ab988e7a 100644 --- a/packages/my-joy-instances/src/components/__tests__/__snapshots__/firewall.spec.js.snap +++ b/packages/my-joy-instances/src/components/__tests__/__snapshots__/firewall.spec.js.snap @@ -7,7 +7,6 @@ Array [ font-weight: normal; line-height: 1.625rem; font-size: 1.3125rem; - margin: 0; }

without throwing 1`] = ` +.c4 { + margin-left: 0.75rem; +} + .c1 { display: -webkit-box; display: -webkit-flex; @@ -5394,7 +5286,7 @@ exports[`renders without throwing 1`] = ` align-items: center; } -.c2 { +.c3 { font-size: 0.9375rem; line-height: 1.125rem; font-style: normal; @@ -5402,29 +5294,27 @@ exports[`renders without throwing 1`] = ` display: block; color: rgb(70,70,70); text-align: left; - margin-bottom: 0.1875rem; - margin-right: 0.75rem; - font-weight: 600; - white-space: pre; - font-size: 0.8125rem; } .c0 { 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; } -.c3 { +.c2 { + font-weight: 600; + white-space: pre; + font-size: 0.8125rem; +} + +.c5 { position: relative; vertical-align: text-bottom; display: -webkit-box; @@ -5437,27 +5327,27 @@ exports[`renders without throwing 1`] = ` align-items: center; } -.c4 { +.c6 { display: none; } -.c4:checked + label { +.c6:checked + label { background: #3B46CC; border: 0.0625rem solid rgb(59,70,204); } -.c4:checked + label:after { +.c6: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); } -.c4:checked + label:active { +.c6:checked + label:active { box-shadow: none; } -.c5 { +.c7 { outline: 0; display: block; width: 2.875rem; @@ -5474,27 +5364,26 @@ exports[`renders without throwing 1`] = ` -webkit-transition: all 0.3s ease; transition: all 0.3s ease; border: 0.0625rem solid rgb(216,216,216); - margin-right: 0.375rem; } -.c5::selection { +.c7::selection { background: none; } -.c5:active { +.c7:active { box-shadow: inset 0 0 0 1.5rem rgb(216,216,216); } -.c5:hover { +.c7:hover { border: 0.0625rem solid rgb(59,70,204); } -.c5:hover:after { +.c7:hover:after { box-shadow: 0 0 0 0.0625rem rgb(59,70,204); } -.c5:after, -.c5:before { +.c7:after, +.c7:before { position: relative; display: block; content: ''; @@ -5502,7 +5391,7 @@ exports[`renders without throwing 1`] = ` height: 100%; } -.c5:after { +.c7:after { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); @@ -5514,11 +5403,11 @@ exports[`renders without throwing 1`] = ` box-shadow: 0 0 0 0.0625rem rgb(216,216,216); } -.c5:active { +.c7:active { box-shadow: inset 0 0 0 2em rgb(216,216,216); } -.c5:before { +.c7:before { display: none; } @@ -5526,7 +5415,7 @@ exports[`renders without throwing 1`] = ` onChange={undefined} >
without throwing 1`] = ` className="c1" >
- -

@@ -5575,6 +5468,10 @@ exports[`renders without throwing 1`] = ` `; exports[`renders without throwing 1`] = ` +.c4 { + margin-left: 0.75rem; +} + .c1 { display: -webkit-box; display: -webkit-flex; @@ -5599,7 +5496,7 @@ exports[`renders without throwing 1`] = ` align-items: center; } -.c2 { +.c3 { font-size: 0.9375rem; line-height: 1.125rem; font-style: normal; @@ -5607,44 +5504,278 @@ exports[`renders without throwing 1`] = ` display: block; color: rgb(70,70,70); text-align: left; - margin-bottom: 0.1875rem; - margin-right: 0.75rem; +} + +.c0 { + display: inline-block; + padding: 0; + border: none; + overflow: hidden; + height: auto; + -webkit-padding-before: 0; + -webkit-padding-start: 0; + -webkit-padding-end: 0; + -webkit-padding-after: 0; +} + +.c2 { font-weight: 600; white-space: pre; font-size: 0.8125rem; } -.c6 { - font-size: 0.9375rem; - line-height: 1.125rem; - font-style: normal; - font-stretch: normal; - display: block; - color: rgb(70,70,70); - text-align: left; - margin-bottom: 0.1875rem; - margin-right: 0.75rem; +.c8 { font-weight: 600; white-space: pre; font-size: 0.8125rem; color: rgb(216,216,216); } +.c5 { + 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; +} + +.c6 { + display: none; +} + +.c6:checked + label { + background: #3B46CC; + border: 0.0625rem solid rgb(59,70,204); +} + +.c6: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); +} + +.c6:checked + label:active { + box-shadow: none; +} + +.c6:checked + label { + background: rgb(250,250,250); + border: 0.0625rem solid rgb(216,216,216); +} + +.c6:checked + label:after { + box-shadow: 0 0 0 0.0625rem rgb(216,216,216); +} + +.c7 { + 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); + cursor: not-allowed; +} + +.c7::selection { + background: none; +} + +.c7:active { + box-shadow: inset 0 0 0 1.5rem rgb(216,216,216); +} + +.c7:hover { + border: 0.0625rem solid rgb(59,70,204); +} + +.c7:hover:after { + box-shadow: 0 0 0 0.0625rem rgb(59,70,204); +} + +.c7:after, +.c7:before { + position: relative; + display: block; + content: ''; + width: 50%; + height: 100%; +} + +.c7: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); +} + +.c7:active { + box-shadow: inset 0 0 0 2em rgb(216,216,216); +} + +.c7:before { + display: none; +} + +.c7:active { + box-shadow: none; +} + +.c7:active:after { + padding-right: 0; +} + +.c7:before { + cursor: not-allowed; +} + +.c7:after { + cursor: not-allowed; + background: rgb(230,230,230); +} + +.c7:hover { + border: 0.0625rem solid rgb(216,216,216); +} + +.c7:hover:after { + box-shadow: 0 0 0 0.0625rem rgb(216,216,216); +} + + +
+
+ +
+
+ +
+
+
+
+ +`; + +exports[`renders without throwing 1`] = ` +.c2 { + margin-right: 0.75rem; +} + +.c1 { + 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; +} + +.c7 { + font-size: 0.9375rem; + line-height: 1.125rem; + font-style: normal; + font-stretch: normal; + display: block; + color: rgb(70,70,70); + text-align: left; +} + .c0 { 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; } +.c6 { + font-weight: 600; + white-space: pre; + font-size: 0.8125rem; +} + .c3 { position: relative; vertical-align: text-bottom; @@ -5678,15 +5809,6 @@ exports[`renders without throwing 1`] = ` box-shadow: none; } -.c4:checked + label { - background: rgb(250,250,250); - border: 0.0625rem solid rgb(216,216,216); -} - -.c4:checked + label:after { - box-shadow: 0 0 0 0.0625rem rgb(216,216,216); -} - .c5 { outline: 0; display: block; @@ -5704,8 +5826,6 @@ exports[`renders without throwing 1`] = ` -webkit-transition: all 0.3s ease; transition: all 0.3s ease; border: 0.0625rem solid rgb(216,216,216); - margin-right: 0.375rem; - cursor: not-allowed; } .c5::selection { @@ -5753,239 +5873,9 @@ exports[`renders without throwing 1`] = ` display: none; } -.c5:active { - box-shadow: none; -} - -.c5:active:after { - padding-right: 0; -} - -.c5:before { - cursor: not-allowed; -} - -.c5:after { - cursor: not-allowed; - background: rgb(230,230,230); -} - -.c5:hover { - border: 0.0625rem solid rgb(216,216,216); -} - -.c5:hover:after { - box-shadow: 0 0 0 0.0625rem rgb(216,216,216); -} - -
-
-
- -
- -
-
-
-
-`; - -exports[`renders without throwing 1`] = ` -.c1 { - 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; -} - -.c5 { - font-size: 0.9375rem; - line-height: 1.125rem; - font-style: normal; - font-stretch: normal; - display: block; - color: rgb(70,70,70); - text-align: left; - margin-bottom: 0.1875rem; - margin-right: 0.75rem; - font-weight: 600; - white-space: pre; - font-size: 0.8125rem; -} - -.c0 { - 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; -} -
without throwing 1`] = `
- -
+
diff --git a/packages/my-joy-instances/src/components/__tests__/__snapshots__/key-value.spec.js.snap b/packages/my-joy-instances/src/components/__tests__/__snapshots__/key-value.spec.js.snap index ecb048d5..27863c74 100644 --- a/packages/my-joy-instances/src/components/__tests__/__snapshots__/key-value.spec.js.snap +++ b/packages/my-joy-instances/src/components/__tests__/__snapshots__/key-value.spec.js.snap @@ -1,7 +1,7 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`renders without throwing 1`] = ` -.c24 { +.c30 { font-family: sans-serif; font-size: 100%; line-height: 1.15; @@ -11,39 +11,32 @@ exports[`renders without throwing 1`] = ` -webkit-appearance: button; -moz-appearance: button; appearance: button; - min-width: 7.5rem; } -.c24::-moz-focus-inner, -.c24[type='button']::-moz-focus-inner, -.c24[type='reset']::-moz-focus-inner, -.c24[type='submit']::-moz-focus-inner { +.c30::-moz-focus-inner, +.c30[type='button']::-moz-focus-inner, +.c30[type='reset']::-moz-focus-inner, +.c30[type='submit']::-moz-focus-inner { border-style: none; padding: 0; } -.c24:-moz-focusring, -.c24[type='button']:-moz-focusring, -.c24[type='reset']:-moz-focusring, -.c24[type='submit']:-moz-focusring { +.c30:-moz-focusring, +.c30[type='button']:-moz-focusring, +.c30[type='reset']:-moz-focusring, +.c30[type='submit']:-moz-focusring { outline: 0.0625rem dotted ButtonText; } -.c24 + button, -.c24 + a { - margin-left: 0.375rem; +.c29 { + min-width: 7.5rem; } -.c23 { +.c28 { display: inline-block; } -.c23 + button, -.c23 + a { - margin-left: 0.375rem; -} - -.c22 { +.c27 { box-sizing: border-box; display: inline-block; -webkit-box-pack: center; @@ -85,10 +78,9 @@ exports[`renders without throwing 1`] = ` -webkit-text-fill-color: currentcolor; background-color: rgb(255,255,255); border-color: rgb(216,216,216); - margin: 0; } -.c22:focus { +.c27:focus { outline: 0; -webkit-text-decoration: none; text-decoration: none; @@ -96,43 +88,43 @@ exports[`renders without throwing 1`] = ` border-color: rgb(45,56,132); } -.c22:hover { +.c27:hover { background-color: rgb(72,83,217); border: solid 0.0625rem rgb(45,56,132); } -.c22:active, -.c22:active:hover, -.c22:active:focus { +.c27:active, +.c27:active:hover, +.c27:active:focus { background-image: none; outline: 0; background-color: rgb(45,56,132); border-color: rgb(45,56,132); } -.c22[disabled] { +.c27[disabled] { cursor: not-allowed; pointer-events: none; } -.c22:focus { +.c27:focus { background-color: rgb(255,255,255); border-color: rgb(216,216,216); } -.c22:hover { +.c27:hover { background-color: rgb(247,247,247); border-color: rgb(216,216,216); } -.c22:active, -.c22:active:hover, -.c22:active:focus { +.c27:active, +.c27:active:hover, +.c27:active:focus { background-color: rgb(230,230,230); border-color: rgb(216,216,216); } -.c25 { +.c31 { box-sizing: border-box; display: inline-block; -webkit-box-pack: center; @@ -175,10 +167,9 @@ exports[`renders without throwing 1`] = ` color: rgb(216,216,216); background-color: rgb(250,250,250); border-color: rgb(216,216,216); - margin: 0; } -.c25:focus { +.c31:focus { outline: 0; -webkit-text-decoration: none; text-decoration: none; @@ -186,43 +177,43 @@ exports[`renders without throwing 1`] = ` border-color: rgb(45,56,132); } -.c25:hover { +.c31:hover { background-color: rgb(72,83,217); border: solid 0.0625rem rgb(45,56,132); } -.c25:active, -.c25:active:hover, -.c25:active:focus { +.c31:active, +.c31:active:hover, +.c31:active:focus { background-image: none; outline: 0; background-color: rgb(45,56,132); border-color: rgb(45,56,132); } -.c25[disabled] { +.c31[disabled] { cursor: not-allowed; pointer-events: none; } -.c25:focus { +.c31:focus { background-color: rgb(250,250,250); border-color: rgb(216,216,216); } -.c25:hover { +.c31:hover { background-color: rgb(250,250,250); border-color: rgb(250,250,250); } -.c25:active, -.c25:active:hover, -.c25:active:focus { +.c31:active, +.c31:active:hover, +.c31:active:focus { background-color: rgb(250,250,250); border-color: rgb(250,250,250); } -.c27 { +.c33 { box-sizing: border-box; display: inline-block; -webkit-box-pack: center; @@ -276,11 +267,10 @@ exports[`renders without throwing 1`] = ` -webkit-box-align: center; -ms-flex-align: center; align-items: center; - margin: 0; float: right; } -.c27:focus { +.c33:focus { outline: 0; -webkit-text-decoration: none; text-decoration: none; @@ -288,70 +278,62 @@ exports[`renders without throwing 1`] = ` border-color: rgb(45,56,132); } -.c27:hover { +.c33:hover { background-color: rgb(72,83,217); border: solid 0.0625rem rgb(45,56,132); } -.c27:active, -.c27:active:hover, -.c27: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); } -.c27[disabled] { +.c33[disabled] { cursor: not-allowed; pointer-events: none; } -.c27:focus { +.c33:focus { background-color: rgb(255,255,255); border-color: rgb(216,216,216); } -.c27:hover { +.c33:hover { background-color: rgb(247,247,247); border-color: rgb(216,216,216); } -.c27:active, -.c27:active:hover, -.c27:active:focus { +.c33:active, +.c33:active:hover, +.c33:active:focus { background-color: rgb(230,230,230); border-color: rgb(216,216,216); } -.c27:focus { +.c33:focus { color: rgb(205,37,27); background-color: rgb(255,255,255); border-color: rgb(205,37,27); } -.c27:hover { +.c33:hover { color: rgb(205,37,27); background-color: rgb(255,255,255); border-color: rgb(205,37,27); } -.c27:active, -.c27:active:hover, -.c27:active:focus { +.c33:active, +.c33:active:hover, +.c33:active:focus { background-color: rgba(210,67,58,0.1); border-color: rgb(205,37,27); } -.c27 svg + span { - margin-left: 0.75rem; -} - -.c27 svg { - max-height: 1.125rem; -} - -.c13 { +.c17 { font-size: 0.9375rem; line-height: 1.125rem; font-style: normal; @@ -359,30 +341,6 @@ exports[`renders without throwing 1`] = ` display: block; color: rgb(70,70,70); text-align: left; - margin-bottom: 0.1875rem; - margin-right: 0.75rem; - font-weight: 600; - white-space: pre; - font-size: 0.8125rem; -} - -.c16 { - 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; } .c20 { @@ -404,14 +362,23 @@ exports[`renders without throwing 1`] = ` margin-left: -0.625rem; } -.c17 { +.c24 { 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; + 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; } .c21 { @@ -424,7 +391,7 @@ exports[`renders without throwing 1`] = ` display: block; } -.c26 { +.c25 { box-sizing: border-box; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; @@ -434,45 +401,45 @@ exports[`renders without throwing 1`] = ` display: block; } -.c7 { +.c32 { + 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; +} + +.c9 { color: rgb(73,73,73); font-weight: 600; line-height: 1.5rem; font-size: 0.9375rem; - margin: 0; } -.c7 + p, -.c7 + small, -.c7 + h1, -.c7 + h2, -.c7 + label, -.c7 + h3, -.c7 + h4, -.c7 + h5, -.c7 + div, -.c7 + span { - margin-top: 0.75rem; -} - -.c14 { +.c18 { margin-top: 0.1875rem; } -.c19 { +.c23 { margin-top: 0.375rem; } -.c3 { +.c34 { + margin-right: 0.75rem; +} + +.c5 { padding-right: 1.125rem; padding-left: 1.125rem; } -.c9 { +.c12 { padding: 1.125rem; } -.c4 { +.c6 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; @@ -505,7 +472,7 @@ exports[`renders without throwing 1`] = ` flex-basis: 100%; } -.c10 { +.c13 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; @@ -535,7 +502,7 @@ exports[`renders without throwing 1`] = ` align-content: stretch; } -.c11 { +.c14 { -webkit-order: 0; -ms-flex-order: 0; order: 0; @@ -555,7 +522,7 @@ exports[`renders without throwing 1`] = ` flex-basis: auto; } -.c18 { +.c22 { -webkit-order: 0; -ms-flex-order: 0; order: 0; @@ -598,536 +565,7 @@ exports[`renders without throwing 1`] = ` box-shadow: 0 0.125rem 0 0 rgba(0,0,0,0.05); } -.c1 { - box-sizing: content-box; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex: 1 0 auto; - -ms-flex: 1 0 auto; - flex: 1 0 auto; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - position: relative; - border-width: 0.0625rem; - border-style: solid; - -webkit-transition: all 300ms ease; - transition: all 300ms ease; - color: rgb(73,73,73); - background-color: rgb(255,255,255); - border-color: rgb(216,216,216); - min-height: auto; - height: 2.875rem; - -webkit-flex: 0 0 2.875rem; - -ms-flex: 0 0 2.875rem; - flex: 0 0 2.875rem; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - z-index: 1; - line-height: 1.5rem; - height: auto; - max-width: 100%; - margin: -0.0625rem -0.0625rem 0 -0.0625rem; -} - -.c1 button { - margin-bottom: 0; - margin-top: 0; -} - -.c6 { - box-sizing: content-box; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex: 1 0 auto; - -ms-flex: 1 0 auto; - flex: 1 0 auto; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - position: relative; - border-width: 0.0625rem; - border-style: solid; - -webkit-transition: all 300ms ease; - transition: all 300ms ease; - color: rgb(73,73,73); - background-color: rgb(255,255,255); - border-color: rgb(216,216,216); - min-height: auto; - height: 2.875rem; - -webkit-flex: 0 0 2.875rem; - -ms-flex: 0 0 2.875rem; - flex: 0 0 2.875rem; - box-sizing: border-box; - min-height: 2.9375rem; - max-width: 100%; - width: auto; - height: auto; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-flex: 1 1 auto; - -ms-flex: 1 1 auto; - flex: 1 1 auto; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-align-items: stretch; - -webkit-box-align: stretch; - -ms-flex-align: stretch; - align-items: stretch; - -webkit-align-content: stretch; - -ms-flex-line-pack: stretch; - align-content: stretch; - overflow: hidden; - background-color: transparent; - border-width: 0; - box-shadow: none; - color: inherit; -} - -.c8 { - box-sizing: content-box; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex: 1 0 auto; - -ms-flex: 1 0 auto; - flex: 1 0 auto; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - position: relative; - border-width: 0.0625rem; - border-style: solid; - -webkit-transition: all 300ms ease; - transition: all 300ms ease; - color: rgb(73,73,73); - background-color: rgb(255,255,255); - border-color: rgb(216,216,216); - box-sizing: border-box; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-flex: 1 1 auto; - -ms-flex: 1 1 auto; - flex: 1 1 auto; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - border-width: 0; - margin-bottom: 0; - background-color: transparent; -} - -.c8 > [name='card']:not(:last-child) { - margin-bottom: 0.8125rem; -} - -.c8 > [name='card']:last-child { - margin-bottom: 0.4375rem; -} - -.c12 { - 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; - width: 100%; -} - -.c15 { - box-sizing: border-box; - width: 18.75rem; - height: 3rem; - min-height: 3rem; - padding: 0.8125rem 0.75rem; - border-radius: 0.25rem; - background-color: rgb(255,255,255); - border: 0.0625rem solid rgb(216,216,216); - color: rgb(73,73,73); - font-size: 0.9375rem; - line-height: normal !important; - font-style: normal; - font-stretch: normal; - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - outline: 0; - max-width: 22.1875rem; - text-overflow: ellipsis; -} - -.c15:focus { - border-color: rgb(59,70,204); - outline: 0; -} - -.c15::-webkit-input-placeholder { - color: rgba(73,73,73,0.5); -} - -.c15::-moz-placeholder { - color: rgba(73,73,73,0.5); -} - -.c15:-ms-input-placeholder { - color: rgba(73,73,73,0.5); -} - -.c15:invalid { - box-shadow: none; -} - -.c15:disabled { - background-color: rgb(250,250,250); - color: rgb(216,216,216); - cursor: not-allowed; -} - -.c15:disabled::-webkit-input-placeholder { - color: rgba(73,73,73,0.5); -} - -.c15:disabled::-moz-placeholder { - color: rgba(73,73,73,0.5); -} - -.c15:disabled:-ms-input-placeholder { - color: rgba(73,73,73,0.5); -} - -.c2 { - word-wrap: break-word; - overflow-wrap: break-word; - width: 100%; - box-sizing: border-box; -} - -.c5 { - height: 2.9375rem; - max-width: 98%; -} - -@media only screen and (min-width:0em) { - .c20 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - } -} - -@media only screen and (min-width:0em) { - .c20 { - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - } -} - -@media only screen and (min-width:48em) { - .c17 { - -webkit-flex-basis: 58.333333333333336%; - -ms-flex-preferred-size: 58.333333333333336%; - flex-basis: 58.333333333333336%; - max-width: 58.333333333333336%; - } -} - -@media only screen and (min-width:0em) { - .c21 { - -webkit-flex-basis: 100%; - -ms-flex-preferred-size: 100%; - flex-basis: 100%; - max-width: 100%; - } -} - -@media only screen and (min-width:0em) { - .c26 { - display: none; - } -} - -
-
-
-
-
-
-

- Add metadata -

-
-
-
-
-
-
-
-
-
- -
- -
-
-
-
-
-
-
-
-
- -
- -
-
-
-
-
-
-
-
-
-
- - -
-
- -
-
-
-
-
-
- -`; - -exports[`renders without throwing 1`] = ` -.c7 { - color: rgb(73,73,73); - font-weight: 600; - line-height: 1.5rem; - font-size: 0.9375rem; - margin: 0; -} - -.c7 + p, -.c7 + small, -.c7 + h1, -.c7 + h2, -.c7 + label, -.c7 + h3, -.c7 + h4, -.c7 + h5, -.c7 + div, -.c7 + span { - margin-top: 0.75rem; -} - .c3 { - padding-right: 1.125rem; - padding-left: 1.125rem; -} - -.c4 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - -webkit-flex-wrap: nowrap; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - -webkit-box-pack: start; - -webkit-justify-content: flex-start; - -ms-flex-pack: start; - justify-content: flex-start; - -webkit-align-content: stretch; - -ms-flex-line-pack: stretch; - align-content: stretch; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -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%; -} - -.c6 { box-sizing: content-box; display: -webkit-box; display: -webkit-flex; @@ -1152,736 +590,9 @@ exports[`renders without throwing 1`] = ` -webkit-flex: 0 0 2.875rem; -ms-flex: 0 0 2.875rem; flex: 0 0 2.875rem; - box-sizing: border-box; - min-height: 2.9375rem; - max-width: 100%; - width: auto; - height: auto; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-flex: 1 1 auto; - -ms-flex: 1 1 auto; - flex: 1 1 auto; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-align-items: stretch; - -webkit-box-align: stretch; - -ms-flex-align: stretch; - align-items: stretch; - -webkit-align-content: stretch; - -ms-flex-line-pack: stretch; - align-content: stretch; - overflow: hidden; - background-color: transparent; - border-width: 0; - box-shadow: none; - color: inherit; -} - -.c0 { - box-sizing: content-box; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex: 1 0 auto; - -ms-flex: 1 0 auto; - flex: 1 0 auto; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - position: relative; - border-width: 0.0625rem; - border-style: solid; - -webkit-transition: all 300ms ease; - transition: all 300ms ease; - color: rgb(73,73,73); - background-color: rgb(255,255,255); - border-color: rgb(216,216,216); - box-shadow: 0 0.125rem 0 0 rgba(0,0,0,0.05); - cursor: pointer; - min-height: auto; - height: 2.875rem; - -webkit-flex: 0 0 2.875rem; - -ms-flex: 0 0 2.875rem; - flex: 0 0 2.875rem; -} - -.c1 { - box-sizing: content-box; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex: 1 0 auto; - -ms-flex: 1 0 auto; - flex: 1 0 auto; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - position: relative; - border-width: 0.0625rem; - border-style: solid; - -webkit-transition: all 300ms ease; - transition: all 300ms ease; - color: rgb(73,73,73); - background-color: rgb(255,255,255); - border-color: rgb(216,216,216); - min-height: auto; - height: 2.875rem; - -webkit-flex: 0 0 2.875rem; - -ms-flex: 0 0 2.875rem; - flex: 0 0 2.875rem; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - z-index: 1; - line-height: 1.5rem; - height: auto; - max-width: 100%; - margin: -0.0625rem -0.0625rem 0 -0.0625rem; - margin: -0.0625rem; - box-shadow: none; -} - -.c1 button { - margin-bottom: 0; - margin-top: 0; -} - -.c2 { - word-wrap: break-word; - overflow-wrap: break-word; - width: 100%; - box-sizing: border-box; -} - -.c5 { - height: 2.9375rem; - max-width: 98%; -} - -
-
-
-
-
-
-

- Add metadata -

-
-
-
-
-
-
-`; - -exports[`renders without throwing 1`] = ` -.c24 { - font-family: sans-serif; - font-size: 100%; - line-height: 1.15; - margin: 0; - overflow: visible; - text-transform: none; - -webkit-appearance: button; - -moz-appearance: button; - appearance: button; - min-width: 7.5rem; -} - -.c24::-moz-focus-inner, -.c24[type='button']::-moz-focus-inner, -.c24[type='reset']::-moz-focus-inner, -.c24[type='submit']::-moz-focus-inner { - border-style: none; - padding: 0; -} - -.c24:-moz-focusring, -.c24[type='button']:-moz-focusring, -.c24[type='reset']:-moz-focusring, -.c24[type='submit']:-moz-focusring { - outline: 0.0625rem dotted ButtonText; -} - -.c24 + button, -.c24 + a { - margin-left: 0.375rem; -} - -.c23 { - display: inline-block; -} - -.c23 + button, -.c23 + a { - margin-left: 0.375rem; -} - -.c22 { - box-sizing: border-box; - display: inline-block; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - min-height: 3rem; - height: 3rem; - min-width: 7.5rem; - padding: 0.9375rem 1.125rem; - position: relative; - font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif; - font-size: 0.9375rem; - text-align: center; - font-style: normal; - font-stretch: normal; - line-height: normal; - -webkit-letter-spacing: normal; - -moz-letter-spacing: normal; - -ms-letter-spacing: normal; - letter-spacing: normal; - -webkit-text-decoration: none; - text-decoration: none; - white-space: nowrap; - vertical-align: middle; - touch-action: manipulation; - cursor: pointer; - color: rgb(255,255,255); - -webkit-text-fill-color: currentcolor; - background-image: none; - background-color: rgb(59,70,204); - border-radius: 0.25rem; - border: solid 0.0625rem rgb(45,56,132); - color: rgb(70,70,70); - -webkit-text-fill-color: currentcolor; - background-color: rgb(255,255,255); - border-color: rgb(216,216,216); - margin: 0; -} - -.c22:focus { - outline: 0; - -webkit-text-decoration: none; - text-decoration: none; - background-color: rgb(59,70,204); - border-color: rgb(45,56,132); -} - -.c22:hover { - background-color: rgb(72,83,217); - border: solid 0.0625rem rgb(45,56,132); -} - -.c22:active, -.c22:active:hover, -.c22:active:focus { - background-image: none; - outline: 0; - background-color: rgb(45,56,132); - border-color: rgb(45,56,132); -} - -.c22[disabled] { - cursor: not-allowed; - pointer-events: none; -} - -.c22:focus { - background-color: rgb(255,255,255); - border-color: rgb(216,216,216); -} - -.c22:hover { - background-color: rgb(247,247,247); - border-color: rgb(216,216,216); -} - -.c22:active, -.c22:active:hover, -.c22:active:focus { - background-color: rgb(230,230,230); - border-color: rgb(216,216,216); -} - -.c25 { - box-sizing: border-box; - display: inline-block; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - min-height: 3rem; - height: 3rem; - min-width: 7.5rem; - padding: 0.9375rem 1.125rem; - position: relative; - font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif; - font-size: 0.9375rem; - text-align: center; - font-style: normal; - font-stretch: normal; - line-height: normal; - -webkit-letter-spacing: normal; - -moz-letter-spacing: normal; - -ms-letter-spacing: normal; - letter-spacing: normal; - -webkit-text-decoration: none; - text-decoration: none; - white-space: nowrap; - vertical-align: middle; - touch-action: manipulation; - cursor: pointer; - color: rgb(255,255,255); - -webkit-text-fill-color: currentcolor; - background-image: none; - background-color: rgb(59,70,204); - border-radius: 0.25rem; - border: solid 0.0625rem rgb(45,56,132); - cursor: not-allowed; - pointer-events: none; - color: rgb(216,216,216); - background-color: rgb(250,250,250); - border-color: rgb(216,216,216); - margin: 0; -} - -.c25:focus { - outline: 0; - -webkit-text-decoration: none; - text-decoration: none; - background-color: rgb(59,70,204); - border-color: rgb(45,56,132); -} - -.c25:hover { - background-color: rgb(72,83,217); - border: solid 0.0625rem rgb(45,56,132); -} - -.c25:active, -.c25:active:hover, -.c25:active:focus { - background-image: none; - outline: 0; - background-color: rgb(45,56,132); - border-color: rgb(45,56,132); -} - -.c25[disabled] { - cursor: not-allowed; - pointer-events: none; -} - -.c25:focus { - background-color: rgb(250,250,250); - border-color: rgb(216,216,216); -} - -.c25:hover { - background-color: rgb(250,250,250); - border-color: rgb(250,250,250); -} - -.c25:active, -.c25:active:hover, -.c25:active:focus { - background-color: rgb(250,250,250); - border-color: rgb(250,250,250); -} - -.c27 { - box-sizing: border-box; - display: inline-block; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - min-height: 3rem; - height: 3rem; - min-width: 7.5rem; - padding: 0.9375rem 1.125rem; - position: relative; - font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif; - font-size: 0.9375rem; - text-align: center; - font-style: normal; - font-stretch: normal; - line-height: normal; - -webkit-letter-spacing: normal; - -moz-letter-spacing: normal; - -ms-letter-spacing: normal; - letter-spacing: normal; - -webkit-text-decoration: none; - text-decoration: none; - white-space: nowrap; - vertical-align: middle; - touch-action: manipulation; - cursor: pointer; - color: rgb(255,255,255); - -webkit-text-fill-color: currentcolor; - background-image: none; - background-color: rgb(59,70,204); - border-radius: 0.25rem; - border: solid 0.0625rem rgb(45,56,132); - color: rgb(70,70,70); - -webkit-text-fill-color: currentcolor; - background-color: rgb(255,255,255); - border-color: rgb(216,216,216); - color: rgb(210,67,58); - -webkit-text-fill-color: currentcolor; - background-color: rgb(255,255,255); - border-color: rgb(210,67,58); - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - margin: 0; - float: right; -} - -.c27:focus { - outline: 0; - -webkit-text-decoration: none; - text-decoration: none; - background-color: rgb(59,70,204); - border-color: rgb(45,56,132); -} - -.c27:hover { - background-color: rgb(72,83,217); - border: solid 0.0625rem rgb(45,56,132); -} - -.c27:active, -.c27:active:hover, -.c27:active:focus { - background-image: none; - outline: 0; - background-color: rgb(45,56,132); - border-color: rgb(45,56,132); -} - -.c27[disabled] { - cursor: not-allowed; - pointer-events: none; -} - -.c27:focus { - background-color: rgb(255,255,255); - border-color: rgb(216,216,216); -} - -.c27:hover { - background-color: rgb(247,247,247); - border-color: rgb(216,216,216); -} - -.c27:active, -.c27:active:hover, -.c27:active:focus { - background-color: rgb(230,230,230); - border-color: rgb(216,216,216); -} - -.c27:focus { - color: rgb(205,37,27); - background-color: rgb(255,255,255); - border-color: rgb(205,37,27); -} - -.c27:hover { - color: rgb(205,37,27); - background-color: rgb(255,255,255); - border-color: rgb(205,37,27); -} - -.c27:active, -.c27:active:hover, -.c27:active:focus { - background-color: rgba(210,67,58,0.1); - border-color: rgb(205,37,27); -} - -.c27 svg + span { - margin-left: 0.75rem; -} - -.c27 svg { - max-height: 1.125rem; -} - -.c13 { - font-size: 0.9375rem; - line-height: 1.125rem; - font-style: normal; - font-stretch: normal; - display: block; - color: rgb(70,70,70); - text-align: left; - margin-bottom: 0.1875rem; - margin-right: 0.75rem; - font-weight: 600; - white-space: pre; - font-size: 0.8125rem; -} - -.c16 { - 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; -} - -.c20 { - 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; -} - -.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; -} - -.c21 { - 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; -} - -.c26 { - box-sizing: border-box; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - padding-right: 0.625rem; - padding-left: 0.625rem; - display: block; -} - -.c7 { - color: rgb(73,73,73); - font-weight: 600; - line-height: 1.5rem; - font-size: 0.9375rem; - margin: 0; -} - -.c7 + p, -.c7 + small, -.c7 + h1, -.c7 + h2, -.c7 + label, -.c7 + h3, -.c7 + h4, -.c7 + h5, -.c7 + div, -.c7 + span { - margin-top: 0.75rem; -} - -.c14 { - margin-top: 0.1875rem; -} - -.c19 { - margin-top: 0.375rem; -} - -.c3 { - padding-right: 1.125rem; - padding-left: 1.125rem; -} - -.c9 { - padding: 1.125rem; -} - -.c4 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - -webkit-flex-wrap: nowrap; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - -webkit-box-pack: start; - -webkit-justify-content: flex-start; - -ms-flex-pack: start; - justify-content: flex-start; - -webkit-align-content: stretch; - -ms-flex-line-pack: stretch; - align-content: stretch; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -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%; -} - -.c10 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - -webkit-flex-wrap: nowrap; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - -webkit-box-pack: start; - -webkit-justify-content: flex-start; - -ms-flex-pack: start; - justify-content: flex-start; - -webkit-align-content: stretch; - -ms-flex-line-pack: stretch; - align-content: stretch; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-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; } .c11 { - -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; - -webkit-flex-basis: auto; - -ms-flex-preferred-size: auto; - flex-basis: auto; -} - -.c18 { - -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; - -webkit-flex-basis: 0.75rem; - -ms-flex-preferred-size: 0.75rem; - flex-basis: 0.75rem; -} - -.c0 { box-sizing: content-box; display: -webkit-box; display: -webkit-flex; @@ -1901,1051 +612,25 @@ exports[`renders without throwing 1`] = ` color: rgb(73,73,73); background-color: rgb(255,255,255); border-color: rgb(216,216,216); - box-shadow: 0 0.125rem 0 0 rgba(0,0,0,0.05); -} - -.c1 { - box-sizing: content-box; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex: 1 0 auto; - -ms-flex: 1 0 auto; - flex: 1 0 auto; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - position: relative; - border-width: 0.0625rem; - border-style: solid; - -webkit-transition: all 300ms ease; - transition: all 300ms ease; - color: rgb(73,73,73); - background-color: rgb(255,255,255); - border-color: rgb(216,216,216); - min-height: auto; - height: 2.875rem; - -webkit-flex: 0 0 2.875rem; - -ms-flex: 0 0 2.875rem; - flex: 0 0 2.875rem; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - z-index: 1; - line-height: 1.5rem; - height: auto; - max-width: 100%; - margin: -0.0625rem -0.0625rem 0 -0.0625rem; -} - -.c1 button { - margin-bottom: 0; - margin-top: 0; -} - -.c6 { - box-sizing: content-box; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex: 1 0 auto; - -ms-flex: 1 0 auto; - flex: 1 0 auto; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - position: relative; - border-width: 0.0625rem; - border-style: solid; - -webkit-transition: all 300ms ease; - transition: all 300ms ease; - color: rgb(73,73,73); - background-color: rgb(255,255,255); - border-color: rgb(216,216,216); - min-height: auto; - height: 2.875rem; - -webkit-flex: 0 0 2.875rem; - -ms-flex: 0 0 2.875rem; - flex: 0 0 2.875rem; - box-sizing: border-box; - min-height: 2.9375rem; - max-width: 100%; - width: auto; - height: auto; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-flex: 1 1 auto; - -ms-flex: 1 1 auto; - flex: 1 1 auto; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-align-items: stretch; - -webkit-box-align: stretch; - -ms-flex-align: stretch; - align-items: stretch; - -webkit-align-content: stretch; - -ms-flex-line-pack: stretch; - align-content: stretch; - overflow: hidden; - background-color: transparent; - border-width: 0; - box-shadow: none; - color: inherit; -} - -.c8 { - box-sizing: content-box; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex: 1 0 auto; - -ms-flex: 1 0 auto; - flex: 1 0 auto; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - position: relative; - border-width: 0.0625rem; - border-style: solid; - -webkit-transition: all 300ms ease; - transition: all 300ms ease; - color: rgb(73,73,73); - background-color: rgb(255,255,255); - border-color: rgb(216,216,216); - box-sizing: border-box; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-flex: 1 1 auto; - -ms-flex: 1 1 auto; - flex: 1 1 auto; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - border-width: 0; - margin-bottom: 0; - background-color: transparent; -} - -.c8 > [name='card']:not(:last-child) { - margin-bottom: 0.8125rem; -} - -.c8 > [name='card']:last-child { - margin-bottom: 0.4375rem; -} - -.c12 { - 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; - width: 100%; -} - -.c15 { - box-sizing: border-box; - width: 18.75rem; - height: 3rem; - min-height: 3rem; - padding: 0.8125rem 0.75rem; - border-radius: 0.25rem; - background-color: rgb(255,255,255); - border: 0.0625rem solid rgb(216,216,216); - color: rgb(73,73,73); - font-size: 0.9375rem; - line-height: normal !important; - font-style: normal; - font-stretch: normal; - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - outline: 0; - max-width: 22.1875rem; - text-overflow: ellipsis; -} - -.c15:focus { - border-color: rgb(59,70,204); - outline: 0; -} - -.c15::-webkit-input-placeholder { - color: rgba(73,73,73,0.5); -} - -.c15::-moz-placeholder { - color: rgba(73,73,73,0.5); -} - -.c15:-ms-input-placeholder { - color: rgba(73,73,73,0.5); -} - -.c15:invalid { - box-shadow: none; -} - -.c15:disabled { - background-color: rgb(250,250,250); - color: rgb(216,216,216); - cursor: not-allowed; -} - -.c15:disabled::-webkit-input-placeholder { - color: rgba(73,73,73,0.5); -} - -.c15:disabled::-moz-placeholder { - color: rgba(73,73,73,0.5); -} - -.c15:disabled:-ms-input-placeholder { - color: rgba(73,73,73,0.5); -} - -.c2 { - word-wrap: break-word; - overflow-wrap: break-word; - width: 100%; - box-sizing: border-box; -} - -.c5 { - height: 2.9375rem; - max-width: 98%; -} - -@media only screen and (min-width:0em) { - .c20 { - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - } -} - -@media only screen and (min-width:0em) { - .c20 { - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - } -} - -@media only screen and (min-width:48em) { - .c17 { - -webkit-flex-basis: 58.333333333333336%; - -ms-flex-preferred-size: 58.333333333333336%; - flex-basis: 58.333333333333336%; - max-width: 58.333333333333336%; - } -} - -@media only screen and (min-width:0em) { - .c21 { - -webkit-flex-basis: 100%; - -ms-flex-preferred-size: 100%; - flex-basis: 100%; - max-width: 100%; - } -} - -@media only screen and (min-width:0em) { - .c26 { - display: none; - } -} - -
-
-
-
-
-
-

- Add metadata -

-
-
-
-
-
-
-
-
-
- -
- -
-
-
-
-
-
-
-
-
- -
- -
-
-
-
-
-
-
-
-
-
- - -
-
- -
-
-
-
-
-
- -`; - -exports[`renders without throwing 1`] = ` -.c24 { - font-family: sans-serif; - font-size: 100%; - line-height: 1.15; - margin: 0; - overflow: visible; - text-transform: none; - -webkit-appearance: button; - -moz-appearance: button; - appearance: button; - min-width: 7.5rem; -} - -.c24::-moz-focus-inner, -.c24[type='button']::-moz-focus-inner, -.c24[type='reset']::-moz-focus-inner, -.c24[type='submit']::-moz-focus-inner { - border-style: none; - padding: 0; -} - -.c24:-moz-focusring, -.c24[type='button']:-moz-focusring, -.c24[type='reset']:-moz-focusring, -.c24[type='submit']:-moz-focusring { - outline: 0.0625rem dotted ButtonText; -} - -.c24 + button, -.c24 + a { - margin-left: 0.375rem; -} - -.c18 { - position: relative; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-flex: 1 1 auto; - -ms-flex: 1 1 auto; - flex: 1 1 auto; - width: 100%; - max-width: 100%; -} - -.c23 { - display: inline-block; -} - -.c23 + button, -.c23 + a { - margin-left: 0.375rem; -} - -.c22 { - box-sizing: border-box; - display: inline-block; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - min-height: 3rem; - height: 3rem; - min-width: 7.5rem; - padding: 0.9375rem 1.125rem; - position: relative; - font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif; - font-size: 0.9375rem; - text-align: center; - font-style: normal; - font-stretch: normal; - line-height: normal; - -webkit-letter-spacing: normal; - -moz-letter-spacing: normal; - -ms-letter-spacing: normal; - letter-spacing: normal; - -webkit-text-decoration: none; - text-decoration: none; - white-space: nowrap; - vertical-align: middle; - touch-action: manipulation; - cursor: pointer; - color: rgb(255,255,255); - -webkit-text-fill-color: currentcolor; - background-image: none; - background-color: rgb(59,70,204); - border-radius: 0.25rem; - border: solid 0.0625rem rgb(45,56,132); - color: rgb(70,70,70); - -webkit-text-fill-color: currentcolor; - background-color: rgb(255,255,255); - border-color: rgb(216,216,216); - margin: 0; -} - -.c22:focus { - outline: 0; - -webkit-text-decoration: none; - text-decoration: none; - background-color: rgb(59,70,204); - border-color: rgb(45,56,132); -} - -.c22:hover { - background-color: rgb(72,83,217); - border: solid 0.0625rem rgb(45,56,132); -} - -.c22:active, -.c22:active:hover, -.c22:active:focus { - background-image: none; - outline: 0; - background-color: rgb(45,56,132); - border-color: rgb(45,56,132); -} - -.c22[disabled] { - cursor: not-allowed; - pointer-events: none; -} - -.c22:focus { - background-color: rgb(255,255,255); - border-color: rgb(216,216,216); -} - -.c22:hover { - background-color: rgb(247,247,247); - border-color: rgb(216,216,216); -} - -.c22:active, -.c22:active:hover, -.c22:active:focus { - background-color: rgb(230,230,230); - border-color: rgb(216,216,216); -} - -.c25 { - box-sizing: border-box; - display: inline-block; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - min-height: 3rem; - height: 3rem; - min-width: 7.5rem; - padding: 0.9375rem 1.125rem; - position: relative; - font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif; - font-size: 0.9375rem; - text-align: center; - font-style: normal; - font-stretch: normal; - line-height: normal; - -webkit-letter-spacing: normal; - -moz-letter-spacing: normal; - -ms-letter-spacing: normal; - letter-spacing: normal; - -webkit-text-decoration: none; - text-decoration: none; - white-space: nowrap; - vertical-align: middle; - touch-action: manipulation; - cursor: pointer; - color: rgb(255,255,255); - -webkit-text-fill-color: currentcolor; - background-image: none; - background-color: rgb(59,70,204); - border-radius: 0.25rem; - border: solid 0.0625rem rgb(45,56,132); - cursor: not-allowed; - pointer-events: none; - color: rgb(216,216,216); - background-color: rgb(250,250,250); - border-color: rgb(216,216,216); - margin: 0; -} - -.c25:focus { - outline: 0; - -webkit-text-decoration: none; - text-decoration: none; - background-color: rgb(59,70,204); - border-color: rgb(45,56,132); -} - -.c25:hover { - background-color: rgb(72,83,217); - border: solid 0.0625rem rgb(45,56,132); -} - -.c25:active, -.c25:active:hover, -.c25:active:focus { - background-image: none; - outline: 0; - background-color: rgb(45,56,132); - border-color: rgb(45,56,132); -} - -.c25[disabled] { - cursor: not-allowed; - pointer-events: none; -} - -.c25:focus { - background-color: rgb(250,250,250); - border-color: rgb(216,216,216); -} - -.c25:hover { - background-color: rgb(250,250,250); - border-color: rgb(250,250,250); -} - -.c25:active, -.c25:active:hover, -.c25:active:focus { - background-color: rgb(250,250,250); - border-color: rgb(250,250,250); -} - -.c27 { - box-sizing: border-box; - display: inline-block; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - min-height: 3rem; - height: 3rem; - min-width: 7.5rem; - padding: 0.9375rem 1.125rem; - position: relative; - font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif; - font-size: 0.9375rem; - text-align: center; - font-style: normal; - font-stretch: normal; - line-height: normal; - -webkit-letter-spacing: normal; - -moz-letter-spacing: normal; - -ms-letter-spacing: normal; - letter-spacing: normal; - -webkit-text-decoration: none; - text-decoration: none; - white-space: nowrap; - vertical-align: middle; - touch-action: manipulation; - cursor: pointer; - color: rgb(255,255,255); - -webkit-text-fill-color: currentcolor; - background-image: none; - background-color: rgb(59,70,204); - border-radius: 0.25rem; - border: solid 0.0625rem rgb(45,56,132); - color: rgb(70,70,70); - -webkit-text-fill-color: currentcolor; - background-color: rgb(255,255,255); - border-color: rgb(216,216,216); - color: rgb(210,67,58); - -webkit-text-fill-color: currentcolor; - background-color: rgb(255,255,255); - border-color: rgb(210,67,58); - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - margin: 0; - float: right; -} - -.c27:focus { - outline: 0; - -webkit-text-decoration: none; - text-decoration: none; - background-color: rgb(59,70,204); - border-color: rgb(45,56,132); -} - -.c27:hover { - background-color: rgb(72,83,217); - border: solid 0.0625rem rgb(45,56,132); -} - -.c27:active, -.c27:active:hover, -.c27:active:focus { - background-image: none; - outline: 0; - background-color: rgb(45,56,132); - border-color: rgb(45,56,132); -} - -.c27[disabled] { - cursor: not-allowed; - pointer-events: none; -} - -.c27:focus { - background-color: rgb(255,255,255); - border-color: rgb(216,216,216); -} - -.c27:hover { - background-color: rgb(247,247,247); - border-color: rgb(216,216,216); -} - -.c27:active, -.c27:active:hover, -.c27:active:focus { - background-color: rgb(230,230,230); - border-color: rgb(216,216,216); -} - -.c27:focus { - color: rgb(205,37,27); - background-color: rgb(255,255,255); - border-color: rgb(205,37,27); -} - -.c27:hover { - color: rgb(205,37,27); - background-color: rgb(255,255,255); - border-color: rgb(205,37,27); -} - -.c27:active, -.c27:active:hover, -.c27:active:focus { - background-color: rgba(210,67,58,0.1); - border-color: rgb(205,37,27); -} - -.c27 svg + span { - margin-left: 0.75rem; -} - -.c27 svg { - max-height: 1.125rem; -} - -.c13 { - font-size: 0.9375rem; - line-height: 1.125rem; - font-style: normal; - font-stretch: normal; - display: block; - color: rgb(70,70,70); - text-align: left; - margin-bottom: 0.1875rem; - margin-right: 0.75rem; - font-weight: 600; - white-space: pre; - font-size: 0.8125rem; } .c10 { box-sizing: border-box; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; - -webkit-flex-direction: 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; -} - -.c21 { - 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; -} - -.c16 { - 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 { - 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; -} - -.c26 { - box-sizing: border-box; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - padding-right: 0.625rem; - padding-left: 0.625rem; - display: block; -} - -.c7 { - color: rgb(73,73,73); - font-weight: 600; - line-height: 1.5rem; - font-size: 0.9375rem; - margin: 0; -} - -.c7 + p, -.c7 + small, -.c7 + h1, -.c7 + h2, -.c7 + label, -.c7 + h3, -.c7 + h4, -.c7 + h5, -.c7 + div, -.c7 + span { - margin-top: 0.75rem; -} - -.c17 { - background-color: rgb(216,216,216); - margin: 0; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + border-width: 0; background-color: transparent; - height: 0.75rem; } -.c14 { - margin-top: 0.1875rem; -} - -.c20 { - margin-top: 0.375rem; -} - -.c3 { - padding-right: 1.125rem; - padding-left: 1.125rem; -} - -.c9 { - padding: 1.125rem; -} - -.c4 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - -webkit-flex-wrap: nowrap; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - -webkit-box-pack: start; - -webkit-justify-content: flex-start; - -ms-flex-pack: start; - justify-content: flex-start; - -webkit-align-content: stretch; - -ms-flex-line-pack: stretch; - align-content: stretch; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -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%; -} - -.c0 { - box-sizing: content-box; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex: 1 0 auto; - -ms-flex: 1 0 auto; - flex: 1 0 auto; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - position: relative; - border-width: 0.0625rem; - border-style: solid; - -webkit-transition: all 300ms ease; - transition: all 300ms ease; - color: rgb(73,73,73); - background-color: rgb(255,255,255); - border-color: rgb(216,216,216); - box-shadow: 0 0.125rem 0 0 rgba(0,0,0,0.05); -} - -.c1 { - box-sizing: content-box; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex: 1 0 auto; - -ms-flex: 1 0 auto; - flex: 1 0 auto; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - position: relative; - border-width: 0.0625rem; - border-style: solid; - -webkit-transition: all 300ms ease; - transition: all 300ms ease; - color: rgb(73,73,73); - background-color: rgb(255,255,255); - border-color: rgb(216,216,216); - min-height: auto; - height: 2.875rem; - -webkit-flex: 0 0 2.875rem; - -ms-flex: 0 0 2.875rem; - flex: 0 0 2.875rem; +.c2 { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; @@ -2953,39 +638,9 @@ exports[`renders without throwing 1`] = ` line-height: 1.5rem; height: auto; max-width: 100%; - margin: -0.0625rem -0.0625rem 0 -0.0625rem; } -.c1 button { - margin-bottom: 0; - margin-top: 0; -} - -.c6 { - box-sizing: content-box; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex: 1 0 auto; - -ms-flex: 1 0 auto; - flex: 1 0 auto; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - position: relative; - border-width: 0.0625rem; - border-style: solid; - -webkit-transition: all 300ms ease; - transition: all 300ms ease; - color: rgb(73,73,73); - background-color: rgb(255,255,255); - border-color: rgb(216,216,216); - min-height: auto; - height: 2.875rem; - -webkit-flex: 0 0 2.875rem; - -ms-flex: 0 0 2.875rem; - flex: 0 0 2.875rem; +.c8 { box-sizing: border-box; min-height: 2.9375rem; max-width: 100%; @@ -3019,59 +674,12 @@ exports[`renders without throwing 1`] = ` color: inherit; } -.c8 { - box-sizing: content-box; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex: 1 0 auto; - -ms-flex: 1 0 auto; - flex: 1 0 auto; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - position: relative; - border-width: 0.0625rem; - border-style: solid; - -webkit-transition: all 300ms ease; - transition: all 300ms ease; - color: rgb(73,73,73); - background-color: rgb(255,255,255); - border-color: rgb(216,216,216); - box-sizing: border-box; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-flex: 1 1 auto; - -ms-flex: 1 1 auto; - flex: 1 1 auto; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - border-width: 0; - margin-bottom: 0; - background-color: transparent; -} - -.c8 > [name='card']:not(:last-child) { - margin-bottom: 0.8125rem; -} - -.c8 > [name='card']:last-child { - margin-bottom: 0.4375rem; -} - -.c12 { +.c15 { 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; @@ -3079,72 +687,11 @@ exports[`renders without throwing 1`] = ` width: 100%; } -.c15 { - box-sizing: border-box; - width: 18.75rem; - height: 3rem; - min-height: 3rem; - padding: 0.8125rem 0.75rem; - border-radius: 0.25rem; - background-color: rgb(255,255,255); - border: 0.0625rem solid rgb(216,216,216); - color: rgb(73,73,73); - font-size: 0.9375rem; - line-height: normal !important; - font-style: normal; - font-stretch: normal; - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - outline: 0; - max-width: 22.1875rem; - text-overflow: ellipsis; -} - -.c15:focus { - border-color: rgb(59,70,204); - outline: 0; -} - -.c15::-webkit-input-placeholder { - color: rgba(73,73,73,0.5); -} - -.c15::-moz-placeholder { - color: rgba(73,73,73,0.5); -} - -.c15:-ms-input-placeholder { - color: rgba(73,73,73,0.5); -} - -.c15:invalid { - box-shadow: none; -} - -.c15:disabled { - background-color: rgb(250,250,250); - color: rgb(216,216,216); - cursor: not-allowed; -} - -.c15:disabled::-webkit-input-placeholder { - color: rgba(73,73,73,0.5); -} - -.c15:disabled::-moz-placeholder { - color: rgba(73,73,73,0.5); -} - -.c15:disabled:-ms-input-placeholder { - color: rgba(73,73,73,0.5); -} - .c19 { box-sizing: border-box; width: 18.75rem; - height: 6rem; - min-height: 6rem; + height: 3rem; + min-height: 3rem; padding: 0.8125rem 0.75rem; border-radius: 0.25rem; background-color: rgb(255,255,255); @@ -3158,11 +705,8 @@ exports[`renders without throwing 1`] = ` -moz-appearance: none; appearance: none; outline: 0; - font-family: "Roboto Mono",monospace; - width: 100%; - min-width: 100%; + max-width: 22.1875rem; text-overflow: ellipsis; - resize: vertical; } .c19:focus { @@ -3204,36 +748,36 @@ exports[`renders without throwing 1`] = ` color: rgba(73,73,73,0.5); } -.c19:disabled { - color: rgb(73,73,73); +.c16 { + font-weight: 600; + white-space: pre; + font-size: 0.8125rem; } -.c19:disabled::-webkit-input-placeholder { - color: rgb(73,73,73); +.c1 { + border-top: 0; + border-left: 0; + border-right: 0; } -.c19:disabled::-moz-placeholder { - color: rgb(73,73,73); +.c26 { + margin-right: 0.375rem; } -.c19:disabled:-ms-input-placeholder { - color: rgb(73,73,73); -} - -.c2 { +.c4 { word-wrap: break-word; overflow-wrap: break-word; width: 100%; box-sizing: border-box; } -.c5 { +.c7 { height: 2.9375rem; max-width: 98%; } @media only screen and (min-width:0em) { - .c21 { + .c24 { -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; @@ -3242,7 +786,7 @@ exports[`renders without throwing 1`] = ` } @media only screen and (min-width:0em) { - .c21 { + .c24 { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; @@ -3251,7 +795,7 @@ exports[`renders without throwing 1`] = ` } @media only screen and (min-width:48em) { - .c16 { + .c21 { -webkit-flex-basis: 58.333333333333336%; -ms-flex-preferred-size: 58.333333333333336%; flex-basis: 58.333333333333336%; @@ -3260,7 +804,7 @@ exports[`renders without throwing 1`] = ` } @media only screen and (min-width:0em) { - .c11 { + .c25 { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; @@ -3269,7 +813,7 @@ exports[`renders without throwing 1`] = ` } @media only screen and (min-width:0em) { - .c26 { + .c32 { display: none; } } @@ -3283,24 +827,24 @@ exports[`renders without throwing 1`] = ` name="card" >

Add metadata

@@ -3309,110 +853,103 @@ exports[`renders without throwing 1`] = `
-
-
-
+
-