Sorry, but we weren’t able to find any packages with that filter
@@ -2422,15 +2437,15 @@ exports[`renders
without
`;
exports[`renders
without throwing 1`] = `
-.c10 {
+.c11 {
margin-bottom: 0.75rem;
}
-.c8 {
+.c9 {
padding: 2.25rem;
}
-.c9 {
+.c10 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
@@ -2466,7 +2481,7 @@ exports[`renders
without throwing 1`] = `
margin-left: 0.5625rem;
}
-.c12 {
+.c13 {
color: rgba(73,73,73,1);
font-weight: normal;
line-height: 1.625rem;
@@ -2474,20 +2489,20 @@ exports[`renders
without throwing 1`] = `
margin: 0;
}
-.c12 + p,
-.c12 + small,
-.c12 + h1,
-.c12 + h2,
-.c12 + label,
-.c12 + h3,
-.c12 + h4,
-.c12 + h5,
-.c12 + div,
-.c12 + span {
+.c13 + p,
+.c13 + small,
+.c13 + h1,
+.c13 + h2,
+.c13 + label,
+.c13 + h3,
+.c13 + h4,
+.c13 + h5,
+.c13 + div,
+.c13 + span {
margin-top: 1.5rem;
}
-.c7 {
+.c8 {
box-sizing: content-box;
display: -webkit-box;
display: -webkit-flex;
@@ -2623,10 +2638,14 @@ exports[`renders
without throwing 1`] = `
border-bottom-width: 0.0625rem;
}
-.c11 {
+.c12 {
color: rgb(151,151,151);
}
+.c7 {
+ width: 100%;
+}
+
+ ,
+ ,
without throwing 1`] = `
selected={undefined}
>
+ ,
almost NaN years
+ ,
almost NaN years
+ ,
without throwing 1`] = `
padding-top: 0.25rem;
}
-.c9 {
- height: 0.6875rem;
- width: 0.6875rem;
- border-radius: 0.6875rem;
-}
-
-.c12 {
+.c11 {
padding: 0rem;
}
-.c10 {
- width: 0.375rem;
- height: 0.375rem;
+.c9 {
+ width: 0.75rem;
+ height: 0.75rem;
border-radius: 50%;
display: inline-block;
}
@@ -1050,7 +1161,7 @@ exports[`renders
+ ,
without throwing 1`] = `
>
name
+ ,
without throwing 1`] = `
selected={undefined}
>
Started
+ ,
about 2 months
+ ,
about 2 months
+ ,
without throwing 1`] = `
`;
exports[`renders
+
+
-
-
-
-
-
- Status
-
-
-
-
- Created
-
-
-
-
- Updated
-
-
-
-
-
-
-
+
+
+
+
+ You have no Snapshots
+
+
+
+
+
+
-
-
-
-
-
- Status
-
-
-
-
- Created
-
-
-
-
- Updated
-
-
-
-
-
-
-
+
+
+
+
+ You have no Snapshots
+
+
+
+
+
+
-
-
-
-
-
- Created
-
-
-
-
- Updated
-
-
-
-
-
-
-
+
+
+
+
+ You have no Snapshots
+
+
+
+
+
+
-
-
-
-
-
- Created
-
-
-
-
- Updated
-
-
-
-
-
-
-
+
+
+
+
+ You have no Snapshots
+
+
+
+
+
+
-
-
-
-
-
- Status
-
-
-
-
- Created
-
-
-
-
- Updated
-
-
-
-
-
-
-
+
+
+
+
+ You have no Snapshots
+
+
+
+
-
+
{name}
-
+
{mutating ? (
@@ -63,9 +70,7 @@ export const Item = ({
) : (
{!mutating ? (
- [
+
,
- ,
{distanceInWordsToNow(created)}
@@ -75,7 +62,7 @@ export const Item = ({
- ]
+
) : (
@@ -132,8 +111,7 @@ export default ({
showSort={sortBy === 'name'}
left
middle
- actionable
- >
+ actionable>
Name
+ actionable>
Status
+ actionable>
Created
+ actionable>
Updated
- {snapshots.map(snapshot => (
- - onStart(snapshot)}
- onRemove={() => onRemove(snapshot)}
- key={snapshot.id}
- {...snapshot}
- />
- ))}
+ {snapshots.length
+ ? snapshots.map(snapshot => (
+
- onStart(snapshot)}
+ onRemove={() => onRemove(snapshot)}
+ key={snapshot.id}
+ {...snapshot}
+ />
+ ))
+ : null}
- );
-};
+ {!snapshots.length ? You have no Snapshots : null}
+
+);
diff --git a/packages/my-joy-beta/src/components/instances/summary.js b/packages/my-joy-beta/src/components/instances/summary.js
index ad61eee2..bd28b083 100644
--- a/packages/my-joy-beta/src/components/instances/summary.js
+++ b/packages/my-joy-beta/src/components/instances/summary.js
@@ -170,11 +170,8 @@ export const Meta = ({
{titleCase(type)} value
-
@@ -162,8 +154,7 @@ export const KeyValue = ({
secondary={false}
transparent={false}
actionable={Boolean(handleHeaderClick)}
- onClick={handleHeaderClick}
- >
+ onClick={handleHeaderClick}>
{expanded ? (
- {`${initialValues.name}${
- type === 'metadata' ? '-' : ':'
- }`}
+ {`${initialValues.name}${type === 'metadata' ? '-' : ':'}`}
) : (
- {`${initialValues.name}${
- type === 'metadata' ? '-' : ':'
- }`}
+ {`${initialValues.name}${type === 'metadata' ? '-' : ':'}`}
)}
{initialValues.value}
@@ -190,10 +177,7 @@ export const KeyValue = ({
)}
{method === 'edit' ? (
-
@@ -230,51 +214,45 @@ export const KeyValue = ({
onlyValue={onlyValue}
/>
) : null}
- {input !== 'textarea' && input !== 'input'
- ? input(submitting)
- : null}
-
-
- Cancel
-
-
- {method === 'add' ? 'Create' : 'Save'}
-
-
- {!noRemove && (
-
+
+
- Remove
+ marginless>
+ Cancel
+
+
+ {method === 'add' ? 'Create' : 'Save'}
- )}
-
+ {!noRemove && (
+
+ Remove
+
+
+ )}
+
+
) : null}
diff --git a/packages/my-joy-beta/src/components/navigation/__tests__/__image_snapshots__/footer-ui-js-footer-1-snap.png b/packages/my-joy-beta/src/components/navigation/__tests__/__image_snapshots__/footer-ui-js-footer-1-snap.png
index 3c435414..89fd19b0 100644
Binary files a/packages/my-joy-beta/src/components/navigation/__tests__/__image_snapshots__/footer-ui-js-footer-1-snap.png and b/packages/my-joy-beta/src/components/navigation/__tests__/__image_snapshots__/footer-ui-js-footer-1-snap.png differ
diff --git a/packages/my-joy-beta/src/components/navigation/__tests__/__image_snapshots__/menu-ui-js-menu-links-1-snap.png b/packages/my-joy-beta/src/components/navigation/__tests__/__image_snapshots__/menu-ui-js-menu-links-1-snap.png
index 8f2380eb..60d334ad 100644
Binary files a/packages/my-joy-beta/src/components/navigation/__tests__/__image_snapshots__/menu-ui-js-menu-links-1-snap.png and b/packages/my-joy-beta/src/components/navigation/__tests__/__image_snapshots__/menu-ui-js-menu-links-1-snap.png differ
diff --git a/packages/my-joy-beta/src/components/network.js b/packages/my-joy-beta/src/components/network.js
index f5bd9736..9ff649a3 100644
--- a/packages/my-joy-beta/src/components/network.js
+++ b/packages/my-joy-beta/src/components/network.js
@@ -1,3 +1,4 @@
+/* eslint-disable camelcase */
import React, { Fragment } from 'react';
import { Field } from 'redux-form';
import { Row, Col } from 'joyent-react-styled-flexboxgrid';
@@ -72,14 +73,10 @@ export const Collapsed = ({ name, fabric, ...network }) => (
-
- {fabric ?
+ {fabric ?
-
- {fabric ? 'Fabric network' : 'Data center network'}
-
+ {fabric ? 'Fabric network' : 'Data center network'}
@@ -155,14 +152,10 @@ export const Expanded = ({
-
- {fabric ?
+ {fabric ?
-
- {fabric ? 'Fabric network' : 'Data center network'}
-
+ {fabric ? 'Fabric network' : 'Data center network'}
@@ -177,11 +170,7 @@ export const Expanded = ({
-
- {`${machines.length} instance${
- machines.length === 1 ? '' : 's'
- }`}
-
+ {`${machines.length} instance${machines.length === 1 ? '' : 's'}`}
@@ -192,11 +181,7 @@ export const Expanded = ({
-
+
Network information
@@ -214,12 +199,8 @@ export const Expanded = ({
-
-
+
Outbound internet access enabled
@@ -229,30 +210,20 @@ export const Expanded = ({
) : null}
-
- ID
-
-
-
+
+
+ ID
+
+
+
+
Subnet
-
@@ -278,24 +249,15 @@ export const Expanded = ({
{machines.length ? (
-
-
+
+
Instances on network
-
{machinesExpanded ? (
diff --git a/packages/my-joy-beta/src/containers/create-instance/__tests__/__image_snapshots__/metadata-ui-js-metadata-1-snap.png b/packages/my-joy-beta/src/containers/create-instance/__tests__/__image_snapshots__/metadata-ui-js-metadata-1-snap.png
index 4421e6ae..7b1b6267 100644
Binary files a/packages/my-joy-beta/src/containers/create-instance/__tests__/__image_snapshots__/metadata-ui-js-metadata-1-snap.png and b/packages/my-joy-beta/src/containers/create-instance/__tests__/__image_snapshots__/metadata-ui-js-metadata-1-snap.png differ
diff --git a/packages/my-joy-beta/src/containers/create-instance/__tests__/__image_snapshots__/metadata-ui-js-metadata-add-open-expanded-1-snap.png b/packages/my-joy-beta/src/containers/create-instance/__tests__/__image_snapshots__/metadata-ui-js-metadata-add-open-expanded-1-snap.png
index 2a273c8b..650bab25 100644
Binary files a/packages/my-joy-beta/src/containers/create-instance/__tests__/__image_snapshots__/metadata-ui-js-metadata-add-open-expanded-1-snap.png and b/packages/my-joy-beta/src/containers/create-instance/__tests__/__image_snapshots__/metadata-ui-js-metadata-add-open-expanded-1-snap.png differ
diff --git a/packages/my-joy-beta/src/containers/create-instance/__tests__/__image_snapshots__/metadata-ui-js-metadata-expanded-1-snap.png b/packages/my-joy-beta/src/containers/create-instance/__tests__/__image_snapshots__/metadata-ui-js-metadata-expanded-1-snap.png
index c5e540d3..c8f9bf71 100644
Binary files a/packages/my-joy-beta/src/containers/create-instance/__tests__/__image_snapshots__/metadata-ui-js-metadata-expanded-1-snap.png and b/packages/my-joy-beta/src/containers/create-instance/__tests__/__image_snapshots__/metadata-ui-js-metadata-expanded-1-snap.png differ
diff --git a/packages/my-joy-beta/src/containers/create-instance/__tests__/__image_snapshots__/metadata-ui-js-metadata-metadata-1-snap.png b/packages/my-joy-beta/src/containers/create-instance/__tests__/__image_snapshots__/metadata-ui-js-metadata-metadata-1-snap.png
index c5a4da39..95b02299 100644
Binary files a/packages/my-joy-beta/src/containers/create-instance/__tests__/__image_snapshots__/metadata-ui-js-metadata-metadata-1-snap.png and b/packages/my-joy-beta/src/containers/create-instance/__tests__/__image_snapshots__/metadata-ui-js-metadata-metadata-1-snap.png differ
diff --git a/packages/my-joy-beta/src/containers/create-instance/__tests__/__image_snapshots__/metadata-ui-js-metadata-metadata-expanded-1-snap.png b/packages/my-joy-beta/src/containers/create-instance/__tests__/__image_snapshots__/metadata-ui-js-metadata-metadata-expanded-1-snap.png
index 06477ef8..793cfa1c 100644
Binary files a/packages/my-joy-beta/src/containers/create-instance/__tests__/__image_snapshots__/metadata-ui-js-metadata-metadata-expanded-1-snap.png and b/packages/my-joy-beta/src/containers/create-instance/__tests__/__image_snapshots__/metadata-ui-js-metadata-metadata-expanded-1-snap.png differ
diff --git a/packages/my-joy-beta/src/containers/create-instance/__tests__/__image_snapshots__/networks-ui-js-networks-1-snap.png b/packages/my-joy-beta/src/containers/create-instance/__tests__/__image_snapshots__/networks-ui-js-networks-1-snap.png
index 77e7af45..b910bc15 100644
Binary files a/packages/my-joy-beta/src/containers/create-instance/__tests__/__image_snapshots__/networks-ui-js-networks-1-snap.png and b/packages/my-joy-beta/src/containers/create-instance/__tests__/__image_snapshots__/networks-ui-js-networks-1-snap.png differ
diff --git a/packages/my-joy-beta/src/containers/create-instance/__tests__/__image_snapshots__/networks-ui-js-networks-loading-1-snap.png b/packages/my-joy-beta/src/containers/create-instance/__tests__/__image_snapshots__/networks-ui-js-networks-loading-1-snap.png
index 77e7af45..b910bc15 100644
Binary files a/packages/my-joy-beta/src/containers/create-instance/__tests__/__image_snapshots__/networks-ui-js-networks-loading-1-snap.png and b/packages/my-joy-beta/src/containers/create-instance/__tests__/__image_snapshots__/networks-ui-js-networks-loading-1-snap.png differ
diff --git a/packages/my-joy-beta/src/containers/create-instance/__tests__/__image_snapshots__/networks-ui-js-networks-loading-expanded-1-snap.png b/packages/my-joy-beta/src/containers/create-instance/__tests__/__image_snapshots__/networks-ui-js-networks-loading-expanded-1-snap.png
index 525f9e43..4b210b35 100644
Binary files a/packages/my-joy-beta/src/containers/create-instance/__tests__/__image_snapshots__/networks-ui-js-networks-loading-expanded-1-snap.png and b/packages/my-joy-beta/src/containers/create-instance/__tests__/__image_snapshots__/networks-ui-js-networks-loading-expanded-1-snap.png differ
diff --git a/packages/my-joy-beta/src/containers/create-instance/__tests__/__image_snapshots__/networks-ui-js-networks-networks-1-snap.png b/packages/my-joy-beta/src/containers/create-instance/__tests__/__image_snapshots__/networks-ui-js-networks-networks-1-snap.png
index 77e7af45..b910bc15 100644
Binary files a/packages/my-joy-beta/src/containers/create-instance/__tests__/__image_snapshots__/networks-ui-js-networks-networks-1-snap.png and b/packages/my-joy-beta/src/containers/create-instance/__tests__/__image_snapshots__/networks-ui-js-networks-networks-1-snap.png differ
diff --git a/packages/my-joy-beta/src/containers/create-instance/__tests__/__image_snapshots__/networks-ui-js-networks-networks-expanded-1-snap.png b/packages/my-joy-beta/src/containers/create-instance/__tests__/__image_snapshots__/networks-ui-js-networks-networks-expanded-1-snap.png
index 35005261..aa167e8c 100644
Binary files a/packages/my-joy-beta/src/containers/create-instance/__tests__/__image_snapshots__/networks-ui-js-networks-networks-expanded-1-snap.png and b/packages/my-joy-beta/src/containers/create-instance/__tests__/__image_snapshots__/networks-ui-js-networks-networks-expanded-1-snap.png differ
diff --git a/packages/my-joy-beta/src/containers/create-instance/__tests__/__image_snapshots__/networks-ui-js-networks-networks-proceeded-1-snap.png b/packages/my-joy-beta/src/containers/create-instance/__tests__/__image_snapshots__/networks-ui-js-networks-networks-proceeded-1-snap.png
index 30abd1c2..0b98fd4e 100644
Binary files a/packages/my-joy-beta/src/containers/create-instance/__tests__/__image_snapshots__/networks-ui-js-networks-networks-proceeded-1-snap.png and b/packages/my-joy-beta/src/containers/create-instance/__tests__/__image_snapshots__/networks-ui-js-networks-networks-proceeded-1-snap.png differ
diff --git a/packages/my-joy-beta/src/containers/create-instance/__tests__/__image_snapshots__/tag-ui-js-tags-1-snap.png b/packages/my-joy-beta/src/containers/create-instance/__tests__/__image_snapshots__/tag-ui-js-tags-1-snap.png
index a304e0e9..6de1d56b 100644
Binary files a/packages/my-joy-beta/src/containers/create-instance/__tests__/__image_snapshots__/tag-ui-js-tags-1-snap.png and b/packages/my-joy-beta/src/containers/create-instance/__tests__/__image_snapshots__/tag-ui-js-tags-1-snap.png differ
diff --git a/packages/my-joy-beta/src/containers/create-instance/__tests__/__image_snapshots__/tag-ui-js-tags-add-open-expanded-1-snap.png b/packages/my-joy-beta/src/containers/create-instance/__tests__/__image_snapshots__/tag-ui-js-tags-add-open-expanded-1-snap.png
index a21129e1..68d8306c 100644
Binary files a/packages/my-joy-beta/src/containers/create-instance/__tests__/__image_snapshots__/tag-ui-js-tags-add-open-expanded-1-snap.png and b/packages/my-joy-beta/src/containers/create-instance/__tests__/__image_snapshots__/tag-ui-js-tags-add-open-expanded-1-snap.png differ
diff --git a/packages/my-joy-beta/src/containers/create-instance/__tests__/__image_snapshots__/tag-ui-js-tags-expanded-1-snap.png b/packages/my-joy-beta/src/containers/create-instance/__tests__/__image_snapshots__/tag-ui-js-tags-expanded-1-snap.png
index 348cf996..b09bb1ed 100644
Binary files a/packages/my-joy-beta/src/containers/create-instance/__tests__/__image_snapshots__/tag-ui-js-tags-expanded-1-snap.png and b/packages/my-joy-beta/src/containers/create-instance/__tests__/__image_snapshots__/tag-ui-js-tags-expanded-1-snap.png differ
diff --git a/packages/my-joy-beta/src/containers/create-instance/__tests__/__image_snapshots__/tag-ui-js-tags-metadata-1-snap.png b/packages/my-joy-beta/src/containers/create-instance/__tests__/__image_snapshots__/tag-ui-js-tags-metadata-1-snap.png
index a304e0e9..6de1d56b 100644
Binary files a/packages/my-joy-beta/src/containers/create-instance/__tests__/__image_snapshots__/tag-ui-js-tags-metadata-1-snap.png and b/packages/my-joy-beta/src/containers/create-instance/__tests__/__image_snapshots__/tag-ui-js-tags-metadata-1-snap.png differ
diff --git a/packages/my-joy-beta/src/containers/create-instance/__tests__/__image_snapshots__/tag-ui-js-tags-metadata-expanded-1-snap.png b/packages/my-joy-beta/src/containers/create-instance/__tests__/__image_snapshots__/tag-ui-js-tags-metadata-expanded-1-snap.png
index 348cf996..b09bb1ed 100644
Binary files a/packages/my-joy-beta/src/containers/create-instance/__tests__/__image_snapshots__/tag-ui-js-tags-metadata-expanded-1-snap.png and b/packages/my-joy-beta/src/containers/create-instance/__tests__/__image_snapshots__/tag-ui-js-tags-metadata-expanded-1-snap.png differ
diff --git a/packages/my-joy-beta/src/containers/create-instance/__tests__/__image_snapshots__/user-script-ui-js-user-script-1-snap.png b/packages/my-joy-beta/src/containers/create-instance/__tests__/__image_snapshots__/user-script-ui-js-user-script-1-snap.png
index 491f4ca8..d49602c1 100644
Binary files a/packages/my-joy-beta/src/containers/create-instance/__tests__/__image_snapshots__/user-script-ui-js-user-script-1-snap.png and b/packages/my-joy-beta/src/containers/create-instance/__tests__/__image_snapshots__/user-script-ui-js-user-script-1-snap.png differ
diff --git a/packages/my-joy-beta/src/containers/create-instance/__tests__/__image_snapshots__/user-script-ui-js-user-script-expanded-1-snap.png b/packages/my-joy-beta/src/containers/create-instance/__tests__/__image_snapshots__/user-script-ui-js-user-script-expanded-1-snap.png
index 9b64dc88..2349c820 100644
Binary files a/packages/my-joy-beta/src/containers/create-instance/__tests__/__image_snapshots__/user-script-ui-js-user-script-expanded-1-snap.png and b/packages/my-joy-beta/src/containers/create-instance/__tests__/__image_snapshots__/user-script-ui-js-user-script-expanded-1-snap.png differ
diff --git a/packages/my-joy-beta/src/containers/create-instance/__tests__/__image_snapshots__/user-script-ui-js-user-script-expanded-create-1-snap.png b/packages/my-joy-beta/src/containers/create-instance/__tests__/__image_snapshots__/user-script-ui-js-user-script-expanded-create-1-snap.png
index fe4a5f81..e143341c 100644
Binary files a/packages/my-joy-beta/src/containers/create-instance/__tests__/__image_snapshots__/user-script-ui-js-user-script-expanded-create-1-snap.png and b/packages/my-joy-beta/src/containers/create-instance/__tests__/__image_snapshots__/user-script-ui-js-user-script-expanded-create-1-snap.png differ
diff --git a/packages/my-joy-beta/src/containers/create-instance/__tests__/__image_snapshots__/user-script-ui-js-user-script-expanded-create-form-open-1-snap.png b/packages/my-joy-beta/src/containers/create-instance/__tests__/__image_snapshots__/user-script-ui-js-user-script-expanded-create-form-open-1-snap.png
index b8455de6..ca39f9b7 100644
Binary files a/packages/my-joy-beta/src/containers/create-instance/__tests__/__image_snapshots__/user-script-ui-js-user-script-expanded-create-form-open-1-snap.png and b/packages/my-joy-beta/src/containers/create-instance/__tests__/__image_snapshots__/user-script-ui-js-user-script-expanded-create-form-open-1-snap.png differ
diff --git a/packages/my-joy-beta/src/containers/create-instance/__tests__/__image_snapshots__/user-script-ui-js-user-script-expanded-edit-form-open-1-snap.png b/packages/my-joy-beta/src/containers/create-instance/__tests__/__image_snapshots__/user-script-ui-js-user-script-expanded-edit-form-open-1-snap.png
index cca3386e..a650c780 100644
Binary files a/packages/my-joy-beta/src/containers/create-instance/__tests__/__image_snapshots__/user-script-ui-js-user-script-expanded-edit-form-open-1-snap.png and b/packages/my-joy-beta/src/containers/create-instance/__tests__/__image_snapshots__/user-script-ui-js-user-script-expanded-edit-form-open-1-snap.png differ
diff --git a/packages/my-joy-beta/src/containers/create-instance/__tests__/__image_snapshots__/user-script-ui-js-user-script-expanded-edit-form-open-script-1-snap.png b/packages/my-joy-beta/src/containers/create-instance/__tests__/__image_snapshots__/user-script-ui-js-user-script-expanded-edit-form-open-script-1-snap.png
index cca3386e..a650c780 100644
Binary files a/packages/my-joy-beta/src/containers/create-instance/__tests__/__image_snapshots__/user-script-ui-js-user-script-expanded-edit-form-open-script-1-snap.png and b/packages/my-joy-beta/src/containers/create-instance/__tests__/__image_snapshots__/user-script-ui-js-user-script-expanded-edit-form-open-script-1-snap.png differ
diff --git a/packages/my-joy-beta/src/containers/create-instance/__tests__/__image_snapshots__/user-script-ui-js-user-script-proceeded-1-snap.png b/packages/my-joy-beta/src/containers/create-instance/__tests__/__image_snapshots__/user-script-ui-js-user-script-proceeded-1-snap.png
index 369b06bb..1edba575 100644
Binary files a/packages/my-joy-beta/src/containers/create-instance/__tests__/__image_snapshots__/user-script-ui-js-user-script-proceeded-1-snap.png and b/packages/my-joy-beta/src/containers/create-instance/__tests__/__image_snapshots__/user-script-ui-js-user-script-proceeded-1-snap.png differ
diff --git a/packages/my-joy-beta/src/containers/create-instance/__tests__/__snapshots__/metadata.spec.js.snap b/packages/my-joy-beta/src/containers/create-instance/__tests__/__snapshots__/metadata.spec.js.snap
index 804bd511..19a7a843 100644
--- a/packages/my-joy-beta/src/containers/create-instance/__tests__/__snapshots__/metadata.spec.js.snap
+++ b/packages/my-joy-beta/src/containers/create-instance/__tests__/__snapshots__/metadata.spec.js.snap
@@ -395,7 +395,43 @@ Array [
,
- .c23 {
+ .c1 {
+ color: rgba(73,73,73,1);
+ font-weight: normal;
+ line-height: 1.625rem;
+ font-size: 1.3125rem;
+ margin: 0;
+}
+
+.c1 + p,
+.c1 + small,
+.c1 + h1,
+.c1 + h2,
+.c1 + label,
+.c1 + h3,
+.c1 + h4,
+.c1 + h5,
+.c1 + div,
+.c1 + span {
+ margin-top: 1.5rem;
+}
+
+.c0 {
+ margin-bottom: 1.5rem;
+}
+
+
+
+ 0
+ key:value pair
+ s
+
+,
+ .c24 {
font-family: sans-serif;
font-size: 100%;
line-height: 1.15;
@@ -408,22 +444,22 @@ Array [
min-width: 7.5rem;
}
-.c23::-moz-focus-inner,
-.c23[type='button']::-moz-focus-inner,
-.c23[type='reset']::-moz-focus-inner,
-.c23[type='submit']::-moz-focus-inner {
+.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;
}
-.c23:-moz-focusring,
-.c23[type='button']:-moz-focusring,
-.c23[type='reset']:-moz-focusring,
-.c23[type='submit']:-moz-focusring {
+.c24:-moz-focusring,
+.c24[type='button']:-moz-focusring,
+.c24[type='reset']:-moz-focusring,
+.c24[type='submit']:-moz-focusring {
outline: 0.0625rem dotted ButtonText;
}
-.c23 + button {
+.c24 + button {
margin-left: 0.375rem;
}
@@ -439,11 +475,11 @@ Array [
width: 100%;
}
-.c22 {
+.c23 {
display: inline-block;
}
-.c21 {
+.c22 {
box-sizing: border-box;
display: inline-block;
-webkit-box-pack: center;
@@ -487,50 +523,50 @@ Array [
margin: 0;
}
-.c21:focus {
+.c22:focus {
outline: 0;
text-decoration: none;
background-color: rgb(59,70,204);
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);
}
-.c24 {
+.c25 {
box-sizing: border-box;
display: inline-block;
-webkit-box-pack: center;
@@ -575,50 +611,50 @@ Array [
margin: 0;
}
-.c24:focus {
+.c25:focus {
outline: 0;
text-decoration: none;
background-color: rgb(59,70,204);
border-color: rgb(45,56,132);
}
-.c24:hover {
+.c25:hover {
background-color: rgb(72,83,217);
border: solid 0.0625rem rgb(45,56,132);
}
-.c24:active,
-.c24:active:hover,
-.c24:active:focus {
+.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);
}
-.c24[disabled] {
+.c25[disabled] {
cursor: not-allowed;
pointer-events: none;
}
-.c24:focus {
+.c25:focus {
background-color: rgb(250,250,250);
border-color: rgb(216,216,216);
}
-.c24:hover {
+.c25:hover {
background-color: rgb(250,250,250);
border-color: rgb(250,250,250);
}
-.c24:active,
-.c24:active:hover,
-.c24:active:focus {
+.c25:active,
+.c25:active:hover,
+.c25:active:focus {
background-color: rgb(250,250,250);
border-color: rgb(250,250,250);
}
-.c26 {
+.c27 {
box-sizing: border-box;
display: inline-block;
-webkit-box-pack: center;
@@ -675,73 +711,73 @@ Array [
float: right;
}
-.c26:focus {
+.c27:focus {
outline: 0;
text-decoration: none;
background-color: rgb(59,70,204);
border-color: rgb(45,56,132);
}
-.c26:hover {
+.c27:hover {
background-color: rgb(72,83,217);
border: solid 0.0625rem rgb(45,56,132);
}
-.c26:active,
-.c26:active:hover,
-.c26: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);
}
-.c26[disabled] {
+.c27[disabled] {
cursor: not-allowed;
pointer-events: none;
}
-.c26:focus {
+.c27:focus {
background-color: rgb(255,255,255);
border-color: rgb(216,216,216);
}
-.c26:hover {
+.c27:hover {
background-color: rgb(247,247,247);
border-color: rgb(216,216,216);
}
-.c26:active,
-.c26:active:hover,
-.c26:active:focus {
+.c27:active,
+.c27:active:hover,
+.c27:active:focus {
background-color: rgb(230,230,230);
border-color: rgb(216,216,216);
}
-.c26:focus {
+.c27:focus {
color: rgb(205,37,27);
background-color: rgb(255,255,255);
border-color: rgb(205,37,27);
}
-.c26:hover {
+.c27:hover {
color: rgb(205,37,27);
background-color: rgb(255,255,255);
border-color: rgb(205,37,27);
}
-.c26:active,
-.c26:active:hover,
-.c26:active:focus {
+.c27:active,
+.c27:active:hover,
+.c27:active:focus {
background-color: rgba(210,67,58,0.1);
border-color: rgb(205,37,27);
}
-.c26 svg + span {
+.c27 svg + span {
margin-left: 0.75rem;
}
-.c26 svg {
+.c27 svg {
max-height: 1.125rem;
}
@@ -791,7 +827,7 @@ Array [
margin-left: -0.625rem;
}
-.c20 {
+.c21 {
box-sizing: border-box;
display: -webkit-box;
display: -webkit-flex;
@@ -820,7 +856,7 @@ Array [
display: block;
}
-.c25 {
+.c26 {
box-sizing: border-box;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
@@ -1183,6 +1219,10 @@ Array [
margin-top: 0.1875rem;
}
+.c20 {
+ margin-top: 0.75rem;
+}
+
.c3 {
padding-right: 1.125rem;
padding-left: 1.125rem;
@@ -1237,7 +1277,7 @@ Array [
}
@media only screen and (min-width:0em) {
- .c20 {
+ .c21 {
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
@@ -1246,7 +1286,7 @@ Array [
}
@media only screen and (min-width:0em) {
- .c20 {
+ .c21 {
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
@@ -1264,7 +1304,7 @@ Array [
}
@media only screen and (min-width:0em) {
- .c25 {
+ .c26 {
display: none;
}
}
@@ -1392,63 +1432,67 @@ Array [
className="c20"
>
-
-
- Cancel
-
-
-
-
- Create
-
-
-
-
-
-
-
- Remove
-
-
+
+ Cancel
+
+
+
+
+ Create
+
+
+
+
+ 0
+ key:value pair
+ s
+
,
.c3 {
font-family: sans-serif;
@@ -2309,7 +2389,7 @@ Array [
/>
,
- .c24 {
+ .c25 {
font-family: sans-serif;
font-size: 100%;
line-height: 1.15;
@@ -2322,22 +2402,22 @@ Array [
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 {
+.c25::-moz-focus-inner,
+.c25[type='button']::-moz-focus-inner,
+.c25[type='reset']::-moz-focus-inner,
+.c25[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 {
+.c25:-moz-focusring,
+.c25[type='button']:-moz-focusring,
+.c25[type='reset']:-moz-focusring,
+.c25[type='submit']:-moz-focusring {
outline: 0.0625rem dotted ButtonText;
}
-.c24 + button {
+.c25 + button {
margin-left: 0.375rem;
}
@@ -2353,11 +2433,11 @@ Array [
width: 100%;
}
-.c23 {
+.c24 {
display: inline-block;
}
-.c22 {
+.c23 {
box-sizing: border-box;
display: inline-block;
-webkit-box-pack: center;
@@ -2401,50 +2481,50 @@ Array [
margin: 0;
}
-.c22:focus {
+.c23:focus {
outline: 0;
text-decoration: none;
background-color: rgb(59,70,204);
border-color: rgb(45,56,132);
}
-.c22:hover {
+.c23:hover {
background-color: rgb(72,83,217);
border: solid 0.0625rem rgb(45,56,132);
}
-.c22:active,
-.c22:active:hover,
-.c22:active:focus {
+.c23:active,
+.c23:active:hover,
+.c23:active:focus {
background-image: none;
outline: 0;
background-color: rgb(45,56,132);
border-color: rgb(45,56,132);
}
-.c22[disabled] {
+.c23[disabled] {
cursor: not-allowed;
pointer-events: none;
}
-.c22:focus {
+.c23:focus {
background-color: rgb(255,255,255);
border-color: rgb(216,216,216);
}
-.c22:hover {
+.c23:hover {
background-color: rgb(247,247,247);
border-color: rgb(216,216,216);
}
-.c22:active,
-.c22:active:hover,
-.c22:active:focus {
+.c23:active,
+.c23:active:hover,
+.c23:active:focus {
background-color: rgb(230,230,230);
border-color: rgb(216,216,216);
}
-.c25 {
+.c26 {
box-sizing: border-box;
display: inline-block;
-webkit-box-pack: center;
@@ -2489,50 +2569,50 @@ Array [
margin: 0;
}
-.c25:focus {
+.c26:focus {
outline: 0;
text-decoration: none;
background-color: rgb(59,70,204);
border-color: rgb(45,56,132);
}
-.c25:hover {
+.c26:hover {
background-color: rgb(72,83,217);
border: solid 0.0625rem rgb(45,56,132);
}
-.c25:active,
-.c25:active:hover,
-.c25:active:focus {
+.c26:active,
+.c26:active:hover,
+.c26:active:focus {
background-image: none;
outline: 0;
background-color: rgb(45,56,132);
border-color: rgb(45,56,132);
}
-.c25[disabled] {
+.c26[disabled] {
cursor: not-allowed;
pointer-events: none;
}
-.c25:focus {
+.c26:focus {
background-color: rgb(250,250,250);
border-color: rgb(216,216,216);
}
-.c25:hover {
+.c26:hover {
background-color: rgb(250,250,250);
border-color: rgb(250,250,250);
}
-.c25:active,
-.c25:active:hover,
-.c25:active:focus {
+.c26:active,
+.c26:active:hover,
+.c26:active:focus {
background-color: rgb(250,250,250);
border-color: rgb(250,250,250);
}
-.c27 {
+.c28 {
box-sizing: border-box;
display: inline-block;
-webkit-box-pack: center;
@@ -2589,73 +2669,73 @@ Array [
float: right;
}
-.c27:focus {
+.c28:focus {
outline: 0;
text-decoration: none;
background-color: rgb(59,70,204);
border-color: rgb(45,56,132);
}
-.c27:hover {
+.c28:hover {
background-color: rgb(72,83,217);
border: solid 0.0625rem rgb(45,56,132);
}
-.c27:active,
-.c27:active:hover,
-.c27: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);
}
-.c27[disabled] {
+.c28[disabled] {
cursor: not-allowed;
pointer-events: none;
}
-.c27:focus {
+.c28:focus {
background-color: rgb(255,255,255);
border-color: rgb(216,216,216);
}
-.c27:hover {
+.c28:hover {
background-color: rgb(247,247,247);
border-color: rgb(216,216,216);
}
-.c27:active,
-.c27:active:hover,
-.c27:active:focus {
+.c28:active,
+.c28:active:hover,
+.c28:active:focus {
background-color: rgb(230,230,230);
border-color: rgb(216,216,216);
}
-.c27:focus {
+.c28:focus {
color: rgb(205,37,27);
background-color: rgb(255,255,255);
border-color: rgb(205,37,27);
}
-.c27:hover {
+.c28: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 {
+.c28:active,
+.c28:active:hover,
+.c28:active:focus {
background-color: rgba(210,67,58,0.1);
border-color: rgb(205,37,27);
}
-.c27 svg + span {
+.c28 svg + span {
margin-left: 0.75rem;
}
-.c27 svg {
+.c28 svg {
max-height: 1.125rem;
}
@@ -2705,7 +2785,7 @@ Array [
margin-left: -0.625rem;
}
-.c20 {
+.c21 {
box-sizing: border-box;
display: -webkit-box;
display: -webkit-flex;
@@ -2734,7 +2814,7 @@ Array [
display: block;
}
-.c21 {
+.c22 {
box-sizing: border-box;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
@@ -2744,7 +2824,7 @@ Array [
display: block;
}
-.c26 {
+.c27 {
box-sizing: border-box;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
@@ -3088,6 +3168,10 @@ Array [
margin-top: 0.1875rem;
}
+.c20 {
+ margin-top: 0.75rem;
+}
+
.c3 {
padding-right: 1.125rem;
padding-left: 1.125rem;
@@ -3151,7 +3235,7 @@ Array [
}
@media only screen and (min-width:0em) {
- .c20 {
+ .c21 {
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
@@ -3160,7 +3244,7 @@ Array [
}
@media only screen and (min-width:0em) {
- .c20 {
+ .c21 {
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
@@ -3178,7 +3262,7 @@ Array [
}
@media only screen and (min-width:0em) {
- .c21 {
+ .c22 {
-webkit-flex-basis: 58.333333333333336%;
-ms-flex-preferred-size: 58.333333333333336%;
flex-basis: 58.333333333333336%;
@@ -3187,7 +3271,7 @@ Array [
}
@media only screen and (min-width:0em) {
- .c26 {
+ .c27 {
-webkit-flex-basis: 41.66666666666667%;
-ms-flex-preferred-size: 41.66666666666667%;
flex-basis: 41.66666666666667%;
@@ -3344,61 +3428,65 @@ Array [
-
-
- Cancel
-
-
-
-
- Save
-
-
-
-
-
-
-
- Remove
-
-
+
+ Cancel
+
+
+
+
+ Save
+
+
+
-
-
- Cancel
-
-
-
-
- Save
-
-
-
-
-
-
-
- Remove
-
-
+
+ Cancel
+
+
+
+
+ Save
+
+
+
+
+ 2
+ key:value pair
+ s
+
+,
+ .c25 {
font-family: sans-serif;
font-size: 100%;
line-height: 1.15;
@@ -4822,22 +4954,22 @@ Array [
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 {
+.c25::-moz-focus-inner,
+.c25[type='button']::-moz-focus-inner,
+.c25[type='reset']::-moz-focus-inner,
+.c25[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 {
+.c25:-moz-focusring,
+.c25[type='button']:-moz-focusring,
+.c25[type='reset']:-moz-focusring,
+.c25[type='submit']:-moz-focusring {
outline: 0.0625rem dotted ButtonText;
}
-.c24 + button {
+.c25 + button {
margin-left: 0.375rem;
}
@@ -4853,11 +4985,11 @@ Array [
width: 100%;
}
-.c23 {
+.c24 {
display: inline-block;
}
-.c22 {
+.c23 {
box-sizing: border-box;
display: inline-block;
-webkit-box-pack: center;
@@ -4901,50 +5033,50 @@ Array [
margin: 0;
}
-.c22:focus {
+.c23:focus {
outline: 0;
text-decoration: none;
background-color: rgb(59,70,204);
border-color: rgb(45,56,132);
}
-.c22:hover {
+.c23:hover {
background-color: rgb(72,83,217);
border: solid 0.0625rem rgb(45,56,132);
}
-.c22:active,
-.c22:active:hover,
-.c22:active:focus {
+.c23:active,
+.c23:active:hover,
+.c23:active:focus {
background-image: none;
outline: 0;
background-color: rgb(45,56,132);
border-color: rgb(45,56,132);
}
-.c22[disabled] {
+.c23[disabled] {
cursor: not-allowed;
pointer-events: none;
}
-.c22:focus {
+.c23:focus {
background-color: rgb(255,255,255);
border-color: rgb(216,216,216);
}
-.c22:hover {
+.c23:hover {
background-color: rgb(247,247,247);
border-color: rgb(216,216,216);
}
-.c22:active,
-.c22:active:hover,
-.c22:active:focus {
+.c23:active,
+.c23:active:hover,
+.c23:active:focus {
background-color: rgb(230,230,230);
border-color: rgb(216,216,216);
}
-.c25 {
+.c26 {
box-sizing: border-box;
display: inline-block;
-webkit-box-pack: center;
@@ -4989,50 +5121,50 @@ Array [
margin: 0;
}
-.c25:focus {
+.c26:focus {
outline: 0;
text-decoration: none;
background-color: rgb(59,70,204);
border-color: rgb(45,56,132);
}
-.c25:hover {
+.c26:hover {
background-color: rgb(72,83,217);
border: solid 0.0625rem rgb(45,56,132);
}
-.c25:active,
-.c25:active:hover,
-.c25:active:focus {
+.c26:active,
+.c26:active:hover,
+.c26:active:focus {
background-image: none;
outline: 0;
background-color: rgb(45,56,132);
border-color: rgb(45,56,132);
}
-.c25[disabled] {
+.c26[disabled] {
cursor: not-allowed;
pointer-events: none;
}
-.c25:focus {
+.c26:focus {
background-color: rgb(250,250,250);
border-color: rgb(216,216,216);
}
-.c25:hover {
+.c26:hover {
background-color: rgb(250,250,250);
border-color: rgb(250,250,250);
}
-.c25:active,
-.c25:active:hover,
-.c25:active:focus {
+.c26:active,
+.c26:active:hover,
+.c26:active:focus {
background-color: rgb(250,250,250);
border-color: rgb(250,250,250);
}
-.c27 {
+.c28 {
box-sizing: border-box;
display: inline-block;
-webkit-box-pack: center;
@@ -5089,73 +5221,73 @@ Array [
float: right;
}
-.c27:focus {
+.c28:focus {
outline: 0;
text-decoration: none;
background-color: rgb(59,70,204);
border-color: rgb(45,56,132);
}
-.c27:hover {
+.c28:hover {
background-color: rgb(72,83,217);
border: solid 0.0625rem rgb(45,56,132);
}
-.c27:active,
-.c27:active:hover,
-.c27: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);
}
-.c27[disabled] {
+.c28[disabled] {
cursor: not-allowed;
pointer-events: none;
}
-.c27:focus {
+.c28:focus {
background-color: rgb(255,255,255);
border-color: rgb(216,216,216);
}
-.c27:hover {
+.c28:hover {
background-color: rgb(247,247,247);
border-color: rgb(216,216,216);
}
-.c27:active,
-.c27:active:hover,
-.c27:active:focus {
+.c28:active,
+.c28:active:hover,
+.c28:active:focus {
background-color: rgb(230,230,230);
border-color: rgb(216,216,216);
}
-.c27:focus {
+.c28:focus {
color: rgb(205,37,27);
background-color: rgb(255,255,255);
border-color: rgb(205,37,27);
}
-.c27:hover {
+.c28: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 {
+.c28:active,
+.c28:active:hover,
+.c28:active:focus {
background-color: rgba(210,67,58,0.1);
border-color: rgb(205,37,27);
}
-.c27 svg + span {
+.c28 svg + span {
margin-left: 0.75rem;
}
-.c27 svg {
+.c28 svg {
max-height: 1.125rem;
}
@@ -5205,7 +5337,7 @@ Array [
margin-left: -0.625rem;
}
-.c20 {
+.c21 {
box-sizing: border-box;
display: -webkit-box;
display: -webkit-flex;
@@ -5234,7 +5366,7 @@ Array [
display: block;
}
-.c21 {
+.c22 {
box-sizing: border-box;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
@@ -5244,7 +5376,7 @@ Array [
display: block;
}
-.c26 {
+.c27 {
box-sizing: border-box;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
@@ -5588,6 +5720,10 @@ Array [
margin-top: 0.1875rem;
}
+.c20 {
+ margin-top: 0.75rem;
+}
+
.c3 {
padding-right: 1.125rem;
padding-left: 1.125rem;
@@ -5651,7 +5787,7 @@ Array [
}
@media only screen and (min-width:0em) {
- .c20 {
+ .c21 {
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
@@ -5660,7 +5796,7 @@ Array [
}
@media only screen and (min-width:0em) {
- .c20 {
+ .c21 {
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
@@ -5678,7 +5814,7 @@ Array [
}
@media only screen and (min-width:0em) {
- .c21 {
+ .c22 {
-webkit-flex-basis: 58.333333333333336%;
-ms-flex-preferred-size: 58.333333333333336%;
flex-basis: 58.333333333333336%;
@@ -5687,7 +5823,7 @@ Array [
}
@media only screen and (min-width:0em) {
- .c26 {
+ .c27 {
-webkit-flex-basis: 41.66666666666667%;
-ms-flex-preferred-size: 41.66666666666667%;
flex-basis: 41.66666666666667%;
@@ -5844,61 +5980,65 @@ Array [
-
-
- Cancel
-
-
-
-
- Save
-
-
-
-
-
-
-
- Remove
-
-
+
+ Cancel
+
+
+
+
+ Save
+
+
+
-
-
- Cancel
-
-
-
-
- Save
-
-
-
-
-
-
-
- Remove
-
-
+
+ Cancel
+
+
+
+
+ Save
+
+
+
-
-
- Cancel
-
-
-
-
- Create
-
-
-
-
-
-
-
- Remove
-
-
+
+ Cancel
+
+
+
+
+ Create
+
+
+
-
-
- Cancel
-
-
-
-
- Create
-
-
-
-
-
-
-
- Remove
-
-
+
+ Cancel
+
+
+
+
+ Create
+
+
+
-
-
- Cancel
-
-
-
-
- Create
-
-
-
-
-
-
-
- Remove
-
-
+
+ Cancel
+
+
+
+
+ Create
+
+
+
-
-
- Cancel
-
-
-
-
- Create
-
-
-
-
-
-
-
- Remove
-
-
+
+ Cancel
+
+
+
+
+ Create
+
+
+
-
-
- Cancel
-
-
-
-
- Save
-
-
-
-
-
-
-
- Remove
-
-
+
+ Cancel
+
+
+
+
+ Save
+
+
+
+
+ Next
+
+
,
+]
+`;
+
+exports[`renders
-
- Next
-
-
,
-]
-`;
-
-exports[`renders
-
-
- Cancel
-
-
-
-
- Create
-
-
-
-
-
-
-
- Remove
-
-
+
+ Cancel
+
+
+
+
+ Create
+
+
+
{
this.wrapper = w;
- }}
- >
+ }}>
);
diff --git a/packages/my-joy-beta/src/containers/create-instance/firewall.js b/packages/my-joy-beta/src/containers/create-instance/firewall.js
index 74818ce5..46365338 100644
--- a/packages/my-joy-beta/src/containers/create-instance/firewall.js
+++ b/packages/my-joy-beta/src/containers/create-instance/firewall.js
@@ -1,3 +1,4 @@
+/* eslint-disable camelcase */
import React, { Fragment } from 'react';
import { compose, graphql } from 'react-apollo';
import ReduxForm from 'declarative-redux-form';
@@ -37,25 +38,21 @@ const Firewall = ({
step
}) => (
- {console.log(!expanded && !proceeded)}
- Cloud Firewall rules control traffic across instances. Enabling the
- firewall adds a default set of rules and rules defined by your chosen
- tags.{' '}
+ Cloud Firewall rules control traffic across instances. Enabling the firewall adds a default
+ set of rules and rules defined by your chosen tags.{' '}
+ rel="noopener noreferrer">
Read more
@@ -65,36 +62,25 @@ const Firewall = ({
+ forceUnregisterOnUnmount={true}>
{props =>
expanded ? (
- ) : null
- }
+ ) : null}
- {props =>
- enabled && expanded && !loading ? (
-
- {enabled &&
- expanded &&
- !loading &&
- !defaultRules.length &&
- !tagRules.length ? (
+ {enabled && expanded && !loading && !defaultRules.length && !tagRules.length ? (
Sorry, but we weren’t able to find any firewall rules.
@@ -109,19 +95,15 @@ const Firewall = ({
) : null}
- {!loading &&
- expanded &&
- enabled &&
- (tagRules.length || defaultRules.length) ? (
+ {!loading && expanded && enabled && (tagRules.length || defaultRules.length) ? (
- *Other firewall rules may apply as defined by wildcard(s), IP(s),
- subnet(s), tag(s) or VM(s). Please see{' '}
+ *Other firewall rules may apply as defined by wildcard(s), IP(s), subnet(s), tag(s) or
+ VM(s). Please see{' '}
+ rel="noopener noreferrer">
firewall rule list
{' '}
for more details.
@@ -161,9 +143,7 @@ export default compose(
}),
(dispatch, { history }) => ({
handleNext: () => {
- dispatch(
- set({ name: 'create-instance-firewall-proceeded', value: true })
- );
+ dispatch(set({ name: 'create-instance-firewall-proceeded', value: true }));
return history.push('/instances/~create/cns');
},
@@ -182,12 +162,7 @@ export default compose(
props: ({ ownProps, data }) => {
const { showInactive } = ownProps;
- const {
- firewall_rules_create_machine = [],
- loading,
- error,
- refetch
- } = data;
+ const { firewall_rules_create_machine = [], loading, error, refetch } = data;
const rules = forceArray(firewall_rules_create_machine).filter(
({ enabled }) => enabled || showInactive
diff --git a/packages/my-joy-beta/src/containers/create-instance/index.js b/packages/my-joy-beta/src/containers/create-instance/index.js
index ff2e0607..d2de470a 100644
--- a/packages/my-joy-beta/src/containers/create-instance/index.js
+++ b/packages/my-joy-beta/src/containers/create-instance/index.js
@@ -1,3 +1,4 @@
+/* eslint-disable camelcase */
import React from 'react';
import { Margin } from 'styled-components-spacing';
import ReduxForm from 'declarative-redux-form';
@@ -33,61 +34,21 @@ const CreateInstance = ({ step, disabled, handleSubmit, history, match }) => (
Create Instances
-
{({ handleSubmit, submitting }) => (
@@ -115,29 +76,13 @@ export default compose(
return { disabled, step };
}
- const name = get(
- form,
- 'create-instance-name.values.name',
- ''
- );
+ const name = get(form, 'create-instance-name.values.name', '');
- const firewall_enabled = get(
- form,
- 'CREATE-INSTANCE-FIREWALL.values.enabled',
- false
- );
+ const firewall_enabled = get(form, 'CREATE-INSTANCE-FIREWALL.values.enabled', false);
- const image = get(
- form,
- 'create-instance-image.values.image',
- ''
- );
+ const image = get(form, 'create-instance-image.values.image', '');
- const pkg = get(
- form,
- 'create-instance-package.values.package',
- ''
- );
+ const pkg = get(form, 'create-instance-package.values.package', '');
const networks = get(form, 'CREATE-INSTANCE-NETWORKS.values', {});
@@ -227,9 +172,7 @@ export default compose(
const _name = name.toLowerCase();
const _metadata = metadata.map(a => omit(a, 'open'));
const _tags = uniqBy(tags, 'name').map(a => omit(a, 'expanded'));
- const _networks = Object.keys(networks).filter(
- network => networks[network]
- );
+ const _networks = Object.keys(networks).filter(network => networks[network]);
if (userScript && userScript.value) {
_metadata.push({ name: 'user-script', value: userScript.value });
diff --git a/packages/my-joy-beta/src/containers/create-instance/metadata.js b/packages/my-joy-beta/src/containers/create-instance/metadata.js
index 39dacfc6..f8131059 100644
--- a/packages/my-joy-beta/src/containers/create-instance/metadata.js
+++ b/packages/my-joy-beta/src/containers/create-instance/metadata.js
@@ -57,7 +57,7 @@ export const Metadata = ({
) : null}
- {proceeded ? (
+ {proceeded || expanded ? (
{metadata.length} key:value pair{metadata.length === 1 ? '' : 's'}
diff --git a/packages/my-joy-beta/src/containers/create-instance/name.js b/packages/my-joy-beta/src/containers/create-instance/name.js
index ff7a66fb..56e45928 100644
--- a/packages/my-joy-beta/src/containers/create-instance/name.js
+++ b/packages/my-joy-beta/src/containers/create-instance/name.js
@@ -40,14 +40,11 @@ const NameContainer = ({
id={step}
onClick={!expanded && !name && handleEdit}
collapsed={!expanded && !proceeded}
- icon={
- Your instance name will be used to identify this specific instance.
-
+ Your instance name will be used to identify this specific instance.
) : null}
+ shouldAsyncValidate={shouldAsyncValidate}>
{props =>
expanded ? (
{name}
- ) : null
- }
+ ) : null}
{expanded ? (
@@ -101,11 +96,7 @@ export default compose(
const name = get(form, `${FORM_NAME}.values.name`, '');
const proceeded = get(values, 'create-instance-name-proceeded', false);
- const randomizing = get(
- values,
- 'create-instance-name-randomizing',
- false
- );
+ const randomizing = get(values, 'create-instance-name-randomizing', false);
return {
...ownProps,
@@ -127,6 +118,7 @@ export default compose(
}
if (!/^[a-zA-Z0-9][a-zA-Z0-9\\_\\.\\-]*$/.test(name)) {
+ // eslint-disable-next-line no-throw-literal
throw {
name: 'Invalid name'
};
@@ -164,9 +156,7 @@ export default compose(
},
handleEdit: () => history.push(`/instances/~create/name`),
handleRandomize: async () => {
- dispatch(
- set({ name: 'create-instance-name-randomizing', value: true })
- );
+ dispatch(set({ name: 'create-instance-name-randomizing', value: true }));
const [err, res] = await intercept(
client.query({
@@ -175,9 +165,7 @@ export default compose(
})
);
- dispatch(
- set({ name: 'create-instance-name-randomizing', value: false })
- );
+ dispatch(set({ name: 'create-instance-name-randomizing', value: false }));
if (err) {
console.error(err);
diff --git a/packages/my-joy-beta/src/containers/create-instance/networks.js b/packages/my-joy-beta/src/containers/create-instance/networks.js
index 3e6f1682..408584ad 100644
--- a/packages/my-joy-beta/src/containers/create-instance/networks.js
+++ b/packages/my-joy-beta/src/containers/create-instance/networks.js
@@ -35,21 +35,19 @@ export const Networks = ({
id={step}
onClick={!expanded && !proceeded && handleEdit}
collapsed={!expanded && !proceeded}
- icon={
- Instances are automatically connected to a private fabric network, which
- is the best choice for internal communication within your application.
- Data center networks are the best choice for exposing your application
- to the public internet (if the data center network is a public network).{' '}
+ Instances are automatically connected to a private fabric network, which is the best choice
+ for internal communication within your application. Data center networks are the best choice
+ for exposing your application to the public internet (if the data center network is a public
+ network).{' '}
+ rel="noopener noreferrer">
Read more
@@ -60,11 +58,7 @@ export const Networks = ({
) : null}
{loading && expanded ?
+
{props =>
!loading ? (
- ) : null
- }
+ ) : null}
{!loading ? (
expanded ? (
@@ -128,52 +119,35 @@ export default compose(
const empty = id => !includes(Object.keys(selected), id);
const _networks = networks
- .map(({ id, name, ...network }) => ({
- ...network,
- name,
- selected:
- empty(id) && name === 'Joyent-SDC-Public'
- ? true
- : Boolean(selected[id]),
- infoExpanded: get(
- values,
- `create-instance-networks-${id}-info-expanded`,
- false
- ),
- machinesExpanded: get(
- values,
- `create-instance-networks-${id}-machines-expanded`,
- false
- ),
- id
- }))
+ .map(({ id, name, ...network }) => {
+ if (empty(id) && name === 'Joyent-SDC-Public') {
+ selected[id] = true;
+ }
+
+ return {
+ ...network,
+ name,
+ selected: empty(id) && name === 'Joyent-SDC-Public' ? true : Boolean(selected[id]),
+ infoExpanded: get(values, `create-instance-networks-${id}-info-expanded`, false),
+ machinesExpanded: get(
+ values,
+ `create-instance-networks-${id}-machines-expanded`,
+ false
+ ),
+ id
+ };
+ })
.sort((a, b) => a.name < b.name);
return {
proceeded: get(values, 'create-instance-networks-proceeded', false),
- networks: networks
- .map(({ id, name, ...network }) => ({
- ...network,
- name,
- selected:
- empty(id) && name === 'Joyent-SDC-Public'
- ? true
- : Boolean(selected[id]),
- infoExpanded: get(
- values,
- `create-instance-networks-${id}-expanded`,
- false
- ),
- id
- }))
- .sort((a, b) => a.name < b.name)
+ networks: _networks,
+ selected: Object.keys(selected).filter(n => selected[n])
};
},
(dispatch, { history }) => ({
handleNext: () => {
- dispatch(
- set({ name: 'create-instance-networks-proceeded', value: true })
- );
+ dispatch(set({ name: 'create-instance-networks-proceeded', value: true }));
return history.push('/instances/~create/firewall');
},
diff --git a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/cns-ui-js-cns-1-snap.png b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/cns-ui-js-cns-1-snap.png
index 569b1a74..66f5d637 100644
Binary files a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/cns-ui-js-cns-1-snap.png and b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/cns-ui-js-cns-1-snap.png differ
diff --git a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/cns-ui-js-cns-disabled-1-snap.png b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/cns-ui-js-cns-disabled-1-snap.png
index 1cc31152..2a7555e6 100644
Binary files a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/cns-ui-js-cns-disabled-1-snap.png and b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/cns-ui-js-cns-disabled-1-snap.png differ
diff --git a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/cns-ui-js-cns-hostnames-1-snap.png b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/cns-ui-js-cns-hostnames-1-snap.png
index 2d39c33a..0098002a 100644
Binary files a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/cns-ui-js-cns-hostnames-1-snap.png and b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/cns-ui-js-cns-hostnames-1-snap.png differ
diff --git a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/cns-ui-js-cns-hostnames-2-snap.png b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/cns-ui-js-cns-hostnames-2-snap.png
new file mode 100644
index 00000000..c050e043
Binary files /dev/null and b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/cns-ui-js-cns-hostnames-2-snap.png differ
diff --git a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/cns-ui-js-cns-loading-1-snap.png b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/cns-ui-js-cns-loading-1-snap.png
index 92b6af88..cbbbc19c 100644
Binary files a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/cns-ui-js-cns-loading-1-snap.png and b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/cns-ui-js-cns-loading-1-snap.png differ
diff --git a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/cns-ui-js-cns-loading-error-1-snap.png b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/cns-ui-js-cns-loading-error-1-snap.png
index 33d52f24..dfca93d6 100644
Binary files a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/cns-ui-js-cns-loading-error-1-snap.png and b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/cns-ui-js-cns-loading-error-1-snap.png differ
diff --git a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/cns-ui-js-cns-mutating-1-snap.png b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/cns-ui-js-cns-mutating-1-snap.png
index a6ba3c06..340d2ae6 100644
Binary files a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/cns-ui-js-cns-mutating-1-snap.png and b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/cns-ui-js-cns-mutating-1-snap.png differ
diff --git a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/cns-ui-js-cns-mutation-error-1-snap.png b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/cns-ui-js-cns-mutation-error-1-snap.png
index 7cbd6283..8a250a3b 100644
Binary files a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/cns-ui-js-cns-mutation-error-1-snap.png and b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/cns-ui-js-cns-mutation-error-1-snap.png differ
diff --git a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/cns-ui-js-cns-services-1-snap.png b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/cns-ui-js-cns-services-1-snap.png
index 82008ff8..c050e043 100644
Binary files a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/cns-ui-js-cns-services-1-snap.png and b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/cns-ui-js-cns-services-1-snap.png differ
diff --git a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/cns-ui-js-cns-services-hostnames-1-snap.png b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/cns-ui-js-cns-services-hostnames-1-snap.png
index 1cc31152..2a7555e6 100644
Binary files a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/cns-ui-js-cns-services-hostnames-1-snap.png and b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/cns-ui-js-cns-services-hostnames-1-snap.png differ
diff --git a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/cns-ui-js-cns-services-hostnames-2-snap.png b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/cns-ui-js-cns-services-hostnames-2-snap.png
new file mode 100644
index 00000000..2a7555e6
Binary files /dev/null and b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/cns-ui-js-cns-services-hostnames-2-snap.png differ
diff --git a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/firewall-ui-js-firewall-1-snap.png b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/firewall-ui-js-firewall-1-snap.png
index 116d9ef5..1e3d2194 100644
Binary files a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/firewall-ui-js-firewall-1-snap.png and b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/firewall-ui-js-firewall-1-snap.png differ
diff --git a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/firewall-ui-js-firewall-inactive-1-snap.png b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/firewall-ui-js-firewall-inactive-1-snap.png
index 116d9ef5..1e3d2194 100644
Binary files a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/firewall-ui-js-firewall-inactive-1-snap.png and b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/firewall-ui-js-firewall-inactive-1-snap.png differ
diff --git a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/firewall-ui-js-firewall-loading-1-snap.png b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/firewall-ui-js-firewall-loading-1-snap.png
index 994934ab..3e8f59ce 100644
Binary files a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/firewall-ui-js-firewall-loading-1-snap.png and b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/firewall-ui-js-firewall-loading-1-snap.png differ
diff --git a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/firewall-ui-js-firewall-loading-error-1-snap.png b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/firewall-ui-js-firewall-loading-error-1-snap.png
index d0ab944b..ea71c219 100644
Binary files a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/firewall-ui-js-firewall-loading-error-1-snap.png and b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/firewall-ui-js-firewall-loading-error-1-snap.png differ
diff --git a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/firewall-ui-js-firewall-mutation-error-1-snap.png b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/firewall-ui-js-firewall-mutation-error-1-snap.png
index d8eb17d8..309e1132 100644
Binary files a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/firewall-ui-js-firewall-mutation-error-1-snap.png and b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/firewall-ui-js-firewall-mutation-error-1-snap.png differ
diff --git a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/firewall-ui-js-firewall-tag-rules-1-snap.png b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/firewall-ui-js-firewall-tag-rules-1-snap.png
index 3ee0c3ff..1cd5db8c 100644
Binary files a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/firewall-ui-js-firewall-tag-rules-1-snap.png and b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/firewall-ui-js-firewall-tag-rules-1-snap.png differ
diff --git a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/firewall-ui-js-firewall-tag-rules-2-snap.png b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/firewall-ui-js-firewall-tag-rules-2-snap.png
index b70d426e..11313dba 100644
Binary files a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/firewall-ui-js-firewall-tag-rules-2-snap.png and b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/firewall-ui-js-firewall-tag-rules-2-snap.png differ
diff --git a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/firewall-ui-js-firewall-tag-rules-3-snap.png b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/firewall-ui-js-firewall-tag-rules-3-snap.png
new file mode 100644
index 00000000..9666ed7f
Binary files /dev/null and b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/firewall-ui-js-firewall-tag-rules-3-snap.png differ
diff --git a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/firewall-ui-js-firewall-tag-rules-4-snap.png b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/firewall-ui-js-firewall-tag-rules-4-snap.png
new file mode 100644
index 00000000..07d6db58
Binary files /dev/null and b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/firewall-ui-js-firewall-tag-rules-4-snap.png differ
diff --git a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/firewall-ui-js-firewall-tag-rules-5-snap.png b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/firewall-ui-js-firewall-tag-rules-5-snap.png
new file mode 100644
index 00000000..11313dba
Binary files /dev/null and b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/firewall-ui-js-firewall-tag-rules-5-snap.png differ
diff --git a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/firewall-ui-js-firewall-tag-rules-6-snap.png b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/firewall-ui-js-firewall-tag-rules-6-snap.png
new file mode 100644
index 00000000..1cd5db8c
Binary files /dev/null and b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/firewall-ui-js-firewall-tag-rules-6-snap.png differ
diff --git a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/list-ui-js-list-1-snap.png b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/list-ui-js-list-1-snap.png
index 04819c3b..3e0725c5 100644
Binary files a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/list-ui-js-list-1-snap.png and b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/list-ui-js-list-1-snap.png differ
diff --git a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/list-ui-js-list-error-1-snap.png b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/list-ui-js-list-error-1-snap.png
index 818a467c..72e16bb1 100644
Binary files a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/list-ui-js-list-error-1-snap.png and b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/list-ui-js-list-error-1-snap.png differ
diff --git a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/list-ui-js-list-instances-1-snap.png b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/list-ui-js-list-instances-1-snap.png
index ea7cb1fc..62c56fe7 100644
Binary files a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/list-ui-js-list-instances-1-snap.png and b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/list-ui-js-list-instances-1-snap.png differ
diff --git a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/list-ui-js-list-instances-selected-1-snap.png b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/list-ui-js-list-instances-selected-1-snap.png
index d9714305..1d2b28e7 100644
Binary files a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/list-ui-js-list-instances-selected-1-snap.png and b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/list-ui-js-list-instances-selected-1-snap.png differ
diff --git a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/list-ui-js-list-instances-selected-all-1-snap.png b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/list-ui-js-list-instances-selected-all-1-snap.png
index a2a05e57..b03a96f7 100644
Binary files a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/list-ui-js-list-instances-selected-all-1-snap.png and b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/list-ui-js-list-instances-selected-all-1-snap.png differ
diff --git a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/list-ui-js-list-instances-selected-all-allowed-actions-1-snap.png b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/list-ui-js-list-instances-selected-all-allowed-actions-1-snap.png
index 785fd035..9dcd8cec 100644
Binary files a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/list-ui-js-list-instances-selected-all-allowed-actions-1-snap.png and b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/list-ui-js-list-instances-selected-all-allowed-actions-1-snap.png differ
diff --git a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/list-ui-js-list-loading-1-snap.png b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/list-ui-js-list-loading-1-snap.png
index f9afb024..794af2ce 100644
Binary files a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/list-ui-js-list-loading-1-snap.png and b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/list-ui-js-list-loading-1-snap.png differ
diff --git a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/metadata-ui-js-metadata-1-snap.png b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/metadata-ui-js-metadata-1-snap.png
index b7785862..e0cfbc91 100644
Binary files a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/metadata-ui-js-metadata-1-snap.png and b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/metadata-ui-js-metadata-1-snap.png differ
diff --git a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/metadata-ui-js-metadata-add-open-1-snap.png b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/metadata-ui-js-metadata-add-open-1-snap.png
index f08f1171..2e6979e9 100644
Binary files a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/metadata-ui-js-metadata-add-open-1-snap.png and b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/metadata-ui-js-metadata-add-open-1-snap.png differ
diff --git a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/metadata-ui-js-metadata-error-1-snap.png b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/metadata-ui-js-metadata-error-1-snap.png
index bcb97771..566dc35e 100644
Binary files a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/metadata-ui-js-metadata-error-1-snap.png and b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/metadata-ui-js-metadata-error-1-snap.png differ
diff --git a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/metadata-ui-js-metadata-loading-1-snap.png b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/metadata-ui-js-metadata-loading-1-snap.png
index 855419bb..f06cc9e0 100644
Binary files a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/metadata-ui-js-metadata-loading-1-snap.png and b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/metadata-ui-js-metadata-loading-1-snap.png differ
diff --git a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/metadata-ui-js-metadata-metadata-1-snap.png b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/metadata-ui-js-metadata-metadata-1-snap.png
index ac953521..56d424d9 100644
Binary files a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/metadata-ui-js-metadata-metadata-1-snap.png and b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/metadata-ui-js-metadata-metadata-1-snap.png differ
diff --git a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/networks-ui-js-networks-1-snap.png b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/networks-ui-js-networks-1-snap.png
index d3c64190..1fd2ad40 100644
Binary files a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/networks-ui-js-networks-1-snap.png and b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/networks-ui-js-networks-1-snap.png differ
diff --git a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/networks-ui-js-networks-error-1-snap.png b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/networks-ui-js-networks-error-1-snap.png
index cd86e2d1..b7e00d56 100644
Binary files a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/networks-ui-js-networks-error-1-snap.png and b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/networks-ui-js-networks-error-1-snap.png differ
diff --git a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/networks-ui-js-networks-loading-1-snap.png b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/networks-ui-js-networks-loading-1-snap.png
index 023e6b2f..31538acd 100644
Binary files a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/networks-ui-js-networks-loading-1-snap.png and b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/networks-ui-js-networks-loading-1-snap.png differ
diff --git a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/networks-ui-js-networks-networks-1-snap.png b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/networks-ui-js-networks-networks-1-snap.png
index fbc0e062..318503b4 100644
Binary files a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/networks-ui-js-networks-networks-1-snap.png and b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/networks-ui-js-networks-networks-1-snap.png differ
diff --git a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/summary-ui-js-summary-loading-1-snap.png b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/summary-ui-js-summary-loading-1-snap.png
index 29443b7b..7e63b8af 100644
Binary files a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/summary-ui-js-summary-loading-1-snap.png and b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/summary-ui-js-summary-loading-1-snap.png differ
diff --git a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/summary-ui-js-summary-loading-error-1-snap.png b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/summary-ui-js-summary-loading-error-1-snap.png
index 7f1446bb..6bbdc99b 100644
Binary files a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/summary-ui-js-summary-loading-error-1-snap.png and b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/summary-ui-js-summary-loading-error-1-snap.png differ
diff --git a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/summary-ui-js-summary-mutation-error-1-snap.png b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/summary-ui-js-summary-mutation-error-1-snap.png
index a5c50be3..0979e546 100644
Binary files a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/summary-ui-js-summary-mutation-error-1-snap.png and b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/summary-ui-js-summary-mutation-error-1-snap.png differ
diff --git a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/summary-ui-js-summary-starting-stopping-rebooting-removing-2-snap.png b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/summary-ui-js-summary-starting-stopping-rebooting-removing-2-snap.png
index 9beb812c..9c0cff18 100644
Binary files a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/summary-ui-js-summary-starting-stopping-rebooting-removing-2-snap.png and b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/summary-ui-js-summary-starting-stopping-rebooting-removing-2-snap.png differ
diff --git a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/summary-ui-js-summary-starting-stopping-rebooting-removing-3-snap.png b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/summary-ui-js-summary-starting-stopping-rebooting-removing-3-snap.png
index 54fdb0e5..c58d53bf 100644
Binary files a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/summary-ui-js-summary-starting-stopping-rebooting-removing-3-snap.png and b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/summary-ui-js-summary-starting-stopping-rebooting-removing-3-snap.png differ
diff --git a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/tags-ui-js-tags-1-snap.png b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/tags-ui-js-tags-1-snap.png
index ffc2fc69..70615324 100644
Binary files a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/tags-ui-js-tags-1-snap.png and b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/tags-ui-js-tags-1-snap.png differ
diff --git a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/tags-ui-js-tags-add-open-1-snap.png b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/tags-ui-js-tags-add-open-1-snap.png
index 37599b33..a553afc3 100644
Binary files a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/tags-ui-js-tags-add-open-1-snap.png and b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/tags-ui-js-tags-add-open-1-snap.png differ
diff --git a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/tags-ui-js-tags-editable-1-snap.png b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/tags-ui-js-tags-editable-1-snap.png
index ffc2fc69..70615324 100644
Binary files a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/tags-ui-js-tags-editable-1-snap.png and b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/tags-ui-js-tags-editable-1-snap.png differ
diff --git a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/tags-ui-js-tags-editing-1-snap.png b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/tags-ui-js-tags-editing-1-snap.png
index bec638cc..86aa6342 100644
Binary files a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/tags-ui-js-tags-editing-1-snap.png and b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/tags-ui-js-tags-editing-1-snap.png differ
diff --git a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/tags-ui-js-tags-editing-removing-1-snap.png b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/tags-ui-js-tags-editing-removing-1-snap.png
index e1ec6372..73ad897e 100644
Binary files a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/tags-ui-js-tags-editing-removing-1-snap.png and b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/tags-ui-js-tags-editing-removing-1-snap.png differ
diff --git a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/tags-ui-js-tags-error-1-snap.png b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/tags-ui-js-tags-error-1-snap.png
index ffc2fc69..70615324 100644
Binary files a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/tags-ui-js-tags-error-1-snap.png and b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/tags-ui-js-tags-error-1-snap.png differ
diff --git a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/tags-ui-js-tags-loading-1-snap.png b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/tags-ui-js-tags-loading-1-snap.png
index 37f55820..ed1ec842 100644
Binary files a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/tags-ui-js-tags-loading-1-snap.png and b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/tags-ui-js-tags-loading-1-snap.png differ
diff --git a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/tags-ui-js-tags-tags-1-snap.png b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/tags-ui-js-tags-tags-1-snap.png
index dca28f77..674c020b 100644
Binary files a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/tags-ui-js-tags-tags-1-snap.png and b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/tags-ui-js-tags-tags-1-snap.png differ
diff --git a/packages/my-joy-beta/src/containers/instances/__tests__/__snapshots__/cns.spec.js.snap b/packages/my-joy-beta/src/containers/instances/__tests__/__snapshots__/cns.spec.js.snap
index 353f0ce1..52a1ac04 100644
--- a/packages/my-joy-beta/src/containers/instances/__tests__/__snapshots__/cns.spec.js.snap
+++ b/packages/my-joy-beta/src/containers/instances/__tests__/__snapshots__/cns.spec.js.snap
@@ -739,6 +739,7 @@ exports[`renders
Disabled CNS
@@ -1104,6 +1105,7 @@ exports[`renders
Disabled CNS
@@ -2323,6 +2325,7 @@ exports[`renders
Disabled CNS
@@ -3555,7 +3558,7 @@ exports[`renders
Disabled CNS
without throwing 1`] = `
/>
without throwing 1`] = `
/>
without throwing 1`] = `
>
Disabled CNS
@@ -6540,6 +6545,7 @@ exports[`renders
Disabled CNS
@@ -6905,6 +6911,7 @@ exports[`renders
Disabled CNS
diff --git a/packages/my-joy-beta/src/containers/instances/__tests__/__snapshots__/firewall.spec.js.snap b/packages/my-joy-beta/src/containers/instances/__tests__/__snapshots__/firewall.spec.js.snap
index 75b043a7..d3d9cda8 100644
--- a/packages/my-joy-beta/src/containers/instances/__tests__/__snapshots__/firewall.spec.js.snap
+++ b/packages/my-joy-beta/src/containers/instances/__tests__/__snapshots__/firewall.spec.js.snap
@@ -18,495 +18,10 @@ Array [
margin-top: 1.875rem;
}
-.c18 {
- margin-bottom: 0.75rem;
-}
-
-.c16 {
- padding: 2.25rem;
-}
-
-.c5 {
- color: rgba(73,73,73,1);
- line-height: 1.5rem;
- font-size: 0.9375rem;
- margin: 0;
-}
-
-.c5 + p,
-.c5 + small,
-.c5 + h1,
-.c5 + h2,
-.c5 + label,
-.c5 + h3,
-.c5 + h4,
-.c5 + h5,
-.c5 + div,
-.c5 + span {
- padding-bottom: 2.25rem;
-}
-
-.c9 {
- 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-right: 0.75rem;
- font-weight: bold;
- white-space: pre;
- font-size: 0.8125rem;
-}
-
-.c0 {
- margin-right: auto;
- margin-left: auto;
- box-sizing: border-box;
- width: 100%;
- max-width: 62.5rem;
- padding-bottom: 1.125rem;
-}
-
-.c2 {
- box-sizing: border-box;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-flex: 1 1 auto;
- -ms-flex: 1 1 auto;
- flex: 1 1 auto;
- -webkit-flex-direction: row;
- -ms-flex-direction: row;
- flex-direction: row;
- -webkit-flex-wrap: wrap;
- -ms-flex-wrap: wrap;
- flex-wrap: wrap;
- margin-right: -0.625rem;
- margin-left: -0.625rem;
-}
-
-.c3 {
- box-sizing: border-box;
- -webkit-flex: 0 0 auto;
- -ms-flex: 0 0 auto;
- flex: 0 0 auto;
- padding-right: 0.625rem;
- padding-left: 0.625rem;
- display: block;
-}
-
-.c20 {
- color: rgba(73,73,73,1);
- font-weight: normal;
- line-height: 1.625rem;
- font-size: 1.3125rem;
- margin: 0;
-}
-
-.c20 + p,
-.c20 + small,
-.c20 + h1,
-.c20 + h2,
-.c20 + label,
-.c20 + h3,
-.c20 + h4,
-.c20 + h5,
-.c20 + div,
-.c20 + span {
- margin-top: 1.5rem;
-}
-
-.c13 {
- background-color: rgb(216,216,216);
- margin: 0;
- height: 0.0625rem;
-}
-
-.c15 {
- box-sizing: content-box;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-flex: 1 0 auto;
- -ms-flex: 1 0 auto;
- flex: 1 0 auto;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
- flex-direction: column;
- position: relative;
- border-width: 0.0625rem;
- border-style: solid;
- -webkit-transition: all 300ms ease;
- transition: all 300ms ease;
- color: rgba(73,73,73,1);
- background-color: rgb(255,255,255);
- border-color: rgb(216,216,216);
-}
-
-.c7 {
- 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;
-}
-
-.c10 {
- 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;
-}
-
-.c11 {
- display: none;
-}
-
-.c11:checked + label {
- background: #3B46CC;
- border: 0.0625rem solid rgb(59,70,204);
-}
-
-.c11: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);
-}
-
-.c11:checked + label:active {
- box-shadow: none;
-}
-
-.c12 {
- 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;
-}
-
-.c12::selection {
- background: none;
-}
-
-.c12:active {
- box-shadow: inset 0 0 0 1.5rem rgb(216,216,216);
-}
-
-.c12:hover {
- border: 0.0625rem solid rgb(59,70,204);
-}
-
-.c12:hover:after {
- box-shadow: 0 0 0 0.0625rem rgb(59,70,204);
-}
-
-.c12:after,
-.c12:before {
- position: relative;
- display: block;
- content: '';
- width: 50%;
- height: 100%;
-}
-
-.c12: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);
-}
-
-.c12:active {
- box-shadow: inset 0 0 0 2em rgb(216,216,216);
-}
-
-.c12:before {
- display: none;
-}
-
-.c8 {
- 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;
-}
-
-.c17 {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-flex-direction: row;
- -ms-flex-direction: row;
- flex-direction: row;
- -webkit-flex-wrap: nowrap;
- -ms-flex-wrap: nowrap;
- flex-wrap: nowrap;
- -webkit-box-pack: start;
- -webkit-justify-content: flex-start;
- -ms-flex-pack: start;
- justify-content: flex-start;
- -webkit-align-content: stretch;
- -ms-flex-line-pack: stretch;
- align-content: stretch;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
- flex-direction: column;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
-}
-
-.c19 {
- color: rgb(151,151,151);
-}
-
-@media only screen and (min-width:48em) {
- .c0 {
- width: 46rem;
- }
-}
-
-@media only screen and (min-width:64em) {
- .c0 {
- width: 56rem;
- }
-}
-
-@media only screen and (min-width:75em) {
- .c0 {
- width: 59rem;
- }
-}
-
-@media only screen and (max-width:47.9375rem) {
- .c0 {
- padding-left: 0.375rem;
- padding-right: 0.375rem;
- }
-}
-
-@media only screen and (min-width:0em) {
- .c3 {
- -webkit-flex-basis: 100%;
- -ms-flex-preferred-size: 100%;
- flex-basis: 100%;
- max-width: 100%;
- }
-}
-
-@media only screen and (min-width:48em) {
- .c3 {
- -webkit-flex-basis: 66.66666666666667%;
- -ms-flex-preferred-size: 66.66666666666667%;
- flex-basis: 66.66666666666667%;
- max-width: 66.66666666666667%;
- }
-}
-
-
-
-
-
-
-
- Cloud Firewall rules control traffic across instances. Enabling the firewall adds a default set of rules and rules defined by your chosen tags.
-
-
- Read the docs
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Sorry, but we weren’t able to find any firewall rules.
-
-
-
-
-
-
+
+
+
+
+
+ Cloud Firewall rules control traffic across instances. Enabling the firewall adds a default set of rules and rules defined by your chosen tags.
+
+
+ Read the docs
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Sorry, but we weren’t able to find any firewall rules.
+
+
+
+
+
+
Sorry, but we weren’t able to find any firewall rules.
@@ -1033,495 +1043,10 @@ Array [
margin-top: 1.875rem;
}
-.c18 {
- margin-bottom: 0.75rem;
-}
-
-.c16 {
- padding: 2.25rem;
-}
-
-.c5 {
- color: rgba(73,73,73,1);
- line-height: 1.5rem;
- font-size: 0.9375rem;
- margin: 0;
-}
-
-.c5 + p,
-.c5 + small,
-.c5 + h1,
-.c5 + h2,
-.c5 + label,
-.c5 + h3,
-.c5 + h4,
-.c5 + h5,
-.c5 + div,
-.c5 + span {
- padding-bottom: 2.25rem;
-}
-
-.c9 {
- 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-right: 0.75rem;
- font-weight: bold;
- white-space: pre;
- font-size: 0.8125rem;
-}
-
-.c0 {
- margin-right: auto;
- margin-left: auto;
- box-sizing: border-box;
- width: 100%;
- max-width: 62.5rem;
- padding-bottom: 1.125rem;
-}
-
-.c2 {
- box-sizing: border-box;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-flex: 1 1 auto;
- -ms-flex: 1 1 auto;
- flex: 1 1 auto;
- -webkit-flex-direction: row;
- -ms-flex-direction: row;
- flex-direction: row;
- -webkit-flex-wrap: wrap;
- -ms-flex-wrap: wrap;
- flex-wrap: wrap;
- margin-right: -0.625rem;
- margin-left: -0.625rem;
-}
-
-.c3 {
- box-sizing: border-box;
- -webkit-flex: 0 0 auto;
- -ms-flex: 0 0 auto;
- flex: 0 0 auto;
- padding-right: 0.625rem;
- padding-left: 0.625rem;
- display: block;
-}
-
-.c20 {
- color: rgba(73,73,73,1);
- font-weight: normal;
- line-height: 1.625rem;
- font-size: 1.3125rem;
- margin: 0;
-}
-
-.c20 + p,
-.c20 + small,
-.c20 + h1,
-.c20 + h2,
-.c20 + label,
-.c20 + h3,
-.c20 + h4,
-.c20 + h5,
-.c20 + div,
-.c20 + span {
- margin-top: 1.5rem;
-}
-
-.c13 {
- background-color: rgb(216,216,216);
- margin: 0;
- height: 0.0625rem;
-}
-
-.c15 {
- box-sizing: content-box;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-flex: 1 0 auto;
- -ms-flex: 1 0 auto;
- flex: 1 0 auto;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
- flex-direction: column;
- position: relative;
- border-width: 0.0625rem;
- border-style: solid;
- -webkit-transition: all 300ms ease;
- transition: all 300ms ease;
- color: rgba(73,73,73,1);
- background-color: rgb(255,255,255);
- border-color: rgb(216,216,216);
-}
-
-.c7 {
- 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;
-}
-
-.c10 {
- 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;
-}
-
-.c11 {
- display: none;
-}
-
-.c11:checked + label {
- background: #3B46CC;
- border: 0.0625rem solid rgb(59,70,204);
-}
-
-.c11: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);
-}
-
-.c11:checked + label:active {
- box-shadow: none;
-}
-
-.c12 {
- 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;
-}
-
-.c12::selection {
- background: none;
-}
-
-.c12:active {
- box-shadow: inset 0 0 0 1.5rem rgb(216,216,216);
-}
-
-.c12:hover {
- border: 0.0625rem solid rgb(59,70,204);
-}
-
-.c12:hover:after {
- box-shadow: 0 0 0 0.0625rem rgb(59,70,204);
-}
-
-.c12:after,
-.c12:before {
- position: relative;
- display: block;
- content: '';
- width: 50%;
- height: 100%;
-}
-
-.c12: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);
-}
-
-.c12:active {
- box-shadow: inset 0 0 0 2em rgb(216,216,216);
-}
-
-.c12:before {
- display: none;
-}
-
-.c8 {
- 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;
-}
-
-.c17 {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-flex-direction: row;
- -ms-flex-direction: row;
- flex-direction: row;
- -webkit-flex-wrap: nowrap;
- -ms-flex-wrap: nowrap;
- flex-wrap: nowrap;
- -webkit-box-pack: start;
- -webkit-justify-content: flex-start;
- -ms-flex-pack: start;
- justify-content: flex-start;
- -webkit-align-content: stretch;
- -ms-flex-line-pack: stretch;
- align-content: stretch;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
- flex-direction: column;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-align-items: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
-}
-
-.c19 {
- color: rgb(151,151,151);
-}
-
-@media only screen and (min-width:48em) {
- .c0 {
- width: 46rem;
- }
-}
-
-@media only screen and (min-width:64em) {
- .c0 {
- width: 56rem;
- }
-}
-
-@media only screen and (min-width:75em) {
- .c0 {
- width: 59rem;
- }
-}
-
-@media only screen and (max-width:47.9375rem) {
- .c0 {
- padding-left: 0.375rem;
- padding-right: 0.375rem;
- }
-}
-
-@media only screen and (min-width:0em) {
- .c3 {
- -webkit-flex-basis: 100%;
- -ms-flex-preferred-size: 100%;
- flex-basis: 100%;
- max-width: 100%;
- }
-}
-
-@media only screen and (min-width:48em) {
- .c3 {
- -webkit-flex-basis: 66.66666666666667%;
- -ms-flex-preferred-size: 66.66666666666667%;
- flex-basis: 66.66666666666667%;
- max-width: 66.66666666666667%;
- }
-}
-
-
-
-
-
-
-
- Cloud Firewall rules control traffic across instances. Enabling the firewall adds a default set of rules and rules defined by your chosen tags.
-
-
- Read the docs
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Sorry, but we weren’t able to find any firewall rules.
-
-
-
-
-
-
,
- .c1 {
- margin-bottom: 0.375rem;
-}
-
-.c4 {
- margin-bottom: 1.125rem;
-}
-
-.c6 {
- margin-bottom: 2.625rem;
-}
-
-.c15 {
- margin-top: 1.875rem;
-}
-
.c19 {
margin-bottom: 0.75rem;
}
-.c14 {
- margin-top: 1.5rem;
-}
-
.c17 {
padding: 2.25rem;
}
@@ -1819,6 +1344,500 @@ Array [
color: rgb(151,151,151);
}
+.c15 {
+ width: 100%;
+}
+
+@media only screen and (min-width:48em) {
+ .c0 {
+ width: 46rem;
+ }
+}
+
+@media only screen and (min-width:64em) {
+ .c0 {
+ width: 56rem;
+ }
+}
+
+@media only screen and (min-width:75em) {
+ .c0 {
+ width: 59rem;
+ }
+}
+
+@media only screen and (max-width:47.9375rem) {
+ .c0 {
+ padding-left: 0.375rem;
+ padding-right: 0.375rem;
+ }
+}
+
+@media only screen and (min-width:0em) {
+ .c3 {
+ -webkit-flex-basis: 100%;
+ -ms-flex-preferred-size: 100%;
+ flex-basis: 100%;
+ max-width: 100%;
+ }
+}
+
+@media only screen and (min-width:48em) {
+ .c3 {
+ -webkit-flex-basis: 66.66666666666667%;
+ -ms-flex-preferred-size: 66.66666666666667%;
+ flex-basis: 66.66666666666667%;
+ max-width: 66.66666666666667%;
+ }
+}
+
+
+
+
+
+
+
+ Cloud Firewall rules control traffic across instances. Enabling the firewall adds a default set of rules and rules defined by your chosen tags.
+
+
+ Read the docs
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Sorry, but we weren’t able to find any firewall rules.
+
+
+
+
+
+
,
+ .c1 {
+ margin-bottom: 0.375rem;
+}
+
+.c4 {
+ margin-bottom: 1.125rem;
+}
+
+.c6 {
+ margin-bottom: 2.625rem;
+}
+
+.c15 {
+ margin-top: 1.875rem;
+}
+
+.c20 {
+ margin-bottom: 0.75rem;
+}
+
+.c14 {
+ margin-top: 1.5rem;
+}
+
+.c18 {
+ padding: 2.25rem;
+}
+
+.c5 {
+ color: rgba(73,73,73,1);
+ line-height: 1.5rem;
+ font-size: 0.9375rem;
+ margin: 0;
+}
+
+.c5 + p,
+.c5 + small,
+.c5 + h1,
+.c5 + h2,
+.c5 + label,
+.c5 + h3,
+.c5 + h4,
+.c5 + h5,
+.c5 + div,
+.c5 + span {
+ padding-bottom: 2.25rem;
+}
+
+.c9 {
+ 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-right: 0.75rem;
+ font-weight: bold;
+ white-space: pre;
+ font-size: 0.8125rem;
+}
+
+.c0 {
+ margin-right: auto;
+ margin-left: auto;
+ box-sizing: border-box;
+ width: 100%;
+ max-width: 62.5rem;
+ padding-bottom: 1.125rem;
+}
+
+.c2 {
+ box-sizing: border-box;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex: 1 1 auto;
+ -ms-flex: 1 1 auto;
+ flex: 1 1 auto;
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ -webkit-flex-wrap: wrap;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+ margin-right: -0.625rem;
+ margin-left: -0.625rem;
+}
+
+.c3 {
+ box-sizing: border-box;
+ -webkit-flex: 0 0 auto;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ padding-right: 0.625rem;
+ padding-left: 0.625rem;
+ display: block;
+}
+
+.c22 {
+ color: rgba(73,73,73,1);
+ font-weight: normal;
+ line-height: 1.625rem;
+ font-size: 1.3125rem;
+ margin: 0;
+}
+
+.c22 + p,
+.c22 + small,
+.c22 + h1,
+.c22 + h2,
+.c22 + label,
+.c22 + h3,
+.c22 + h4,
+.c22 + h5,
+.c22 + div,
+.c22 + span {
+ margin-top: 1.5rem;
+}
+
+.c13 {
+ background-color: rgb(216,216,216);
+ margin: 0;
+ height: 0.0625rem;
+}
+
+.c17 {
+ box-sizing: content-box;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex: 1 0 auto;
+ -ms-flex: 1 0 auto;
+ flex: 1 0 auto;
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ position: relative;
+ border-width: 0.0625rem;
+ border-style: solid;
+ -webkit-transition: all 300ms ease;
+ transition: all 300ms ease;
+ color: rgba(73,73,73,1);
+ background-color: rgb(255,255,255);
+ border-color: rgb(216,216,216);
+}
+
+.c7 {
+ 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;
+}
+
+.c10 {
+ 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;
+}
+
+.c11 {
+ display: none;
+}
+
+.c11:checked + label {
+ background: #3B46CC;
+ border: 0.0625rem solid rgb(59,70,204);
+}
+
+.c11: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);
+}
+
+.c11:checked + label:active {
+ box-shadow: none;
+}
+
+.c12 {
+ 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;
+}
+
+.c12::selection {
+ background: none;
+}
+
+.c12:active {
+ box-shadow: inset 0 0 0 1.5rem rgb(216,216,216);
+}
+
+.c12:hover {
+ border: 0.0625rem solid rgb(59,70,204);
+}
+
+.c12:hover:after {
+ box-shadow: 0 0 0 0.0625rem rgb(59,70,204);
+}
+
+.c12:after,
+.c12:before {
+ position: relative;
+ display: block;
+ content: '';
+ width: 50%;
+ height: 100%;
+}
+
+.c12: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);
+}
+
+.c12:active {
+ box-shadow: inset 0 0 0 2em rgb(216,216,216);
+}
+
+.c12:before {
+ display: none;
+}
+
+.c8 {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ -webkit-flex-wrap: nowrap;
+ -ms-flex-wrap: nowrap;
+ flex-wrap: nowrap;
+ -webkit-box-pack: start;
+ -webkit-justify-content: flex-start;
+ -ms-flex-pack: start;
+ justify-content: flex-start;
+ -webkit-align-content: stretch;
+ -ms-flex-line-pack: stretch;
+ align-content: stretch;
+ -webkit-align-items: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+}
+
+.c19 {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ -webkit-flex-wrap: nowrap;
+ -ms-flex-wrap: nowrap;
+ flex-wrap: nowrap;
+ -webkit-box-pack: start;
+ -webkit-justify-content: flex-start;
+ -ms-flex-pack: start;
+ justify-content: flex-start;
+ -webkit-align-content: stretch;
+ -ms-flex-line-pack: stretch;
+ align-content: stretch;
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-align-items: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+}
+
+.c21 {
+ color: rgb(151,151,151);
+}
+
+.c16 {
+ width: 100%;
+}
+
@media only screen and (min-width:48em) {
.c0 {
width: 46rem;
@@ -2000,25 +2019,26 @@ Array [
className="c15"
>
Sorry, but we weren’t able to find any firewall rules.
@@ -2570,7 +2590,7 @@ exports[`renders
without throwing 1`] = `
margin-top: 1.875rem;
}
-.c24 {
+.c25 {
margin-bottom: 0.75rem;
}
@@ -2578,7 +2598,7 @@ exports[`renders
without throwing 1`] = `
margin-bottom: 1.5rem;
}
-.c22 {
+.c23 {
padding: 2.25rem;
}
@@ -2676,7 +2696,7 @@ exports[`renders
without throwing 1`] = `
display: block;
}
-.c26 {
+.c27 {
color: rgba(73,73,73,1);
font-weight: normal;
line-height: 1.625rem;
@@ -2684,16 +2704,16 @@ exports[`renders
without throwing 1`] = `
margin: 0;
}
-.c26 + p,
-.c26 + small,
-.c26 + h1,
-.c26 + h2,
-.c26 + label,
-.c26 + h3,
-.c26 + h4,
-.c26 + h5,
-.c26 + div,
-.c26 + span {
+.c27 + p,
+.c27 + small,
+.c27 + h1,
+.c27 + h2,
+.c27 + label,
+.c27 + h3,
+.c27 + h4,
+.c27 + h5,
+.c27 + div,
+.c27 + span {
margin-top: 1.5rem;
}
@@ -2711,7 +2731,7 @@ exports[`renders
without throwing 1`] = `
height: 0.0625rem;
}
-.c21 {
+.c22 {
box-sizing: content-box;
display: -webkit-box;
display: -webkit-flex;
@@ -2896,7 +2916,7 @@ exports[`renders
without throwing 1`] = `
align-items: center;
}
-.c23 {
+.c24 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
@@ -2927,10 +2947,14 @@ exports[`renders
without throwing 1`] = `
align-items: center;
}
-.c25 {
+.c26 {
color: rgb(151,151,151);
}
+.c21 {
+ width: 100%;
+}
+
@media only screen and (min-width:48em) {
.c0 {
width: 46rem;
@@ -3093,25 +3117,26 @@ exports[`renders
without throwing 1`] = `
className="c20"
>
Sorry, but we weren’t able to find any firewall rules.
@@ -3139,7 +3164,7 @@ exports[`renders
without throwing 1`] = `
margin-top: 1.875rem;
}
-.c24 {
+.c25 {
margin-bottom: 0.75rem;
}
@@ -3147,7 +3172,7 @@ exports[`renders
without throwing 1`] = `
margin-bottom: 1.5rem;
}
-.c22 {
+.c23 {
padding: 2.25rem;
}
@@ -3245,7 +3270,7 @@ exports[`renders
without throwing 1`] = `
display: block;
}
-.c26 {
+.c27 {
color: rgba(73,73,73,1);
font-weight: normal;
line-height: 1.625rem;
@@ -3253,16 +3278,16 @@ exports[`renders
without throwing 1`] = `
margin: 0;
}
-.c26 + p,
-.c26 + small,
-.c26 + h1,
-.c26 + h2,
-.c26 + label,
-.c26 + h3,
-.c26 + h4,
-.c26 + h5,
-.c26 + div,
-.c26 + span {
+.c27 + p,
+.c27 + small,
+.c27 + h1,
+.c27 + h2,
+.c27 + label,
+.c27 + h3,
+.c27 + h4,
+.c27 + h5,
+.c27 + div,
+.c27 + span {
margin-top: 1.5rem;
}
@@ -3280,7 +3305,7 @@ exports[`renders
without throwing 1`] = `
height: 0.0625rem;
}
-.c21 {
+.c22 {
box-sizing: content-box;
display: -webkit-box;
display: -webkit-flex;
@@ -3465,7 +3490,7 @@ exports[`renders
without throwing 1`] = `
align-items: center;
}
-.c23 {
+.c24 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
@@ -3496,10 +3521,14 @@ exports[`renders
without throwing 1`] = `
align-items: center;
}
-.c25 {
+.c26 {
color: rgb(151,151,151);
}
+.c21 {
+ width: 100%;
+}
+
@media only screen and (min-width:48em) {
.c0 {
width: 46rem;
@@ -3662,25 +3691,26 @@ exports[`renders
without throwing 1`] = `
className="c20"
>
Sorry, but we weren’t able to find any firewall rules.
@@ -5094,6 +5124,11 @@ Array [
>
From:
@@ -5107,6 +5142,11 @@ Array [
>
Any
@@ -5128,6 +5168,11 @@ Array [
>
To:
@@ -5175,6 +5220,11 @@ Array [
>
Protocol:
@@ -5188,6 +5238,11 @@ Array [
>
tcp
@@ -5209,6 +5264,11 @@ Array [
>
Ports:
@@ -5222,6 +5282,11 @@ Array [
>
all
@@ -5243,6 +5308,11 @@ Array [
>
Action:
@@ -5256,6 +5326,11 @@ Array [
>
Allow
@@ -6676,6 +6751,11 @@ Array [
>
From:
@@ -6689,6 +6769,11 @@ Array [
>
Any
@@ -6710,6 +6795,11 @@ Array [
>
To:
@@ -6757,6 +6847,11 @@ Array [
>
Protocol:
@@ -6770,6 +6865,11 @@ Array [
>
tcp
@@ -6791,6 +6891,11 @@ Array [
>
Ports:
@@ -6804,6 +6909,11 @@ Array [
>
all
@@ -6825,6 +6935,11 @@ Array [
>
Action:
@@ -6838,6 +6953,11 @@ Array [
>
Allow
diff --git a/packages/my-joy-beta/src/containers/instances/__tests__/__snapshots__/list.spec.js.snap b/packages/my-joy-beta/src/containers/instances/__tests__/__snapshots__/list.spec.js.snap
index 5bcaf81b..fce616a3 100644
--- a/packages/my-joy-beta/src/containers/instances/__tests__/__snapshots__/list.spec.js.snap
+++ b/packages/my-joy-beta/src/containers/instances/__tests__/__snapshots__/list.spec.js.snap
@@ -2020,7 +2020,7 @@ exports[`renders
without throwing 1`] = `
margin-top: 0.1875rem;
}
-.c37 {
+.c39 {
background-color: transparent;
text-decoration-skip: objects;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
@@ -2121,12 +2121,12 @@ exports[`renders
without throwing 1`] = `
cursor: not-allowed;
}
-.c36 {
+.c38 {
color: rgb(59,70,204);
-webkit-text-fill-color: currentcolor;
}
-.c36:hover {
+.c38:hover {
text-decoration: none;
}
@@ -2148,12 +2148,6 @@ exports[`renders
without throwing 1`] = `
padding: 0rem;
}
-.c38 {
- height: 0.6875rem;
- width: 0.6875rem;
- border-radius: 0.6875rem;
-}
-
.c12 {
display: inline-block;
}
@@ -2303,6 +2297,27 @@ exports[`renders
without throwing 1`] = `
display: block;
}
+.c36 {
+ color: rgba(73,73,73,1);
+ font-weight: 700;
+ line-height: 1.5rem;
+ font-size: 0.9375rem;
+ margin: 0;
+}
+
+.c36 + p,
+.c36 + small,
+.c36 + h1,
+.c36 + h2,
+.c36 + label,
+.c36 + h3,
+.c36 + h4,
+.c36 + h5,
+.c36 + div,
+.c36 + span {
+ padding-bottom: 2.25rem;
+}
+
.c1 {
background-color: rgb(216,216,216);
margin: 0;
@@ -2324,9 +2339,9 @@ exports[`renders
without throwing 1`] = `
height: 1.25rem;
}
-.c39 {
- width: 0.375rem;
- height: 0.375rem;
+.c40 {
+ width: 0.75rem;
+ height: 0.75rem;
border-radius: 50%;
background-color: rgb(0,152,88);
display: inline-block;
@@ -2500,7 +2515,7 @@ exports[`renders
without throwing 1`] = `
outline: 0;
}
-.c43 {
+.c44 {
cursor: pointer;
height: 100%;
width: 100%;
@@ -2744,30 +2759,6 @@ exports[`renders
without throwing 1`] = `
border-right-width: 0;
}
-.c40 {
- border-width: 0.0625rem;
- border-style: solid;
- border-color: rgb(216,216,216);
- border-spacing: 0;
- white-space: nowrap;
- box-sizing: border-box;
- padding: 0 1.5rem;
- height: 3.75rem;
- width: 0rem;
- display: none;
- vertical-align: middle;
- text-align: left;
- border-bottom-width: 0;
-}
-
-.c40:not(:first-child) {
- border-left-width: 0;
-}
-
-.c40:not(:last-child) {
- border-right-width: 0;
-}
-
.c41 {
border-width: 0.0625rem;
border-style: solid;
@@ -2801,8 +2792,11 @@ exports[`renders
without throwing 1`] = `
box-sizing: border-box;
padding: 0 1.5rem;
height: 3.75rem;
+ width: 0rem;
+ display: none;
+ vertical-align: middle;
+ text-align: left;
border-bottom-width: 0;
- border-left-width: 0.0625rem !important;
}
.c42:not(:first-child) {
@@ -2813,6 +2807,27 @@ exports[`renders
without throwing 1`] = `
border-right-width: 0;
}
+.c43 {
+ border-width: 0.0625rem;
+ border-style: solid;
+ border-color: rgb(216,216,216);
+ border-spacing: 0;
+ white-space: nowrap;
+ box-sizing: border-box;
+ padding: 0 1.5rem;
+ height: 3.75rem;
+ border-bottom-width: 0;
+ border-left-width: 0.0625rem !important;
+}
+
+.c43:not(:first-child) {
+ border-left-width: 0;
+}
+
+.c43:not(:last-child) {
+ border-right-width: 0;
+}
+
.c17 {
display: table-row;
color: rgba(73,73,73,1);
@@ -2849,6 +2864,11 @@ exports[`renders
without throwing 1`] = `
border-bottom-width: 0.0625rem;
}
+.c37 {
+ color: rgba(73,73,73,1);
+ text-decoration: none;
+}
+
@media only screen and (min-width:48em) {
.c0 {
width: 46rem;
@@ -2925,14 +2945,14 @@ exports[`renders
without throwing 1`] = `
}
@media only screen and (min-width:47.9375rem) {
- .c40 {
+ .c41 {
width: 10rem;
display: table-cell;
}
}
@media only screen and (min-width:47.9375rem) {
- .c41 {
+ .c42 {
width: 8.125rem;
display: table-cell;
}
@@ -3194,12 +3214,16 @@ exports[`renders
without throwing 1`] = `
name="td"
selected={undefined}
>
-
- 2252839a
-
+
+ 2252839a
+
+
without throwing 1`] = `
>
without throwing 1`] = `
almost NaN years
without throwing 1`] = `
without throwing 1`] = `
name="td"
selected={undefined}
>
-
- f1bd1730
-
+
+ f1bd1730
+
+
without throwing 1`] = `
>
without throwing 1`] = `
almost NaN years
without throwing 1`] = `
without throwing 1`] = `
margin-top: 0.1875rem;
}
-.c37 {
+.c39 {
background-color: transparent;
text-decoration-skip: objects;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
@@ -3511,12 +3537,12 @@ exports[`renders
without throwing 1`] = `
cursor: not-allowed;
}
-.c36 {
+.c38 {
color: rgb(59,70,204);
-webkit-text-fill-color: currentcolor;
}
-.c36:hover {
+.c38:hover {
text-decoration: none;
}
@@ -3538,12 +3564,6 @@ exports[`renders
without throwing 1`] = `
padding: 0rem;
}
-.c38 {
- height: 0.6875rem;
- width: 0.6875rem;
- border-radius: 0.6875rem;
-}
-
.c12 {
display: inline-block;
}
@@ -3631,7 +3651,7 @@ exports[`renders
without throwing 1`] = `
max-height: 1.125rem;
}
-.c48 {
+.c49 {
box-sizing: border-box;
display: inline-block;
-webkit-box-pack: center;
@@ -3690,130 +3710,6 @@ exports[`renders
without throwing 1`] = `
align-items: center;
}
-.c48:focus {
- outline: 0;
- text-decoration: none;
- background-color: rgb(59,70,204);
- border-color: rgb(45,56,132);
-}
-
-.c48:hover {
- background-color: rgb(72,83,217);
- border: solid 0.0625rem rgb(45,56,132);
-}
-
-.c48:active,
-.c48:active:hover,
-.c48:active:focus {
- background-image: none;
- outline: 0;
- background-color: rgb(45,56,132);
- border-color: rgb(45,56,132);
-}
-
-.c48[disabled] {
- cursor: not-allowed;
- pointer-events: none;
-}
-
-.c48:focus {
- background-color: rgb(255,255,255);
- border-color: rgb(216,216,216);
-}
-
-.c48:hover {
- background-color: rgb(247,247,247);
- border-color: rgb(216,216,216);
-}
-
-.c48:active,
-.c48:active:hover,
-.c48:active:focus {
- background-color: rgb(230,230,230);
- border-color: rgb(216,216,216);
-}
-
-.c48:focus {
- background-color: rgb(250,250,250);
- border-color: rgb(216,216,216);
-}
-
-.c48:hover {
- background-color: rgb(250,250,250);
- border-color: rgb(250,250,250);
-}
-
-.c48:active,
-.c48:active:hover,
-.c48:active:focus {
- background-color: rgb(250,250,250);
- border-color: rgb(250,250,250);
-}
-
-.c48 svg + span {
- margin-left: 0.75rem;
-}
-
-.c48 svg {
- max-height: 1.125rem;
-}
-
-.c49 {
- 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;
- 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);
- 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;
-}
-
.c49:focus {
outline: 0;
text-decoration: none;
@@ -3882,7 +3778,7 @@ exports[`renders
without throwing 1`] = `
max-height: 1.125rem;
}
-.c51 {
+.c50 {
box-sizing: border-box;
display: inline-block;
-webkit-box-pack: center;
@@ -3923,18 +3819,11 @@ exports[`renders
without throwing 1`] = `
-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.5625rem 1.125rem;
- font-size: 0.8125rem;
- min-width: 0rem;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
@@ -3943,93 +3832,73 @@ exports[`renders
without throwing 1`] = `
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
- float: right;
}
-.c51:focus {
+.c50:focus {
outline: 0;
text-decoration: none;
background-color: rgb(59,70,204);
border-color: rgb(45,56,132);
}
-.c51:hover {
+.c50:hover {
background-color: rgb(72,83,217);
border: solid 0.0625rem rgb(45,56,132);
}
-.c51:active,
-.c51:active:hover,
-.c51:active:focus {
+.c50:active,
+.c50:active:hover,
+.c50:active:focus {
background-image: none;
outline: 0;
background-color: rgb(45,56,132);
border-color: rgb(45,56,132);
}
-.c51[disabled] {
+.c50[disabled] {
cursor: not-allowed;
pointer-events: none;
}
-.c51:focus {
+.c50:focus {
background-color: rgb(255,255,255);
border-color: rgb(216,216,216);
}
-.c51:hover {
+.c50:hover {
background-color: rgb(247,247,247);
border-color: rgb(216,216,216);
}
-.c51:active,
-.c51:active:hover,
-.c51:active:focus {
+.c50:active,
+.c50:active:hover,
+.c50:active:focus {
background-color: rgb(230,230,230);
border-color: rgb(216,216,216);
}
-.c51:focus {
- color: rgb(205,37,27);
- background-color: rgb(255,255,255);
- border-color: rgb(205,37,27);
-}
-
-.c51:hover {
- color: rgb(205,37,27);
- background-color: rgb(255,255,255);
- border-color: rgb(205,37,27);
-}
-
-.c51:active,
-.c51:active:hover,
-.c51:active:focus {
- background-color: rgba(210,67,58,0.1);
- border-color: rgb(205,37,27);
-}
-
-.c51:focus {
+.c50:focus {
background-color: rgb(250,250,250);
border-color: rgb(216,216,216);
}
-.c51:hover {
+.c50:hover {
background-color: rgb(250,250,250);
border-color: rgb(250,250,250);
}
-.c51:active,
-.c51:active:hover,
-.c51:active:focus {
+.c50:active,
+.c50:active:hover,
+.c50:active:focus {
background-color: rgb(250,250,250);
border-color: rgb(250,250,250);
}
-.c51 svg + span {
+.c50 svg + span {
margin-left: 0.75rem;
}
-.c51 svg {
+.c50 svg {
max-height: 1.125rem;
}
@@ -4083,6 +3952,9 @@ exports[`renders
without throwing 1`] = `
color: rgb(216,216,216);
background-color: rgb(250,250,250);
border-color: rgb(216,216,216);
+ padding: 0.5625rem 1.125rem;
+ font-size: 0.8125rem;
+ min-width: 0rem;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
@@ -4181,6 +4053,154 @@ exports[`renders
without throwing 1`] = `
max-height: 1.125rem;
}
+.c53 {
+ 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;
+ 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;
+ float: right;
+}
+
+.c53:focus {
+ outline: 0;
+ text-decoration: none;
+ background-color: rgb(59,70,204);
+ border-color: rgb(45,56,132);
+}
+
+.c53:hover {
+ background-color: rgb(72,83,217);
+ border: solid 0.0625rem rgb(45,56,132);
+}
+
+.c53:active,
+.c53:active:hover,
+.c53:active:focus {
+ background-image: none;
+ outline: 0;
+ background-color: rgb(45,56,132);
+ border-color: rgb(45,56,132);
+}
+
+.c53[disabled] {
+ cursor: not-allowed;
+ pointer-events: none;
+}
+
+.c53:focus {
+ background-color: rgb(255,255,255);
+ border-color: rgb(216,216,216);
+}
+
+.c53:hover {
+ background-color: rgb(247,247,247);
+ border-color: rgb(216,216,216);
+}
+
+.c53:active,
+.c53:active:hover,
+.c53:active:focus {
+ background-color: rgb(230,230,230);
+ border-color: rgb(216,216,216);
+}
+
+.c53:focus {
+ color: rgb(205,37,27);
+ background-color: rgb(255,255,255);
+ border-color: rgb(205,37,27);
+}
+
+.c53:hover {
+ color: rgb(205,37,27);
+ background-color: rgb(255,255,255);
+ border-color: rgb(205,37,27);
+}
+
+.c53:active,
+.c53:active:hover,
+.c53:active:focus {
+ background-color: rgba(210,67,58,0.1);
+ border-color: rgb(205,37,27);
+}
+
+.c53:focus {
+ background-color: rgb(250,250,250);
+ border-color: rgb(216,216,216);
+}
+
+.c53:hover {
+ background-color: rgb(250,250,250);
+ border-color: rgb(250,250,250);
+}
+
+.c53:active,
+.c53:active:hover,
+.c53:active:focus {
+ background-color: rgb(250,250,250);
+ border-color: rgb(250,250,250);
+}
+
+.c53 svg + span {
+ margin-left: 0.75rem;
+}
+
+.c53 svg {
+ max-height: 1.125rem;
+}
+
.c5 {
font-size: 0.9375rem;
line-height: 1.125rem;
@@ -4204,7 +4224,7 @@ exports[`renders
without throwing 1`] = `
padding-bottom: 1.125rem;
}
-.c45 {
+.c46 {
margin-right: auto;
margin-left: auto;
box-sizing: border-box;
@@ -4245,7 +4265,7 @@ exports[`renders
without throwing 1`] = `
margin-left: -0.625rem;
}
-.c46 {
+.c47 {
box-sizing: border-box;
display: -webkit-box;
display: -webkit-flex;
@@ -4284,7 +4304,7 @@ exports[`renders
without throwing 1`] = `
display: block;
}
-.c47 {
+.c48 {
box-sizing: border-box;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
@@ -4294,7 +4314,7 @@ exports[`renders
without throwing 1`] = `
display: block;
}
-.c50 {
+.c51 {
box-sizing: border-box;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
@@ -4304,6 +4324,27 @@ exports[`renders
without throwing 1`] = `
display: block;
}
+.c36 {
+ color: rgba(73,73,73,1);
+ font-weight: 700;
+ line-height: 1.5rem;
+ font-size: 0.9375rem;
+ margin: 0;
+}
+
+.c36 + p,
+.c36 + small,
+.c36 + h1,
+.c36 + h2,
+.c36 + label,
+.c36 + h3,
+.c36 + h4,
+.c36 + h5,
+.c36 + div,
+.c36 + span {
+ padding-bottom: 2.25rem;
+}
+
.c1 {
background-color: rgb(216,216,216);
margin: 0;
@@ -4325,7 +4366,7 @@ exports[`renders
without throwing 1`] = `
height: 1.25rem;
}
-.c44 {
+.c45 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
@@ -4357,9 +4398,9 @@ exports[`renders
without throwing 1`] = `
bottom: 0;
}
-.c39 {
- width: 0.375rem;
- height: 0.375rem;
+.c40 {
+ width: 0.75rem;
+ height: 0.75rem;
border-radius: 50%;
background-color: rgb(0,152,88);
display: inline-block;
@@ -4533,7 +4574,7 @@ exports[`renders
without throwing 1`] = `
outline: 0;
}
-.c43 {
+.c44 {
cursor: pointer;
height: 100%;
width: 100%;
@@ -4777,30 +4818,6 @@ exports[`renders
without throwing 1`] = `
border-right-width: 0;
}
-.c40 {
- border-width: 0.0625rem;
- border-style: solid;
- border-color: rgb(216,216,216);
- border-spacing: 0;
- white-space: nowrap;
- box-sizing: border-box;
- padding: 0 1.5rem;
- height: 3.75rem;
- width: 0rem;
- display: none;
- vertical-align: middle;
- text-align: left;
- border-bottom-width: 0;
-}
-
-.c40:not(:first-child) {
- border-left-width: 0;
-}
-
-.c40:not(:last-child) {
- border-right-width: 0;
-}
-
.c41 {
border-width: 0.0625rem;
border-style: solid;
@@ -4834,8 +4851,11 @@ exports[`renders
without throwing 1`] = `
box-sizing: border-box;
padding: 0 1.5rem;
height: 3.75rem;
+ width: 0rem;
+ display: none;
+ vertical-align: middle;
+ text-align: left;
border-bottom-width: 0;
- border-left-width: 0.0625rem !important;
}
.c42:not(:first-child) {
@@ -4846,6 +4866,27 @@ exports[`renders
without throwing 1`] = `
border-right-width: 0;
}
+.c43 {
+ border-width: 0.0625rem;
+ border-style: solid;
+ border-color: rgb(216,216,216);
+ border-spacing: 0;
+ white-space: nowrap;
+ box-sizing: border-box;
+ padding: 0 1.5rem;
+ height: 3.75rem;
+ border-bottom-width: 0;
+ border-left-width: 0.0625rem !important;
+}
+
+.c43:not(:first-child) {
+ border-left-width: 0;
+}
+
+.c43:not(:last-child) {
+ border-right-width: 0;
+}
+
.c17 {
display: table-row;
color: rgba(73,73,73,1);
@@ -4882,6 +4923,11 @@ exports[`renders
without throwing 1`] = `
border-bottom-width: 0.0625rem;
}
+.c37 {
+ color: rgba(73,73,73,1);
+ text-decoration: none;
+}
+
@media only screen and (min-width:48em) {
.c0 {
width: 46rem;
@@ -4908,32 +4954,32 @@ exports[`renders
without throwing 1`] = `
}
@media only screen and (min-width:48em) {
- .c45 {
+ .c46 {
width: 46rem;
}
}
@media only screen and (min-width:64em) {
- .c45 {
+ .c46 {
width: 56rem;
}
}
@media only screen and (min-width:75em) {
- .c45 {
+ .c46 {
width: 59rem;
}
}
@media only screen and (max-width:47.9375rem) {
- .c45 {
+ .c46 {
padding-left: 0.375rem;
padding-right: 0.375rem;
}
}
@media only screen and (min-width:0em) {
- .c46 {
+ .c47 {
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
@@ -4942,7 +4988,7 @@ exports[`renders
without throwing 1`] = `
}
@media only screen and (min-width:0em) {
- .c46 {
+ .c47 {
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
@@ -4987,7 +5033,7 @@ exports[`renders
without throwing 1`] = `
}
@media only screen and (min-width:0em) {
- .c47 {
+ .c48 {
-webkit-flex-basis: 58.333333333333336%;
-ms-flex-preferred-size: 58.333333333333336%;
flex-basis: 58.333333333333336%;
@@ -4996,7 +5042,7 @@ exports[`renders
without throwing 1`] = `
}
@media only screen and (min-width:0em) {
- .c50 {
+ .c51 {
-webkit-flex-basis: 41.66666666666667%;
-ms-flex-preferred-size: 41.66666666666667%;
flex-basis: 41.66666666666667%;
@@ -5019,14 +5065,14 @@ exports[`renders
without throwing 1`] = `
}
@media only screen and (min-width:47.9375rem) {
- .c40 {
+ .c41 {
width: 10rem;
display: table-cell;
}
}
@media only screen and (min-width:47.9375rem) {
- .c41 {
+ .c42 {
width: 8.125rem;
display: table-cell;
}
@@ -5288,12 +5334,16 @@ exports[`renders
without throwing 1`] = `
name="td"
selected={undefined}
>
-
- 2252839a
-
+
+ 2252839a
+
+
without throwing 1`] = `
>
without throwing 1`] = `
almost NaN years
without throwing 1`] = `
without throwing 1`] = `
name="td"
selected={undefined}
>
-
- f1bd1730
-
+
+ f1bd1730
+
+
without throwing 1`] = `
>
without throwing 1`] = `
almost NaN years
without throwing 1`] = `
without throwing 1`] = `
without throwing 1`] = `
cursor: not-allowed;
}
-.c36 {
+.c38 {
color: rgb(59,70,204);
-webkit-text-fill-color: currentcolor;
}
-.c36:hover {
+.c38:hover {
text-decoration: none;
}
@@ -5952,12 +6004,6 @@ exports[`renders
without throwing 1`] = `
padding: 0rem;
}
-.c38 {
- height: 0.6875rem;
- width: 0.6875rem;
- border-radius: 0.6875rem;
-}
-
.c12 {
display: inline-block;
}
@@ -6045,7 +6091,7 @@ exports[`renders
without throwing 1`] = `
max-height: 1.125rem;
}
-.c48 {
+.c49 {
box-sizing: border-box;
display: inline-block;
-webkit-box-pack: center;
@@ -6104,130 +6150,6 @@ exports[`renders
without throwing 1`] = `
align-items: center;
}
-.c48:focus {
- outline: 0;
- text-decoration: none;
- background-color: rgb(59,70,204);
- border-color: rgb(45,56,132);
-}
-
-.c48:hover {
- background-color: rgb(72,83,217);
- border: solid 0.0625rem rgb(45,56,132);
-}
-
-.c48:active,
-.c48:active:hover,
-.c48:active:focus {
- background-image: none;
- outline: 0;
- background-color: rgb(45,56,132);
- border-color: rgb(45,56,132);
-}
-
-.c48[disabled] {
- cursor: not-allowed;
- pointer-events: none;
-}
-
-.c48:focus {
- background-color: rgb(255,255,255);
- border-color: rgb(216,216,216);
-}
-
-.c48:hover {
- background-color: rgb(247,247,247);
- border-color: rgb(216,216,216);
-}
-
-.c48:active,
-.c48:active:hover,
-.c48:active:focus {
- background-color: rgb(230,230,230);
- border-color: rgb(216,216,216);
-}
-
-.c48:focus {
- background-color: rgb(250,250,250);
- border-color: rgb(216,216,216);
-}
-
-.c48:hover {
- background-color: rgb(250,250,250);
- border-color: rgb(250,250,250);
-}
-
-.c48:active,
-.c48:active:hover,
-.c48:active:focus {
- background-color: rgb(250,250,250);
- border-color: rgb(250,250,250);
-}
-
-.c48 svg + span {
- margin-left: 0.75rem;
-}
-
-.c48 svg {
- max-height: 1.125rem;
-}
-
-.c49 {
- 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;
- 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);
- 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;
-}
-
.c49:focus {
outline: 0;
text-decoration: none;
@@ -6296,7 +6218,7 @@ exports[`renders
without throwing 1`] = `
max-height: 1.125rem;
}
-.c51 {
+.c50 {
box-sizing: border-box;
display: inline-block;
-webkit-box-pack: center;
@@ -6337,18 +6259,11 @@ exports[`renders
without throwing 1`] = `
-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.5625rem 1.125rem;
- font-size: 0.8125rem;
- min-width: 0rem;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
@@ -6357,93 +6272,73 @@ exports[`renders
without throwing 1`] = `
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
- float: right;
}
-.c51:focus {
+.c50:focus {
outline: 0;
text-decoration: none;
background-color: rgb(59,70,204);
border-color: rgb(45,56,132);
}
-.c51:hover {
+.c50:hover {
background-color: rgb(72,83,217);
border: solid 0.0625rem rgb(45,56,132);
}
-.c51:active,
-.c51:active:hover,
-.c51:active:focus {
+.c50:active,
+.c50:active:hover,
+.c50:active:focus {
background-image: none;
outline: 0;
background-color: rgb(45,56,132);
border-color: rgb(45,56,132);
}
-.c51[disabled] {
+.c50[disabled] {
cursor: not-allowed;
pointer-events: none;
}
-.c51:focus {
+.c50:focus {
background-color: rgb(255,255,255);
border-color: rgb(216,216,216);
}
-.c51:hover {
+.c50:hover {
background-color: rgb(247,247,247);
border-color: rgb(216,216,216);
}
-.c51:active,
-.c51:active:hover,
-.c51:active:focus {
+.c50:active,
+.c50:active:hover,
+.c50:active:focus {
background-color: rgb(230,230,230);
border-color: rgb(216,216,216);
}
-.c51:focus {
- color: rgb(205,37,27);
- background-color: rgb(255,255,255);
- border-color: rgb(205,37,27);
-}
-
-.c51:hover {
- color: rgb(205,37,27);
- background-color: rgb(255,255,255);
- border-color: rgb(205,37,27);
-}
-
-.c51:active,
-.c51:active:hover,
-.c51:active:focus {
- background-color: rgba(210,67,58,0.1);
- border-color: rgb(205,37,27);
-}
-
-.c51:focus {
+.c50:focus {
background-color: rgb(250,250,250);
border-color: rgb(216,216,216);
}
-.c51:hover {
+.c50:hover {
background-color: rgb(250,250,250);
border-color: rgb(250,250,250);
}
-.c51:active,
-.c51:active:hover,
-.c51:active:focus {
+.c50:active,
+.c50:active:hover,
+.c50:active:focus {
background-color: rgb(250,250,250);
border-color: rgb(250,250,250);
}
-.c51 svg + span {
+.c50 svg + span {
margin-left: 0.75rem;
}
-.c51 svg {
+.c50 svg {
max-height: 1.125rem;
}
@@ -6497,6 +6392,9 @@ exports[`renders
without throwing 1`] = `
color: rgb(216,216,216);
background-color: rgb(250,250,250);
border-color: rgb(216,216,216);
+ padding: 0.5625rem 1.125rem;
+ font-size: 0.8125rem;
+ min-width: 0rem;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
@@ -6595,6 +6493,154 @@ exports[`renders
without throwing 1`] = `
max-height: 1.125rem;
}
+.c53 {
+ 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;
+ 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;
+ float: right;
+}
+
+.c53:focus {
+ outline: 0;
+ text-decoration: none;
+ background-color: rgb(59,70,204);
+ border-color: rgb(45,56,132);
+}
+
+.c53:hover {
+ background-color: rgb(72,83,217);
+ border: solid 0.0625rem rgb(45,56,132);
+}
+
+.c53:active,
+.c53:active:hover,
+.c53:active:focus {
+ background-image: none;
+ outline: 0;
+ background-color: rgb(45,56,132);
+ border-color: rgb(45,56,132);
+}
+
+.c53[disabled] {
+ cursor: not-allowed;
+ pointer-events: none;
+}
+
+.c53:focus {
+ background-color: rgb(255,255,255);
+ border-color: rgb(216,216,216);
+}
+
+.c53:hover {
+ background-color: rgb(247,247,247);
+ border-color: rgb(216,216,216);
+}
+
+.c53:active,
+.c53:active:hover,
+.c53:active:focus {
+ background-color: rgb(230,230,230);
+ border-color: rgb(216,216,216);
+}
+
+.c53:focus {
+ color: rgb(205,37,27);
+ background-color: rgb(255,255,255);
+ border-color: rgb(205,37,27);
+}
+
+.c53:hover {
+ color: rgb(205,37,27);
+ background-color: rgb(255,255,255);
+ border-color: rgb(205,37,27);
+}
+
+.c53:active,
+.c53:active:hover,
+.c53:active:focus {
+ background-color: rgba(210,67,58,0.1);
+ border-color: rgb(205,37,27);
+}
+
+.c53:focus {
+ background-color: rgb(250,250,250);
+ border-color: rgb(216,216,216);
+}
+
+.c53:hover {
+ background-color: rgb(250,250,250);
+ border-color: rgb(250,250,250);
+}
+
+.c53:active,
+.c53:active:hover,
+.c53:active:focus {
+ background-color: rgb(250,250,250);
+ border-color: rgb(250,250,250);
+}
+
+.c53 svg + span {
+ margin-left: 0.75rem;
+}
+
+.c53 svg {
+ max-height: 1.125rem;
+}
+
.c5 {
font-size: 0.9375rem;
line-height: 1.125rem;
@@ -6618,7 +6664,7 @@ exports[`renders
without throwing 1`] = `
padding-bottom: 1.125rem;
}
-.c45 {
+.c46 {
margin-right: auto;
margin-left: auto;
box-sizing: border-box;
@@ -6659,7 +6705,7 @@ exports[`renders
without throwing 1`] = `
margin-left: -0.625rem;
}
-.c46 {
+.c47 {
box-sizing: border-box;
display: -webkit-box;
display: -webkit-flex;
@@ -6698,7 +6744,7 @@ exports[`renders
without throwing 1`] = `
display: block;
}
-.c47 {
+.c48 {
box-sizing: border-box;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
@@ -6708,7 +6754,7 @@ exports[`renders
without throwing 1`] = `
display: block;
}
-.c50 {
+.c51 {
box-sizing: border-box;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
@@ -6718,6 +6764,27 @@ exports[`renders
without throwing 1`] = `
display: block;
}
+.c36 {
+ color: rgba(73,73,73,1);
+ font-weight: 700;
+ line-height: 1.5rem;
+ font-size: 0.9375rem;
+ margin: 0;
+}
+
+.c36 + p,
+.c36 + small,
+.c36 + h1,
+.c36 + h2,
+.c36 + label,
+.c36 + h3,
+.c36 + h4,
+.c36 + h5,
+.c36 + div,
+.c36 + span {
+ padding-bottom: 2.25rem;
+}
+
.c1 {
background-color: rgb(216,216,216);
margin: 0;
@@ -6739,7 +6806,7 @@ exports[`renders
without throwing 1`] = `
height: 1.25rem;
}
-.c44 {
+.c45 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
@@ -6771,9 +6838,9 @@ exports[`renders
without throwing 1`] = `
bottom: 0;
}
-.c39 {
- width: 0.375rem;
- height: 0.375rem;
+.c40 {
+ width: 0.75rem;
+ height: 0.75rem;
border-radius: 50%;
background-color: rgb(0,152,88);
display: inline-block;
@@ -6947,7 +7014,7 @@ exports[`renders
without throwing 1`] = `
outline: 0;
}
-.c43 {
+.c44 {
cursor: pointer;
height: 100%;
width: 100%;
@@ -7191,30 +7258,6 @@ exports[`renders
without throwing 1`] = `
border-right-width: 0;
}
-.c40 {
- border-width: 0.0625rem;
- border-style: solid;
- border-color: rgb(216,216,216);
- border-spacing: 0;
- white-space: nowrap;
- box-sizing: border-box;
- padding: 0 1.5rem;
- height: 3.75rem;
- width: 0rem;
- display: none;
- vertical-align: middle;
- text-align: left;
- border-bottom-width: 0;
-}
-
-.c40:not(:first-child) {
- border-left-width: 0;
-}
-
-.c40:not(:last-child) {
- border-right-width: 0;
-}
-
.c41 {
border-width: 0.0625rem;
border-style: solid;
@@ -7248,8 +7291,11 @@ exports[`renders
without throwing 1`] = `
box-sizing: border-box;
padding: 0 1.5rem;
height: 3.75rem;
+ width: 0rem;
+ display: none;
+ vertical-align: middle;
+ text-align: left;
border-bottom-width: 0;
- border-left-width: 0.0625rem !important;
}
.c42:not(:first-child) {
@@ -7260,6 +7306,27 @@ exports[`renders
without throwing 1`] = `
border-right-width: 0;
}
+.c43 {
+ border-width: 0.0625rem;
+ border-style: solid;
+ border-color: rgb(216,216,216);
+ border-spacing: 0;
+ white-space: nowrap;
+ box-sizing: border-box;
+ padding: 0 1.5rem;
+ height: 3.75rem;
+ border-bottom-width: 0;
+ border-left-width: 0.0625rem !important;
+}
+
+.c43:not(:first-child) {
+ border-left-width: 0;
+}
+
+.c43:not(:last-child) {
+ border-right-width: 0;
+}
+
.c17 {
display: table-row;
color: rgba(73,73,73,1);
@@ -7296,6 +7363,11 @@ exports[`renders
without throwing 1`] = `
border-bottom-width: 0.0625rem;
}
+.c37 {
+ color: rgba(73,73,73,1);
+ text-decoration: none;
+}
+
@media only screen and (min-width:48em) {
.c0 {
width: 46rem;
@@ -7322,32 +7394,32 @@ exports[`renders
without throwing 1`] = `
}
@media only screen and (min-width:48em) {
- .c45 {
+ .c46 {
width: 46rem;
}
}
@media only screen and (min-width:64em) {
- .c45 {
+ .c46 {
width: 56rem;
}
}
@media only screen and (min-width:75em) {
- .c45 {
+ .c46 {
width: 59rem;
}
}
@media only screen and (max-width:47.9375rem) {
- .c45 {
+ .c46 {
padding-left: 0.375rem;
padding-right: 0.375rem;
}
}
@media only screen and (min-width:0em) {
- .c46 {
+ .c47 {
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
@@ -7356,7 +7428,7 @@ exports[`renders
without throwing 1`] = `
}
@media only screen and (min-width:0em) {
- .c46 {
+ .c47 {
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
@@ -7401,7 +7473,7 @@ exports[`renders
without throwing 1`] = `
}
@media only screen and (min-width:0em) {
- .c47 {
+ .c48 {
-webkit-flex-basis: 58.333333333333336%;
-ms-flex-preferred-size: 58.333333333333336%;
flex-basis: 58.333333333333336%;
@@ -7410,7 +7482,7 @@ exports[`renders
without throwing 1`] = `
}
@media only screen and (min-width:0em) {
- .c50 {
+ .c51 {
-webkit-flex-basis: 41.66666666666667%;
-ms-flex-preferred-size: 41.66666666666667%;
flex-basis: 41.66666666666667%;
@@ -7433,14 +7505,14 @@ exports[`renders
without throwing 1`] = `
}
@media only screen and (min-width:47.9375rem) {
- .c40 {
+ .c41 {
width: 10rem;
display: table-cell;
}
}
@media only screen and (min-width:47.9375rem) {
- .c41 {
+ .c42 {
width: 8.125rem;
display: table-cell;
}
@@ -7702,12 +7774,16 @@ exports[`renders
without throwing 1`] = `
name="td"
selected={undefined}
>
-
- 2252839a
-
+
+ 2252839a
+
+
without throwing 1`] = `
>
without throwing 1`] = `
almost NaN years
without throwing 1`] = `
without throwing 1`] = `
name="td"
selected={undefined}
>
-
- f1bd1730
-
+
+ f1bd1730
+
+
without throwing 1`] = `
>
without throwing 1`] = `
almost NaN years
without throwing 1`] = `
without throwing 1`] = `
without throwing
cursor: not-allowed;
}
-.c36 {
+.c38 {
color: rgb(59,70,204);
-webkit-text-fill-color: currentcolor;
}
-.c36:hover {
+.c38:hover {
text-decoration: none;
}
@@ -8366,12 +8444,6 @@ exports[`renders
without throwing
padding: 0rem;
}
-.c38 {
- height: 0.6875rem;
- width: 0.6875rem;
- border-radius: 0.6875rem;
-}
-
.c12 {
display: inline-block;
}
@@ -8459,7 +8531,7 @@ exports[`renders
without throwing
max-height: 1.125rem;
}
-.c50 {
+.c51 {
box-sizing: border-box;
display: inline-block;
-webkit-box-pack: center;
@@ -8518,130 +8590,6 @@ exports[`renders
without throwing
align-items: center;
}
-.c50:focus {
- outline: 0;
- text-decoration: none;
- background-color: rgb(59,70,204);
- border-color: rgb(45,56,132);
-}
-
-.c50:hover {
- background-color: rgb(72,83,217);
- border: solid 0.0625rem rgb(45,56,132);
-}
-
-.c50:active,
-.c50:active:hover,
-.c50:active:focus {
- background-image: none;
- outline: 0;
- background-color: rgb(45,56,132);
- border-color: rgb(45,56,132);
-}
-
-.c50[disabled] {
- cursor: not-allowed;
- pointer-events: none;
-}
-
-.c50:focus {
- background-color: rgb(255,255,255);
- border-color: rgb(216,216,216);
-}
-
-.c50:hover {
- background-color: rgb(247,247,247);
- border-color: rgb(216,216,216);
-}
-
-.c50:active,
-.c50:active:hover,
-.c50:active:focus {
- background-color: rgb(230,230,230);
- border-color: rgb(216,216,216);
-}
-
-.c50:focus {
- background-color: rgb(250,250,250);
- border-color: rgb(216,216,216);
-}
-
-.c50:hover {
- background-color: rgb(250,250,250);
- border-color: rgb(250,250,250);
-}
-
-.c50:active,
-.c50:active:hover,
-.c50:active:focus {
- background-color: rgb(250,250,250);
- border-color: rgb(250,250,250);
-}
-
-.c50 svg + span {
- margin-left: 0.75rem;
-}
-
-.c50 svg {
- max-height: 1.125rem;
-}
-
-.c51 {
- 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;
- 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);
- 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;
-}
-
.c51:focus {
outline: 0;
text-decoration: none;
@@ -8710,7 +8658,7 @@ exports[`renders
without throwing
max-height: 1.125rem;
}
-.c53 {
+.c52 {
box-sizing: border-box;
display: inline-block;
-webkit-box-pack: center;
@@ -8751,18 +8699,11 @@ exports[`renders
without throwing
-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.5625rem 1.125rem;
- font-size: 0.8125rem;
- min-width: 0rem;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
@@ -8771,93 +8712,73 @@ exports[`renders
without throwing
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
- float: right;
}
-.c53:focus {
+.c52:focus {
outline: 0;
text-decoration: none;
background-color: rgb(59,70,204);
border-color: rgb(45,56,132);
}
-.c53:hover {
+.c52:hover {
background-color: rgb(72,83,217);
border: solid 0.0625rem rgb(45,56,132);
}
-.c53:active,
-.c53:active:hover,
-.c53:active:focus {
+.c52:active,
+.c52:active:hover,
+.c52:active:focus {
background-image: none;
outline: 0;
background-color: rgb(45,56,132);
border-color: rgb(45,56,132);
}
-.c53[disabled] {
+.c52[disabled] {
cursor: not-allowed;
pointer-events: none;
}
-.c53:focus {
+.c52:focus {
background-color: rgb(255,255,255);
border-color: rgb(216,216,216);
}
-.c53:hover {
+.c52:hover {
background-color: rgb(247,247,247);
border-color: rgb(216,216,216);
}
-.c53:active,
-.c53:active:hover,
-.c53:active:focus {
+.c52:active,
+.c52:active:hover,
+.c52:active:focus {
background-color: rgb(230,230,230);
border-color: rgb(216,216,216);
}
-.c53:focus {
- color: rgb(205,37,27);
- background-color: rgb(255,255,255);
- border-color: rgb(205,37,27);
-}
-
-.c53:hover {
- color: rgb(205,37,27);
- background-color: rgb(255,255,255);
- border-color: rgb(205,37,27);
-}
-
-.c53:active,
-.c53:active:hover,
-.c53:active:focus {
- background-color: rgba(210,67,58,0.1);
- border-color: rgb(205,37,27);
-}
-
-.c53:focus {
+.c52:focus {
background-color: rgb(250,250,250);
border-color: rgb(216,216,216);
}
-.c53:hover {
+.c52:hover {
background-color: rgb(250,250,250);
border-color: rgb(250,250,250);
}
-.c53:active,
-.c53:active:hover,
-.c53:active:focus {
+.c52:active,
+.c52:active:hover,
+.c52:active:focus {
background-color: rgb(250,250,250);
border-color: rgb(250,250,250);
}
-.c53 svg + span {
+.c52 svg + span {
margin-left: 0.75rem;
}
-.c53 svg {
+.c52 svg {
max-height: 1.125rem;
}
@@ -8911,6 +8832,9 @@ exports[`renders
without throwing
color: rgb(216,216,216);
background-color: rgb(250,250,250);
border-color: rgb(216,216,216);
+ padding: 0.5625rem 1.125rem;
+ font-size: 0.8125rem;
+ min-width: 0rem;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
@@ -9009,7 +8933,7 @@ exports[`renders
without throwing
max-height: 1.125rem;
}
-.c48 {
+.c55 {
box-sizing: border-box;
display: inline-block;
-webkit-box-pack: center;
@@ -9050,9 +8974,15 @@ exports[`renders
without throwing
-webkit-text-fill-color: currentcolor;
background-color: rgb(255,255,255);
border-color: rgb(216,216,216);
- padding: 0.5625rem 1.125rem;
- font-size: 0.8125rem;
- min-width: 0rem;
+ 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;
@@ -9061,56 +8991,93 @@ exports[`renders
without throwing
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
+ float: right;
}
-.c48:focus {
+.c55:focus {
outline: 0;
text-decoration: none;
background-color: rgb(59,70,204);
border-color: rgb(45,56,132);
}
-.c48:hover {
+.c55:hover {
background-color: rgb(72,83,217);
border: solid 0.0625rem rgb(45,56,132);
}
-.c48:active,
-.c48:active:hover,
-.c48:active:focus {
+.c55:active,
+.c55:active:hover,
+.c55:active:focus {
background-image: none;
outline: 0;
background-color: rgb(45,56,132);
border-color: rgb(45,56,132);
}
-.c48[disabled] {
+.c55[disabled] {
cursor: not-allowed;
pointer-events: none;
}
-.c48:focus {
+.c55:focus {
background-color: rgb(255,255,255);
border-color: rgb(216,216,216);
}
-.c48:hover {
+.c55:hover {
background-color: rgb(247,247,247);
border-color: rgb(216,216,216);
}
-.c48:active,
-.c48:active:hover,
-.c48:active:focus {
+.c55:active,
+.c55:active:hover,
+.c55:active:focus {
background-color: rgb(230,230,230);
border-color: rgb(216,216,216);
}
-.c48 svg + span {
+.c55:focus {
+ color: rgb(205,37,27);
+ background-color: rgb(255,255,255);
+ border-color: rgb(205,37,27);
+}
+
+.c55:hover {
+ color: rgb(205,37,27);
+ background-color: rgb(255,255,255);
+ border-color: rgb(205,37,27);
+}
+
+.c55:active,
+.c55:active:hover,
+.c55:active:focus {
+ background-color: rgba(210,67,58,0.1);
+ border-color: rgb(205,37,27);
+}
+
+.c55:focus {
+ background-color: rgb(250,250,250);
+ border-color: rgb(216,216,216);
+}
+
+.c55:hover {
+ background-color: rgb(250,250,250);
+ border-color: rgb(250,250,250);
+}
+
+.c55:active,
+.c55:active:hover,
+.c55:active:focus {
+ background-color: rgb(250,250,250);
+ border-color: rgb(250,250,250);
+}
+
+.c55 svg + span {
margin-left: 0.75rem;
}
-.c48 svg {
+.c55 svg {
max-height: 1.125rem;
}
@@ -9155,6 +9122,9 @@ exports[`renders
without throwing
-webkit-text-fill-color: currentcolor;
background-color: rgb(255,255,255);
border-color: rgb(216,216,216);
+ padding: 0.5625rem 1.125rem;
+ font-size: 0.8125rem;
+ min-width: 0rem;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
@@ -9216,6 +9186,108 @@ exports[`renders
without throwing
max-height: 1.125rem;
}
+.c50 {
+ 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;
+ 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);
+ 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;
+}
+
+.c50:focus {
+ outline: 0;
+ text-decoration: none;
+ background-color: rgb(59,70,204);
+ border-color: rgb(45,56,132);
+}
+
+.c50:hover {
+ background-color: rgb(72,83,217);
+ border: solid 0.0625rem rgb(45,56,132);
+}
+
+.c50:active,
+.c50:active:hover,
+.c50:active:focus {
+ background-image: none;
+ outline: 0;
+ background-color: rgb(45,56,132);
+ border-color: rgb(45,56,132);
+}
+
+.c50[disabled] {
+ cursor: not-allowed;
+ pointer-events: none;
+}
+
+.c50:focus {
+ background-color: rgb(255,255,255);
+ border-color: rgb(216,216,216);
+}
+
+.c50:hover {
+ background-color: rgb(247,247,247);
+ border-color: rgb(216,216,216);
+}
+
+.c50:active,
+.c50:active:hover,
+.c50:active:focus {
+ background-color: rgb(230,230,230);
+ border-color: rgb(216,216,216);
+}
+
+.c50 svg + span {
+ margin-left: 0.75rem;
+}
+
+.c50 svg {
+ max-height: 1.125rem;
+}
+
.c5 {
font-size: 0.9375rem;
line-height: 1.125rem;
@@ -9239,7 +9311,7 @@ exports[`renders
without throwing
padding-bottom: 1.125rem;
}
-.c45 {
+.c46 {
margin-right: auto;
margin-left: auto;
box-sizing: border-box;
@@ -9280,7 +9352,7 @@ exports[`renders
without throwing
margin-left: -0.625rem;
}
-.c46 {
+.c47 {
box-sizing: border-box;
display: -webkit-box;
display: -webkit-flex;
@@ -9319,7 +9391,7 @@ exports[`renders
without throwing
display: block;
}
-.c47 {
+.c48 {
box-sizing: border-box;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
@@ -9329,7 +9401,7 @@ exports[`renders
without throwing
display: block;
}
-.c52 {
+.c53 {
box-sizing: border-box;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
@@ -9339,6 +9411,27 @@ exports[`renders
without throwing
display: block;
}
+.c36 {
+ color: rgba(73,73,73,1);
+ font-weight: 700;
+ line-height: 1.5rem;
+ font-size: 0.9375rem;
+ margin: 0;
+}
+
+.c36 + p,
+.c36 + small,
+.c36 + h1,
+.c36 + h2,
+.c36 + label,
+.c36 + h3,
+.c36 + h4,
+.c36 + h5,
+.c36 + div,
+.c36 + span {
+ padding-bottom: 2.25rem;
+}
+
.c1 {
background-color: rgb(216,216,216);
margin: 0;
@@ -9360,7 +9453,7 @@ exports[`renders
without throwing
height: 1.25rem;
}
-.c44 {
+.c45 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
@@ -9392,9 +9485,9 @@ exports[`renders
without throwing
bottom: 0;
}
-.c39 {
- width: 0.375rem;
- height: 0.375rem;
+.c40 {
+ width: 0.75rem;
+ height: 0.75rem;
border-radius: 50%;
background-color: rgb(0,152,88);
display: inline-block;
@@ -9568,7 +9661,7 @@ exports[`renders
without throwing
outline: 0;
}
-.c43 {
+.c44 {
cursor: pointer;
height: 100%;
width: 100%;
@@ -9812,30 +9905,6 @@ exports[`renders
without throwing
border-right-width: 0;
}
-.c40 {
- border-width: 0.0625rem;
- border-style: solid;
- border-color: rgb(216,216,216);
- border-spacing: 0;
- white-space: nowrap;
- box-sizing: border-box;
- padding: 0 1.5rem;
- height: 3.75rem;
- width: 0rem;
- display: none;
- vertical-align: middle;
- text-align: left;
- border-bottom-width: 0;
-}
-
-.c40:not(:first-child) {
- border-left-width: 0;
-}
-
-.c40:not(:last-child) {
- border-right-width: 0;
-}
-
.c41 {
border-width: 0.0625rem;
border-style: solid;
@@ -9869,8 +9938,11 @@ exports[`renders
without throwing
box-sizing: border-box;
padding: 0 1.5rem;
height: 3.75rem;
+ width: 0rem;
+ display: none;
+ vertical-align: middle;
+ text-align: left;
border-bottom-width: 0;
- border-left-width: 0.0625rem !important;
}
.c42:not(:first-child) {
@@ -9881,6 +9953,27 @@ exports[`renders
without throwing
border-right-width: 0;
}
+.c43 {
+ border-width: 0.0625rem;
+ border-style: solid;
+ border-color: rgb(216,216,216);
+ border-spacing: 0;
+ white-space: nowrap;
+ box-sizing: border-box;
+ padding: 0 1.5rem;
+ height: 3.75rem;
+ border-bottom-width: 0;
+ border-left-width: 0.0625rem !important;
+}
+
+.c43:not(:first-child) {
+ border-left-width: 0;
+}
+
+.c43:not(:last-child) {
+ border-right-width: 0;
+}
+
.c17 {
display: table-row;
color: rgba(73,73,73,1);
@@ -9917,6 +10010,11 @@ exports[`renders
without throwing
border-bottom-width: 0.0625rem;
}
+.c37 {
+ color: rgba(73,73,73,1);
+ text-decoration: none;
+}
+
@media only screen and (min-width:48em) {
.c0 {
width: 46rem;
@@ -9943,32 +10041,32 @@ exports[`renders
without throwing
}
@media only screen and (min-width:48em) {
- .c45 {
+ .c46 {
width: 46rem;
}
}
@media only screen and (min-width:64em) {
- .c45 {
+ .c46 {
width: 56rem;
}
}
@media only screen and (min-width:75em) {
- .c45 {
+ .c46 {
width: 59rem;
}
}
@media only screen and (max-width:47.9375rem) {
- .c45 {
+ .c46 {
padding-left: 0.375rem;
padding-right: 0.375rem;
}
}
@media only screen and (min-width:0em) {
- .c46 {
+ .c47 {
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
@@ -9977,7 +10075,7 @@ exports[`renders
without throwing
}
@media only screen and (min-width:0em) {
- .c46 {
+ .c47 {
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
@@ -10022,7 +10120,7 @@ exports[`renders
without throwing
}
@media only screen and (min-width:0em) {
- .c47 {
+ .c48 {
-webkit-flex-basis: 58.333333333333336%;
-ms-flex-preferred-size: 58.333333333333336%;
flex-basis: 58.333333333333336%;
@@ -10031,7 +10129,7 @@ exports[`renders
without throwing
}
@media only screen and (min-width:0em) {
- .c52 {
+ .c53 {
-webkit-flex-basis: 41.66666666666667%;
-ms-flex-preferred-size: 41.66666666666667%;
flex-basis: 41.66666666666667%;
@@ -10054,14 +10152,14 @@ exports[`renders
without throwing
}
@media only screen and (min-width:47.9375rem) {
- .c40 {
+ .c41 {
width: 10rem;
display: table-cell;
}
}
@media only screen and (min-width:47.9375rem) {
- .c41 {
+ .c42 {
width: 8.125rem;
display: table-cell;
}
@@ -10323,12 +10421,16 @@ exports[`renders
without throwing
name="td"
selected={undefined}
>
-
- 2252839a
-
+
+ 2252839a
+
+
without throwing
>
without throwing
almost NaN years
without throwing
without throwing
name="td"
selected={undefined}
>
-
- f1bd1730
-
+
+ f1bd1730
+
+
without throwing
>
without throwing
almost NaN years
without throwing
without throwing
-
-
- Cancel
-
-
-
-
- Create
-
-
-
-
-
-
-
- Remove
-
-
+
+ Cancel
+
+
+
+
+ Create
+
+
+
@@ -1943,10 +1951,10 @@ exports[`renders
without throwing 1`] = `
0
key:value pair
@@ -3127,6 +3135,10 @@ exports[`renders
-
-
- Cancel
-
-
-
-
- Save
-
-
-
-
-
-
-
- Remove
-
-
+
+ Cancel
+
+
+
+
+ Save
+
+
+
@@ -4951,61 +4967,65 @@ exports[`renders
-
-
- Cancel
-
-
-
-
- Save
-
-
-
-
-
-
-
- Remove
-
-
+
+ Cancel
+
+
+
+
+ Save
+
+
+
-
-
- Cancel
-
-
-
-
- Save
-
-
-
-
-
-
+ Cancel
+
+
+
+
+ Save
+
+
+
+
+
+
-
-
+
+
+
+
-
-
- Cancel
-
-
-
-
- Create
-
-
-
-
-
-
-
- Remove
-
-
+
+ Cancel
+
+
+
+
+ Create
+
+
+
0
tag
@@ -1943,7 +1951,7 @@ exports[`renders
`;
@@ -2461,10 +2469,14 @@ exports[`renders
-
-
- Cancel
-
-
-
-
- Save
-
-
-
-
-
-
-
- Remove
-
-
+
+ Cancel
+
+
+
+
+ Save
+
+
+
0
tag
@@ -3929,7 +3945,7 @@ exports[`renders
`;
@@ -3939,10 +3955,14 @@ exports[`renders
-
-
- Cancel
-
-
-
-
- Save
-
-
-
-
-
-
+ Cancel
+
+
+
+
+ Save
+
+
+
+
+
+
-
-
+
+
+
+
0
tag
@@ -5491,7 +5515,7 @@ exports[`renders
`;
diff --git a/packages/my-joy-beta/src/containers/instances/__tests__/firewall.spec.js b/packages/my-joy-beta/src/containers/instances/__tests__/firewall.spec.js
index 3f2f485e..cec6cb89 100644
--- a/packages/my-joy-beta/src/containers/instances/__tests__/firewall.spec.js
+++ b/packages/my-joy-beta/src/containers/instances/__tests__/firewall.spec.js
@@ -1,3 +1,4 @@
+/* eslint-disable camelcase */
import React, { Fragment } from 'react';
import renderer from 'react-test-renderer';
import 'jest-styled-components';
@@ -173,13 +174,8 @@ it('renders
- rule_obj.tags.length)}
- />
- rule_obj.tags.length)}
- inactive
- />
+ rule_obj.tags.length)} />
+ rule_obj.tags.length)} inactive />
rule_obj.tags.length)}
enabled
@@ -198,21 +194,13 @@ it('renders
+ rule_obj.tags.length)} />
rule_obj.tags.length
- )}
- />
- rule_obj.tags.length
- )}
+ defaultRules={rules.filter(({ rule_obj }) => rule_obj.tags.length)}
inactive
/>
rule_obj.tags.length
- )}
+ defaultRules={rules.filter(({ rule_obj }) => rule_obj.tags.length)}
enabled
inactive
/>
diff --git a/packages/my-joy-beta/src/containers/instances/__tests__/firewall.ui.js b/packages/my-joy-beta/src/containers/instances/__tests__/firewall.ui.js
index 7963904e..edf15d85 100644
--- a/packages/my-joy-beta/src/containers/instances/__tests__/firewall.ui.js
+++ b/packages/my-joy-beta/src/containers/instances/__tests__/firewall.ui.js
@@ -1,3 +1,4 @@
+/* eslint-disable camelcase */
import React, { Fragment } from 'react';
import { toMatchImageSnapshot } from 'jest-image-snapshot';
import screenshot from 'react-screenshot-renderer';
@@ -166,13 +167,8 @@ it('
- rule_obj.tags.length)}
- />
- rule_obj.tags.length)}
- inactive
- />
+ rule_obj.tags.length)} />
+ rule_obj.tags.length)} inactive />
rule_obj.tags.length)}
enabled
@@ -189,13 +185,8 @@ it('
- rule_obj.tags.length)}
- />
- rule_obj.tags.length)}
- inactive
- />
+ rule_obj.tags.length)} />
+ rule_obj.tags.length)} inactive />
rule_obj.tags.length)}
enabled
diff --git a/packages/my-joy-beta/src/containers/instances/__tests__/networks.spec.js b/packages/my-joy-beta/src/containers/instances/__tests__/networks.spec.js
index 6769e7c0..d8c44b23 100644
--- a/packages/my-joy-beta/src/containers/instances/__tests__/networks.spec.js
+++ b/packages/my-joy-beta/src/containers/instances/__tests__/networks.spec.js
@@ -1,3 +1,4 @@
+/* eslint-disable camelcase */
import React from 'react';
import renderer from 'react-test-renderer';
import 'jest-styled-components';
diff --git a/packages/my-joy-beta/src/containers/instances/__tests__/networks.ui.js b/packages/my-joy-beta/src/containers/instances/__tests__/networks.ui.js
index 0cbf879b..7ad11da6 100644
--- a/packages/my-joy-beta/src/containers/instances/__tests__/networks.ui.js
+++ b/packages/my-joy-beta/src/containers/instances/__tests__/networks.ui.js
@@ -1,3 +1,4 @@
+/* eslint-disable camelcase */
import React from 'react';
import { toMatchImageSnapshot } from 'jest-image-snapshot';
import screenshot from 'react-screenshot-renderer';
diff --git a/packages/my-joy-beta/src/containers/instances/firewall.js b/packages/my-joy-beta/src/containers/instances/firewall.js
index fb5348f9..5b515f9e 100644
--- a/packages/my-joy-beta/src/containers/instances/firewall.js
+++ b/packages/my-joy-beta/src/containers/instances/firewall.js
@@ -1,3 +1,4 @@
+/* eslint-disable camelcase */
import React, { Fragment } from 'react';
import intercept from 'apr-intercept';
import { connect } from 'react-redux';
diff --git a/packages/my-joy-beta/src/containers/instances/resize.js b/packages/my-joy-beta/src/containers/instances/resize.js
new file mode 100644
index 00000000..30da577d
--- /dev/null
+++ b/packages/my-joy-beta/src/containers/instances/resize.js
@@ -0,0 +1,14 @@
+import React from 'react';
+
+import {
+ ViewContainer
+} from 'joyent-ui-toolkit';
+
+
+export const Resize = () => (
+
+ Resize
+
+);
+
+export default Resize;
diff --git a/packages/my-joy-beta/src/containers/instances/snapshots.js b/packages/my-joy-beta/src/containers/instances/snapshots.js
index 7cfc07a0..23fa6888 100644
--- a/packages/my-joy-beta/src/containers/instances/snapshots.js
+++ b/packages/my-joy-beta/src/containers/instances/snapshots.js
@@ -78,14 +78,11 @@ const Snapshots = ({
const _createSnapshot =
!loading && createSnapshotOpen ? (
-
- {props => (
- toggleCreateSnapshotOpen(false)}
- />
- )}
-
+
+
+ {props => toggleCreateSnapshotOpen(false)} />}
+
+
) : null;
const _footer =
@@ -100,10 +97,12 @@ const Snapshots = ({
) : null;
const _mutationError = mutationError ? (
-
- Ooops!
- {mutationError}
-
+
+
+ Ooops!
+ {mutationError}
+
+
) : null;
const _items = !_loading ? (
@@ -166,9 +165,7 @@ export default compose(
const snapshots = get(instance, 'snapshots', []);
- const index = GenIndex(
- snapshots.map(({ name, ...rest }) => ({ ...rest, id: name }))
- );
+ const index = GenIndex(snapshots.map(({ name, ...rest }) => ({ ...rest, id: name })));
return {
index,
@@ -267,23 +264,17 @@ export default compose(
// none are selected, toggle to all
if (!hasSelected) {
- return dispatch(
- snapshots.map(({ name }) => change(TABLE_FORM_NAME, name, true))
- );
+ return dispatch(snapshots.map(({ name }) => change(TABLE_FORM_NAME, name, true)));
}
// all are selected, toggle to none
if (hasSelected && same) {
- return dispatch(
- snapshots.map(({ name }) => change(TABLE_FORM_NAME, name, false))
- );
+ return dispatch(snapshots.map(({ name }) => change(TABLE_FORM_NAME, name, false)));
}
// some are selected, toggle to all
if (hasSelected && !same) {
- return dispatch(
- snapshots.map(({ name }) => change(TABLE_FORM_NAME, name, true))
- );
+ return dispatch(snapshots.map(({ name }) => change(TABLE_FORM_NAME, name, true)));
}
},
@@ -332,9 +323,7 @@ export default compose(
// wait for everything to finish and catch the error
const [err] = await intercept(
- Promise.resolve(
- dispatch([flipSubmitTrue, setIngTrue, ...setMutatingTrue])
- ).then(() => {
+ Promise.resolve(dispatch([flipSubmitTrue, setIngTrue, ...setMutatingTrue])).then(() => {
// starts all the mutations for all the selected items
return Promise.all(
selected.map(({ name }) =>
@@ -362,16 +351,11 @@ export default compose(
// when action === remove, let it stay spinning
const setMutatingFalse =
name !== 'remove' &&
- selected.map(({ id }) =>
- set({ name: `${id}-mutating`, value: false })
- );
+ selected.map(({ id }) => set({ name: `${id}-mutating`, value: false }));
- const actions = [
- flipSubmitFalse,
- clearSelected,
- setIngFalse,
- ...setMutatingFalse
- ].filter(Boolean);
+ const actions = [flipSubmitFalse, clearSelected, setIngFalse, ...setMutatingFalse].filter(
+ Boolean
+ );
// refetch list - even though we poll anyway - after clearing everything
return Promise.resolve(dispatch(actions)).then(() => refetch());
diff --git a/packages/my-joy-beta/src/containers/navigation/__tests__/__image_snapshots__/breadcrumb-ui-js-breadcrumb-1-snap.png b/packages/my-joy-beta/src/containers/navigation/__tests__/__image_snapshots__/breadcrumb-ui-js-breadcrumb-1-snap.png
index 59b49944..abef8741 100644
Binary files a/packages/my-joy-beta/src/containers/navigation/__tests__/__image_snapshots__/breadcrumb-ui-js-breadcrumb-1-snap.png and b/packages/my-joy-beta/src/containers/navigation/__tests__/__image_snapshots__/breadcrumb-ui-js-breadcrumb-1-snap.png differ
diff --git a/packages/my-joy-beta/src/containers/navigation/__tests__/__image_snapshots__/breadcrumb-ui-js-breadcrumb-match-1-snap.png b/packages/my-joy-beta/src/containers/navigation/__tests__/__image_snapshots__/breadcrumb-ui-js-breadcrumb-match-1-snap.png
index b598f285..abb11ab8 100644
Binary files a/packages/my-joy-beta/src/containers/navigation/__tests__/__image_snapshots__/breadcrumb-ui-js-breadcrumb-match-1-snap.png and b/packages/my-joy-beta/src/containers/navigation/__tests__/__image_snapshots__/breadcrumb-ui-js-breadcrumb-match-1-snap.png differ
diff --git a/packages/ui-toolkit/package.json b/packages/ui-toolkit/package.json
index 2ee079ba..a0ab2ffb 100644
--- a/packages/ui-toolkit/package.json
+++ b/packages/ui-toolkit/package.json
@@ -7,8 +7,8 @@
"jsnext:main": "dist/es/index.js",
"module": "dist/es/index.js",
"scripts": {
- "lint-ci": "eslint . --ext .js --ext .md",
- "lint": "eslint . --fix --ext .js --ext .md",
+ "lint-ci": "eslint . --ext .js",
+ "lint": "eslint . --fix --ext .js",
"test-ci": "redrun test",
"test": "NODE_ENV=test joyent-react-scripts test --env=jsdom",
"compile:es": "babel src --out-dir dist/es --ignore spec.js",
diff --git a/packages/ui-toolkit/src/form/select.js b/packages/ui-toolkit/src/form/select.js
index 7abd0870..eaf43b78 100644
--- a/packages/ui-toolkit/src/form/select.js
+++ b/packages/ui-toolkit/src/form/select.js
@@ -78,7 +78,7 @@ const StyledSelect = select.extend`
border-radius: 0;
background: transparent;
padding: 0;
- padding-right: ${remcalc(12)};
+ padding-right: ${remcalc(16)};
display: inline;
height: ${remcalc(24)};
appearance: none;
diff --git a/packages/ui-toolkit/src/text/sup.js b/packages/ui-toolkit/src/text/sup.js
index 1e2a45f9..da3f398f 100644
--- a/packages/ui-toolkit/src/text/sup.js
+++ b/packages/ui-toolkit/src/text/sup.js
@@ -3,8 +3,8 @@ import remcalc from 'remcalc';
import is from 'styled-is';
export default styled.sup`
- position: relative;
- bottom: 0.5em;
+ position: absolute;
+ margin-top: ${remcalc(-20)};
border-radius: ${remcalc(3)};
font-weight: ${props => props.theme.font.weight.semibold};
line-height: normal;