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 20a93c68..ac6d1d17 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__/network-ui-js-network-network-1-snap.png b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-1-snap.png index 5c997d49..b907d2e3 100644 Binary files a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-1-snap.png and b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-1-snap.png differ diff --git a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-2-snap.png b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-2-snap.png index b907d2e3..06e13d30 100644 Binary files a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-2-snap.png and b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-2-snap.png differ diff --git a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-3-snap.png b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-3-snap.png index 06e13d30..b907d2e3 100644 Binary files a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-3-snap.png and b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-3-snap.png differ diff --git a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-4-snap.png b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-4-snap.png index b907d2e3..06e13d30 100644 Binary files a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-4-snap.png and b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-4-snap.png differ diff --git a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-public-1-snap.png b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-public-1-snap.png index 06e13d30..0058f68a 100644 Binary files a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-public-1-snap.png and b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-public-1-snap.png differ diff --git a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-public-2-snap.png b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-public-2-snap.png index 0058f68a..f0a23cfc 100644 Binary files a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-public-2-snap.png and b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-public-2-snap.png differ diff --git a/packages/my-joy-beta/src/components/create-instance/__tests__/__image_snapshots__/images-ui-js-images-images-name-stuff-image-name-stuff-1-snap.png b/packages/my-joy-beta/src/components/create-instance/__tests__/__image_snapshots__/images-ui-js-images-images-name-stuff-image-name-stuff-1-snap.png index e57cb0fe..c3fbb7a6 100644 Binary files a/packages/my-joy-beta/src/components/create-instance/__tests__/__image_snapshots__/images-ui-js-images-images-name-stuff-image-name-stuff-1-snap.png and b/packages/my-joy-beta/src/components/create-instance/__tests__/__image_snapshots__/images-ui-js-images-images-name-stuff-image-name-stuff-1-snap.png differ diff --git a/packages/my-joy-beta/src/components/create-instance/__tests__/__snapshots__/package.spec.js.snap b/packages/my-joy-beta/src/components/create-instance/__tests__/__snapshots__/package.spec.js.snap index d2e8a73e..d62521ba 100644 --- a/packages/my-joy-beta/src/components/create-instance/__tests__/__snapshots__/package.spec.js.snap +++ b/packages/my-joy-beta/src/components/create-instance/__tests__/__snapshots__/package.spec.js.snap @@ -1462,7 +1462,7 @@ exports[`renders without throwing 1`] = ` } .c7 { - width: calc(100% - 2px); + width: calc(100% - 0.125rem); border-top: none; } @@ -2010,7 +2010,7 @@ exports[`renders without throwing 1`] = ` } .c7 { - width: calc(100% - 2px); + width: calc(100% - 0.125rem); border-top: none; } @@ -2558,7 +2558,7 @@ exports[`renders without throwing 1`] = ` } .c7 { - width: calc(100% - 2px); + width: calc(100% - 0.125rem); border-top: none; } @@ -3316,7 +3316,7 @@ exports[`renders without throwing 1`] = ` } .c7 { - width: calc(100% - 2px); + width: calc(100% - 0.125rem); border-top: none; } diff --git a/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/list-ui-js-item-mutating-1-snap.png b/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/list-ui-js-item-mutating-1-snap.png index 87bf4404..9e26276d 100644 Binary files a/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/list-ui-js-item-mutating-1-snap.png and b/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/list-ui-js-item-mutating-1-snap.png differ diff --git a/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/snapshots-ui-js-actions-1-snap.png b/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/snapshots-ui-js-actions-1-snap.png index 16b0d83f..c31992a1 100644 Binary files a/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/snapshots-ui-js-actions-1-snap.png and b/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/snapshots-ui-js-actions-1-snap.png differ diff --git a/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/snapshots-ui-js-item-mutating-1-snap.png b/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/snapshots-ui-js-item-mutating-1-snap.png index 5c7c5bd9..55d52b09 100644 Binary files a/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/snapshots-ui-js-item-mutating-1-snap.png and b/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/snapshots-ui-js-item-mutating-1-snap.png differ diff --git a/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/snapshots-ui-js-snapshot-list-1-snap.png b/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/snapshots-ui-js-snapshot-list-1-snap.png index 34d90c8f..31e26ff0 100644 Binary files a/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/snapshots-ui-js-snapshot-list-1-snap.png and b/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/snapshots-ui-js-snapshot-list-1-snap.png differ diff --git a/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/snapshots-ui-js-snapshot-list-all-selected-1-snap.png b/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/snapshots-ui-js-snapshot-list-all-selected-1-snap.png index f48e53a8..5c74085c 100644 Binary files a/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/snapshots-ui-js-snapshot-list-all-selected-1-snap.png and b/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/snapshots-ui-js-snapshot-list-all-selected-1-snap.png differ diff --git a/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/snapshots-ui-js-snapshot-list-sort-by-1-snap.png b/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/snapshots-ui-js-snapshot-list-sort-by-1-snap.png index dd9f755e..f644f5f5 100644 Binary files a/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/snapshots-ui-js-snapshot-list-sort-by-1-snap.png and b/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/snapshots-ui-js-snapshot-list-sort-by-1-snap.png differ diff --git a/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/snapshots-ui-js-snapshot-list-sort-by-sort-order-1-snap.png b/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/snapshots-ui-js-snapshot-list-sort-by-sort-order-1-snap.png index 8edfe142..dc0b1993 100644 Binary files a/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/snapshots-ui-js-snapshot-list-sort-by-sort-order-1-snap.png and b/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/snapshots-ui-js-snapshot-list-sort-by-sort-order-1-snap.png differ diff --git a/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/snapshots-ui-js-snapshot-list-submitting-1-snap.png b/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/snapshots-ui-js-snapshot-list-submitting-1-snap.png index 3c345f70..15c04dd7 100644 Binary files a/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/snapshots-ui-js-snapshot-list-submitting-1-snap.png and b/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/snapshots-ui-js-snapshot-list-submitting-1-snap.png differ diff --git a/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/summary-ui-js-summary-1-snap.png b/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/summary-ui-js-summary-1-snap.png index 17d02076..c7a93436 100644 Binary files a/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/summary-ui-js-summary-1-snap.png and b/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/summary-ui-js-summary-1-snap.png differ diff --git a/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/summary-ui-js-summary-instance-1-snap.png b/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/summary-ui-js-summary-instance-1-snap.png index 2b221a6e..bbc5c48f 100644 Binary files a/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/summary-ui-js-summary-instance-1-snap.png and b/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/summary-ui-js-summary-instance-1-snap.png differ diff --git a/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/summary-ui-js-summary-instance-2-snap.png b/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/summary-ui-js-summary-instance-2-snap.png index c806aa3d..54ee88df 100644 Binary files a/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/summary-ui-js-summary-instance-2-snap.png and b/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/summary-ui-js-summary-instance-2-snap.png differ diff --git a/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/summary-ui-js-summary-starting-stopping-rebooting-removing-1-snap.png b/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/summary-ui-js-summary-starting-stopping-rebooting-removing-1-snap.png index 19ff40c3..4f84587b 100644 Binary files a/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/summary-ui-js-summary-starting-stopping-rebooting-removing-1-snap.png and b/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/summary-ui-js-summary-starting-stopping-rebooting-removing-1-snap.png differ diff --git a/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/summary-ui-js-summary-state-provisioning-1-snap.png b/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/summary-ui-js-summary-state-provisioning-1-snap.png index 8aeaf21c..e6713c59 100644 Binary files a/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/summary-ui-js-summary-state-provisioning-1-snap.png and b/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/summary-ui-js-summary-state-provisioning-1-snap.png differ diff --git a/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/summary-ui-js-summary-state-running-1-snap.png b/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/summary-ui-js-summary-state-running-1-snap.png index 8f07b6de..d09ae87b 100644 Binary files a/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/summary-ui-js-summary-state-running-1-snap.png and b/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/summary-ui-js-summary-state-running-1-snap.png differ diff --git a/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/summary-ui-js-summary-state-stopped-1-snap.png b/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/summary-ui-js-summary-state-stopped-1-snap.png index ff84f0ca..548439f9 100644 Binary files a/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/summary-ui-js-summary-state-stopped-1-snap.png and b/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/summary-ui-js-summary-state-stopped-1-snap.png differ diff --git a/packages/my-joy-beta/src/components/instances/__tests__/__snapshots__/snapshots.spec.js.snap b/packages/my-joy-beta/src/components/instances/__tests__/__snapshots__/snapshots.spec.js.snap index c6e1129d..8686bb11 100644 --- a/packages/my-joy-beta/src/components/instances/__tests__/__snapshots__/snapshots.spec.js.snap +++ b/packages/my-joy-beta/src/components/instances/__tests__/__snapshots__/snapshots.spec.js.snap @@ -581,8 +581,7 @@ Array [ } .c0 { - width: calc(100% - 2px); - border-top: none; + width: calc(100% - 0.125rem); }
without throwing 1`] = ` display: block; } -.c24 { +.c25 { box-sizing: border-box; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; @@ -98,7 +98,7 @@ exports[`renders without throwing 1`] = ` display: block; } -.c29 { +.c30 { box-sizing: border-box; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; @@ -117,7 +117,7 @@ exports[`renders without throwing 1`] = ` margin-top: 0.375rem; } -.c27 { +.c28 { margin-top: 1.5rem; margin-bottom: 1.875rem; } @@ -126,6 +126,10 @@ exports[`renders without throwing 1`] = ` padding: 1.5rem; } +.c21 { + padding-top: 0.1875rem; +} + .c20 { background-color: transparent; -webkit-text-decoration-skip: objects; @@ -133,7 +137,7 @@ exports[`renders without throwing 1`] = ` font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif; } -.c22 { +.c23 { font-family: sans-serif; font-size: 100%; line-height: 1.15; @@ -146,23 +150,23 @@ exports[`renders without throwing 1`] = ` min-width: 7.5rem; } -.c22::-moz-focus-inner, -.c22[type='button']::-moz-focus-inner, -.c22[type='reset']::-moz-focus-inner, -.c22[type='submit']::-moz-focus-inner { +.c23::-moz-focus-inner, +.c23[type='button']::-moz-focus-inner, +.c23[type='reset']::-moz-focus-inner, +.c23[type='submit']::-moz-focus-inner { border-style: none; padding: 0; } -.c22:-moz-focusring, -.c22[type='button']:-moz-focusring, -.c22[type='reset']:-moz-focusring, -.c22[type='submit']:-moz-focusring { +.c23:-moz-focusring, +.c23[type='button']:-moz-focusring, +.c23[type='reset']:-moz-focusring, +.c23[type='submit']:-moz-focusring { outline: 0.0625rem dotted ButtonText; } -.c22 + button, -.c22 + a { +.c23 + button, +.c23 + a { margin-left: 0.375rem; } @@ -178,7 +182,7 @@ exports[`renders without throwing 1`] = ` text-decoration: none; } -.c33 { +.c34 { cursor: pointer; } @@ -238,6 +242,15 @@ exports[`renders without throwing 1`] = ` min-width: 0rem; min-height: 0rem; height: auto; + 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; + font-weight: 500; } .c17:focus { @@ -284,7 +297,15 @@ exports[`renders without throwing 1`] = ` border-color: rgb(216,216,216); } -.c21 { +.c17 svg + span { + margin-left: 0.75rem; +} + +.c17 svg { + max-height: 1.125rem; +} + +.c22 { box-sizing: border-box; display: inline-block; -webkit-box-pack: center; @@ -346,7 +367,7 @@ exports[`renders without throwing 1`] = ` align-items: center; } -.c21:focus { +.c22:focus { outline: 0; -webkit-text-decoration: none; text-decoration: none; @@ -354,68 +375,68 @@ exports[`renders without throwing 1`] = ` border-color: rgb(45,56,132); } -.c21:hover { +.c22:hover { background-color: rgb(72,83,217); border: solid 0.0625rem rgb(45,56,132); } -.c21:active, -.c21:active:hover, -.c21:active:focus { +.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); } -.c21[disabled] { +.c22[disabled] { cursor: not-allowed; pointer-events: none; } -.c21:focus { +.c22:focus { background-color: rgb(255,255,255); border-color: rgb(216,216,216); } -.c21:hover { +.c22:hover { background-color: rgb(247,247,247); border-color: rgb(216,216,216); } -.c21:active, -.c21:active:hover, -.c21:active:focus { +.c22:active, +.c22:active:hover, +.c22:active:focus { background-color: rgb(230,230,230); border-color: rgb(216,216,216); } -.c21:focus { +.c22:focus { background-color: rgb(250,250,250); border-color: rgb(216,216,216); } -.c21:hover { +.c22:hover { background-color: rgb(250,250,250); border-color: rgb(250,250,250); } -.c21:active, -.c21:active:hover, -.c21:active:focus { +.c22:active, +.c22:active:hover, +.c22:active:focus { background-color: rgb(250,250,250); border-color: rgb(250,250,250); } -.c21 svg + span { +.c22 svg + span { margin-left: 0.75rem; } -.c21 svg { +.c22 svg { max-height: 1.125rem; } -.c23 { +.c24 { box-sizing: border-box; display: inline-block; -webkit-box-pack: center; @@ -473,7 +494,7 @@ exports[`renders without throwing 1`] = ` font-weight: 500; } -.c23:focus { +.c24:focus { outline: 0; -webkit-text-decoration: none; text-decoration: none; @@ -481,219 +502,64 @@ exports[`renders without throwing 1`] = ` border-color: rgb(45,56,132); } -.c23:hover { +.c24:hover { background-color: rgb(72,83,217); border: solid 0.0625rem rgb(45,56,132); } -.c23:active, -.c23:active:hover, -.c23:active:focus { +.c24:active, +.c24:active:hover, +.c24:active:focus { background-image: none; outline: 0; background-color: rgb(45,56,132); border-color: rgb(45,56,132); } -.c23[disabled] { +.c24[disabled] { cursor: not-allowed; pointer-events: none; } -.c23:focus { +.c24:focus { background-color: rgb(255,255,255); border-color: rgb(216,216,216); } -.c23:hover { +.c24:hover { background-color: rgb(247,247,247); border-color: rgb(216,216,216); } -.c23:active, -.c23:active:hover, -.c23:active:focus { +.c24:active, +.c24:active:hover, +.c24:active:focus { background-color: rgb(230,230,230); border-color: rgb(216,216,216); } -.c23:focus { +.c24:focus { background-color: rgb(250,250,250); border-color: rgb(216,216,216); } -.c23:hover { +.c24:hover { background-color: rgb(250,250,250); border-color: rgb(250,250,250); } -.c23:active, -.c23:active:hover, -.c23:active:focus { +.c24:active, +.c24:active:hover, +.c24:active:focus { background-color: rgb(250,250,250); border-color: rgb(250,250,250); } -.c23 svg + span { +.c24 svg + span { margin-left: 0.75rem; } -.c23 svg { - max-height: 1.125rem; -} - -.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); - 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); - cursor: not-allowed; - pointer-events: none; - color: rgb(216,216,216); - background-color: rgb(250,250,250); - border-color: rgb(216,216,216); - padding: 0.625rem 1.125rem; - font-size: 0.8125rem; - min-width: 0rem; - min-height: 0rem; - height: auto; - 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; - float: right; -} - -.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(255,255,255); - border-color: rgb(216,216,216); -} - -.c25:hover { - background-color: rgb(247,247,247); - border-color: rgb(216,216,216); -} - -.c25:active, -.c25:active:hover, -.c25:active:focus { - background-color: rgb(230,230,230); - border-color: rgb(216,216,216); -} - -.c25:focus { - color: rgb(205,37,27); - background-color: rgb(255,255,255); - border-color: rgb(205,37,27); -} - -.c25:hover { - color: rgb(205,37,27); - background-color: rgb(255,255,255); - border-color: rgb(205,37,27); -} - -.c25:active, -.c25:active:hover, -.c25:active:focus { - background-color: rgba(210,67,58,0.1); - border-color: rgb(205,37,27); -} - -.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); -} - -.c25 svg + span { - margin-left: 0.75rem; -} - -.c25 svg { +.c24 svg { max-height: 1.125rem; } @@ -748,6 +614,11 @@ exports[`renders without throwing 1`] = ` color: rgb(216,216,216); background-color: rgb(250,250,250); border-color: rgb(216,216,216); + padding: 0.625rem 1.125rem; + font-size: 0.8125rem; + min-width: 0rem; + min-height: 0rem; + height: auto; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; @@ -756,7 +627,6 @@ exports[`renders without throwing 1`] = ` -webkit-box-align: center; -ms-flex-align: center; align-items: center; - font-weight: 500; float: right; } @@ -848,6 +718,157 @@ exports[`renders without throwing 1`] = ` max-height: 1.125rem; } +.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); + cursor: not-allowed; + pointer-events: none; + color: rgb(216,216,216); + background-color: rgb(250,250,250); + border-color: rgb(216,216,216); + 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; + font-weight: 500; + 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:focus { + background-color: rgb(250,250,250); + border-color: rgb(216,216,216); +} + +.c27:hover { + background-color: rgb(250,250,250); + border-color: rgb(250,250,250); +} + +.c27:active, +.c27:active:hover, +.c27:active:focus { + background-color: rgb(250,250,250); + border-color: rgb(250,250,250); +} + +.c27 svg + span { + margin-left: 0.75rem; +} + +.c27 svg { + max-height: 1.125rem; +} + .c10 { font-size: 0.9375rem; line-height: 1.125rem; @@ -859,7 +880,7 @@ exports[`renders without throwing 1`] = ` margin-bottom: 0.1875rem; } -.c30 { +.c31 { font-size: 0.9375rem; line-height: 1.125rem; font-style: normal; @@ -895,7 +916,7 @@ exports[`renders without throwing 1`] = ` margin-top: 1.5rem; } -.c28 { +.c29 { background-color: rgb(216,216,216); margin: 0; height: 0.0625rem; @@ -976,7 +997,7 @@ exports[`renders without throwing 1`] = ` margin-bottom: 0.4375rem; } -.c32 { +.c33 { box-sizing: border-box; width: 18.75rem; height: 3rem; @@ -1000,62 +1021,62 @@ exports[`renders without throwing 1`] = ` text-overflow: ellipsis; } -.c32:focus { +.c33:focus { border-color: rgb(59,70,204); outline: 0; } -.c32::-webkit-input-placeholder { +.c33::-webkit-input-placeholder { color: rgba(73,73,73,0.5); } -.c32::-moz-placeholder { +.c33::-moz-placeholder { color: rgba(73,73,73,0.5); } -.c32:-ms-input-placeholder { +.c33:-ms-input-placeholder { color: rgba(73,73,73,0.5); } -.c32:invalid { +.c33:invalid { box-shadow: none; } -.c32:disabled { +.c33:disabled { background-color: rgb(250,250,250); color: rgb(216,216,216); cursor: not-allowed; } -.c32:disabled::-webkit-input-placeholder { +.c33:disabled::-webkit-input-placeholder { color: rgba(73,73,73,0.5); } -.c32:disabled::-moz-placeholder { +.c33:disabled::-moz-placeholder { color: rgba(73,73,73,0.5); } -.c32:disabled:-ms-input-placeholder { +.c33:disabled:-ms-input-placeholder { color: rgba(73,73,73,0.5); } -.c32:disabled { +.c33:disabled { color: rgba(73,73,73,1); } -.c32:disabled::-webkit-input-placeholder { +.c33:disabled::-webkit-input-placeholder { color: rgba(73,73,73,1); } -.c32:disabled::-moz-placeholder { +.c33:disabled::-moz-placeholder { color: rgba(73,73,73,1); } -.c32:disabled:-ms-input-placeholder { +.c33:disabled:-ms-input-placeholder { color: rgba(73,73,73,1); } -.c34 { +.c35 { box-sizing: border-box; width: 18.75rem; height: 3rem; @@ -1078,62 +1099,62 @@ exports[`renders without throwing 1`] = ` min-width: 100%; } -.c34:focus { +.c35:focus { border-color: rgb(59,70,204); outline: 0; } -.c34::-webkit-input-placeholder { +.c35::-webkit-input-placeholder { color: rgba(73,73,73,0.5); } -.c34::-moz-placeholder { +.c35::-moz-placeholder { color: rgba(73,73,73,0.5); } -.c34:-ms-input-placeholder { +.c35:-ms-input-placeholder { color: rgba(73,73,73,0.5); } -.c34:invalid { +.c35:invalid { box-shadow: none; } -.c34:disabled { +.c35:disabled { background-color: rgb(250,250,250); color: rgb(216,216,216); cursor: not-allowed; } -.c34:disabled::-webkit-input-placeholder { +.c35:disabled::-webkit-input-placeholder { color: rgba(73,73,73,0.5); } -.c34:disabled::-moz-placeholder { +.c35:disabled::-moz-placeholder { color: rgba(73,73,73,0.5); } -.c34:disabled:-ms-input-placeholder { +.c35:disabled:-ms-input-placeholder { color: rgba(73,73,73,0.5); } -.c34:disabled { +.c35:disabled { color: rgba(73,73,73,1); } -.c34:disabled::-webkit-input-placeholder { +.c35:disabled::-webkit-input-placeholder { color: rgba(73,73,73,1); } -.c34:disabled::-moz-placeholder { +.c35:disabled::-moz-placeholder { color: rgba(73,73,73,1); } -.c34:disabled:-ms-input-placeholder { +.c35:disabled:-ms-input-placeholder { color: rgba(73,73,73,1); } -.c31 { +.c32 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; @@ -1145,11 +1166,11 @@ exports[`renders without throwing 1`] = ` align-items: center; } -.c31 input { +.c32 input { padding-right: 1.875rem; } -.c31 div { +.c32 div { position: relative; left: -1.625rem; } @@ -1252,7 +1273,7 @@ exports[`renders without throwing 1`] = ` } @media only screen and (min-width:0em) { - .c24 { + .c25 { -webkit-flex-basis: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%; @@ -1261,7 +1282,7 @@ exports[`renders without throwing 1`] = ` } @media only screen and (min-width:0em) { - .c29 { + .c30 { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; @@ -1270,7 +1291,7 @@ exports[`renders without throwing 1`] = ` } @media only screen and (min-width:64em) { - .c29 { + .c30 { -webkit-flex-basis: 58.333333333333336%; -ms-flex-preferred-size: 58.333333333333336%; flex-basis: 58.333333333333336%; @@ -1411,34 +1432,39 @@ exports[`renders without throwing 1`] = ` - - - + + + +
@@ -3736,10 +3677,10 @@ exports[`renders without throwing 1`] = `
@@ -5559,33 +5500,33 @@ exports[`renders without throwing 1`] = ` margin-bottom: 1.5rem; } -.c19 { +.c18 { margin-top: 1.5rem; } -.c25 { +.c24 { margin-top: 0.1875rem; } -.c28 { +.c27 { margin-top: 1.3125rem; margin-left: 0.75rem; } -.c14 { +.c13 { padding: 1.5rem; padding-bottom: 0rem; } -.c16 { +.c15 { padding-bottom: 0.75rem; } -.c20 { +.c19 { padding-bottom: 1.125rem; } -.c31 { +.c30 { font-family: sans-serif; font-size: 100%; line-height: 1.15; @@ -5598,23 +5539,23 @@ exports[`renders without throwing 1`] = ` min-width: 7.5rem; } -.c31::-moz-focus-inner, -.c31[type='button']::-moz-focus-inner, -.c31[type='reset']::-moz-focus-inner, -.c31[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; } -.c31:-moz-focusring, -.c31[type='button']:-moz-focusring, -.c31[type='reset']:-moz-focusring, -.c31[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; } -.c31 + button, -.c31 + a { +.c30 + button, +.c30 + a { margin-left: 0.375rem; } @@ -5625,7 +5566,7 @@ exports[`renders without throwing 1`] = ` margin: 0; } -.c12 { +.c11 { color: rgba(73,73,73,1); line-height: 1.5rem; font-size: 0.9375rem; @@ -5634,16 +5575,16 @@ exports[`renders without throwing 1`] = ` font-size: 0.8125rem; } -.c30 { +.c29 { display: inline-block; } -.c30 + button, -.c30 + a { +.c29 + button, +.c29 + a { margin-left: 0.375rem; } -.c29 { +.c28 { box-sizing: border-box; display: inline-block; -webkit-box-pack: center; @@ -5683,7 +5624,7 @@ exports[`renders without throwing 1`] = ` border: solid 0.0625rem rgb(45,56,132); } -.c29:focus { +.c28:focus { outline: 0; -webkit-text-decoration: none; text-decoration: none; @@ -5691,26 +5632,26 @@ exports[`renders without throwing 1`] = ` border-color: rgb(45,56,132); } -.c29:hover { +.c28:hover { background-color: rgb(72,83,217); border: solid 0.0625rem rgb(45,56,132); } -.c29:active, -.c29:active:hover, -.c29:active:focus { +.c28:active, +.c28:active:hover, +.c28:active:focus { background-image: none; outline: 0; background-color: rgb(45,56,132); border-color: rgb(45,56,132); } -.c29[disabled] { +.c28[disabled] { cursor: not-allowed; pointer-events: none; } -.c24 { +.c23 { font-size: 0.9375rem; line-height: 1.125rem; font-style: normal; @@ -5725,7 +5666,7 @@ exports[`renders without throwing 1`] = ` font-size: 0.8125rem; } -.c27 { +.c26 { font-size: 0.9375rem; line-height: 1.125rem; font-style: normal; @@ -5779,17 +5720,7 @@ exports[`renders without throwing 1`] = ` display: block; } -.c7 { - box-sizing: border-box; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - padding-right: 0.625rem; - padding-left: 0.625rem; - display: block; -} - -.c15 { +.c14 { color: rgba(73,73,73,1); font-weight: normal; line-height: 1.625rem; @@ -5797,20 +5728,20 @@ exports[`renders without throwing 1`] = ` margin: 0; } -.c15 + p, -.c15 + small, -.c15 + h1, -.c15 + h2, -.c15 + label, -.c15 + h3, -.c15 + h4, -.c15 + h5, -.c15 + div, -.c15 + span { +.c14 + p, +.c14 + small, +.c14 + h1, +.c14 + h2, +.c14 + label, +.c14 + h3, +.c14 + h4, +.c14 + h5, +.c14 + div, +.c14 + span { margin-top: 1.5rem; } -.c11 { +.c10 { color: rgba(73,73,73,1); font-weight: 600; line-height: 1.5rem; @@ -5818,20 +5749,20 @@ exports[`renders without throwing 1`] = ` margin: 0; } -.c18 { +.c17 { background-color: rgb(216,216,216); margin: 0; height: 0.0625rem; } -.c32 { +.c31 { background-color: rgb(216,216,216); margin: 0; background-color: transparent; height: 0.25rem; } -.c17 { +.c16 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; @@ -5854,7 +5785,7 @@ exports[`renders without throwing 1`] = ` flex-direction: column; } -.c21 { +.c20 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; @@ -5877,7 +5808,7 @@ exports[`renders without throwing 1`] = ` flex-wrap: wrap; } -.c33 { +.c32 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; @@ -5901,7 +5832,7 @@ exports[`renders without throwing 1`] = ` align-items: center; } -.c22 { +.c21 { -webkit-order: 0; -ms-flex-order: 0; order: 0; @@ -5918,7 +5849,7 @@ exports[`renders without throwing 1`] = ` display: block; } -.c8 { +.c7 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; @@ -5931,30 +5862,7 @@ exports[`renders without throwing 1`] = ` width: 100%; } -.c8:before, -.c8:after { - content: ''; - position: absolute; - width: 0; - height: 0; - border-style: solid; -} - -.c8:before { - top: -0.4375rem; - right: 1.0625rem; - border-width: 0 0.34375rem 0.4375rem 0.34375rem; - border-color: transparent transparent rgb(216,216,216) transparent; -} - -.c8:after { - top: -0.375rem; - right: 1.125rem; - border-width: 0 0.28125rem 0.375rem 0.28125rem; - border-color: transparent transparent rgb(255,255,255) transparent; -} - -.c9 { +.c8 { border-radius: 0.1875rem 0 0 0.1875rem; margin: -0.0625rem 0 -0.0625rem -0.0625rem; min-width: 0.75rem; @@ -5963,11 +5871,11 @@ exports[`renders without throwing 1`] = ` background-color: rgb(210,67,58); } -.c10 { +.c9 { padding: 1.125rem 1.125rem; } -.c13 { +.c12 { box-sizing: content-box; display: -webkit-box; display: -webkit-flex; @@ -5989,7 +5897,7 @@ exports[`renders without throwing 1`] = ` border-color: rgb(216,216,216); } -.c23 { +.c22 { display: inline-block; margin: 0; padding: 0; @@ -6004,7 +5912,7 @@ exports[`renders without throwing 1`] = ` -webkit-padding-after: 0; } -.c26 { +.c25 { box-sizing: border-box; width: 18.75rem; height: 3rem; @@ -6026,46 +5934,46 @@ exports[`renders without throwing 1`] = ` text-overflow: ellipsis; } -.c26:focus { +.c25:focus { border-color: rgb(59,70,204); outline: 0; } -.c26::-webkit-input-placeholder { +.c25::-webkit-input-placeholder { color: rgba(73,73,73,0.5); } -.c26::-moz-placeholder { +.c25::-moz-placeholder { color: rgba(73,73,73,0.5); } -.c26:-ms-input-placeholder { +.c25:-ms-input-placeholder { color: rgba(73,73,73,0.5); } -.c26:invalid { +.c25:invalid { box-shadow: none; } -.c26:disabled { +.c25:disabled { background-color: rgb(250,250,250); color: rgb(216,216,216); cursor: not-allowed; } -.c26:disabled::-webkit-input-placeholder { +.c25:disabled::-webkit-input-placeholder { color: rgba(73,73,73,0.5); } -.c26:disabled::-moz-placeholder { +.c25:disabled::-moz-placeholder { color: rgba(73,73,73,0.5); } -.c26:disabled:-ms-input-placeholder { +.c25:disabled:-ms-input-placeholder { color: rgba(73,73,73,0.5); } -.c34 { +.c33 { position: relative; vertical-align: text-bottom; display: -webkit-box; @@ -6078,27 +5986,27 @@ exports[`renders without throwing 1`] = ` align-items: center; } -.c35 { +.c34 { display: none; } -.c35:checked + label { +.c34:checked + label { background: #3B46CC; border: 0.0625rem solid rgb(59,70,204); } -.c35:checked + label:after { +.c34:checked + label:after { -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); box-shadow: 0 0 0 0.0625rem rgb(59,70,204); } -.c35:checked + label:active { +.c34:checked + label:active { box-shadow: none; } -.c36 { +.c35 { outline: 0; display: block; width: 2.875rem; @@ -6118,24 +6026,24 @@ exports[`renders without throwing 1`] = ` margin-right: 0.375rem; } -.c36::selection { +.c35::selection { background: none; } -.c36:active { +.c35:active { box-shadow: inset 0 0 0 1.5rem rgb(216,216,216); } -.c36:hover { +.c35:hover { border: 0.0625rem solid rgb(59,70,204); } -.c36:hover:after { +.c35:hover:after { box-shadow: 0 0 0 0.0625rem rgb(59,70,204); } -.c36:after, -.c36:before { +.c35:after, +.c35:before { position: relative; display: block; content: ''; @@ -6143,7 +6051,7 @@ exports[`renders without throwing 1`] = ` height: 100%; } -.c36:after { +.c35:after { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); @@ -6155,11 +6063,11 @@ exports[`renders without throwing 1`] = ` box-shadow: 0 0 0 0.0625rem rgb(216,216,216); } -.c36:active { +.c35:active { box-shadow: inset 0 0 0 2em rgb(216,216,216); } -.c36:before { +.c35:before { display: none; } @@ -6206,24 +6114,6 @@ exports[`renders without throwing 1`] = ` } } -@media only screen and (min-width:48em) { - .c7 { - -webkit-flex-basis: 100%; - -ms-flex-preferred-size: 100%; - flex-basis: 100%; - max-width: 100%; - } -} - -@media only screen and (min-width:64em) { - .c7 { - -webkit-flex-basis: 58.333333333333336%; - -ms-flex-preferred-size: 58.333333333333336%; - flex-basis: 58.333333333333336%; - max-width: 58.333333333333336%; - } -} -
@@ -6260,32 +6150,24 @@ exports[`renders without throwing 1`] = ` className="c6" >
+
-
-
-
-

- Ooops! -

-

- mutation error -

-
-
+ Ooops! + +

+ mutation error +

@@ -6293,20 +6175,20 @@ exports[`renders without throwing 1`] = ` className="c6" >

Hostnames

without throwing 1`] = `

CNS service hostnames

without throwing 1`] = ` onSubmit={undefined} >

without throwing 1`] = ` required={true} />
@@ -6404,10 +6286,10 @@ exports[`renders without throwing 1`] = `
@@ -6418,27 +6300,27 @@ exports[`renders without throwing 1`] = ` className="c6" >
without throwing 1`] = ` />