diff --git a/bundle/package.json b/bundle/package.json index 1ed9c543..af9247ee 100644 --- a/bundle/package.json +++ b/bundle/package.json @@ -12,9 +12,9 @@ "prepublish": "echo 0" }, "dependencies": { - "apr-main": "^4.0.2", + "apr-main": "^4.0.3", "brule": "^3.1.0", - "cloudapi-gql": "^4.5.0", + "cloudapi-gql": "^4.5.1", "hapi": "^17.2.0", "inert": "^5.1.0", "joyent-navigation": "^1.0.0", diff --git a/package.json b/package.json index 2b1e790d..d9bd078f 100644 --- a/package.json +++ b/package.json @@ -65,11 +65,26 @@ "yargs": "^10.0.3" }, "resolutions": { - "styled-components": "2.4.0", + "styled-components": "3.1.3", + "axios": "0.16.2", + "follow-redirects": "1.4.1", + "debug": "3.1.0", + "node-fetch": "1.7.3", + "ansi-styles": "3.2.0", + "strip-ansi": "4.0.0", + "supports-color": "4.5.0", + "ansi-regex": "3.0.0", + "core-js": "2.5.3", + "regenerator-runtime": "0.11.1", + "pify": "3.0.0", + "has-flag": "2.0.0", + "parse-json": "3.0.0", "hoist-non-react-statics": "2.3.1", + "stylis-rule-sheet": "0.0.7", "react": "16.2.0", "breeze-nexttick": "0.2.1", - "zen-observable": "0.7.1" + "zen-observable": "0.7.1", + "styled-is": "1.1.2" }, "workspaces": [ "packages/*", diff --git a/packages/icons/package.json b/packages/icons/package.json index 947f7433..3a1bc4de 100644 --- a/packages/icons/package.json +++ b/packages/icons/package.json @@ -18,16 +18,16 @@ "prepublish": "NODE_ENV=production npm run compile" }, "dependencies": { - "remcalc": "^1.0.9", - "rnd-id": "^2.0.0", - "styled-components": "^2.3.0" + "remcalc": "^1.0.10", + "rnd-id": "^2.0.2", + "styled-components": "^3.1.2" }, "devDependencies": { "babel-cli": "^6.26.0", - "babel-preset-joyent-portal": "^6.0.1", - "eslint": "^4.13.1", - "eslint-config-joyent-portal": "^3.2.0", - "joyent-react-scripts": "^7.2.0", + "babel-preset-joyent-portal": "^6.0.3", + "eslint": "^4.16.0", + "eslint-config-joyent-portal": "^3.3.1", + "joyent-react-scripts": "^7.2.2", "react": "^16.2.0", "redrun": "^5.10.0" }, diff --git a/packages/my-joy-beta/package.json b/packages/my-joy-beta/package.json index c0a3a8af..2c4d6587 100644 --- a/packages/my-joy-beta/package.json +++ b/packages/my-joy-beta/package.json @@ -18,13 +18,13 @@ "dependencies": { "@manaflair/redux-batch": "^0.1.0", "apollo": "^0.2.2", - "apr-intercept": "^3.0.2", + "apr-intercept": "^3.0.3", "bytes": "^3.0.0", - "clipboard-copy": "^1.2.0", + "clipboard-copy": "^1.2.1", "constant-case": "^2.0.0", "date-fns": "^1.29.0", "declarative-redux-form": "^2.0.8", - "joyent-manifest-editor": "1.4.0", + "joyent-manifest-editor": "3.0.1", "joyent-ui-toolkit": "^4.5.0", "lodash.find": "^4.6.0", "lodash.get": "^4.4.2", @@ -38,7 +38,7 @@ "lodash.uniqby": "^4.7.0", "lunr": "^2.1.5", "mz": "^2.7.0", - "normalized-styled-components": "^1.0.17", + "normalized-styled-components": "^1.0.18", "param-case": "^2.1.1", "prop-types": "^15.6.0", "punycode": "^2.1.0", @@ -51,21 +51,21 @@ "react-router-dom": "^4.2.2", "redux": "^3.7.2", "redux-actions": "^2.2.1", - "redux-form": "^7.2.0", - "remcalc": "^1.0.9", - "styled-components": "^2.4.0", + "redux-form": "^7.2.1", + "remcalc": "^1.0.10", + "styled-components": "^3.1.2", "styled-components-spacing": "^2.1.3", "styled-flex-component": "^2.1.0", "title-case": "^2.1.1" }, "devDependencies": { - "babel-preset-joyent-portal": "^6.0.1", - "eslint": "^4.13.1", - "eslint-config-joyent-portal": "^3.2.0", + "babel-preset-joyent-portal": "^6.0.3", + "eslint": "^4.16.0", + "eslint-config-joyent-portal": "^3.3.1", "jest-image-snapshot": "^2.3.0", - "jest-styled-components": "^4.9.0", - "joyent-react-scripts": "^7.2.0", - "react-screenshot-renderer": "^1.1.0", + "jest-styled-components": "^4.11.0-0", + "joyent-react-scripts": "^7.2.2", + "react-screenshot-renderer": "^1.1.2", "react-test-renderer": "^16.2.0", "redrun": "^5.10.0" } diff --git a/packages/my-joy-beta/src/app.js b/packages/my-joy-beta/src/app.js index ae7ea607..80baa153 100644 --- a/packages/my-joy-beta/src/app.js +++ b/packages/my-joy-beta/src/app.js @@ -7,7 +7,6 @@ import { theme, RootContainer } from 'joyent-ui-toolkit'; import { client, store } from '@state/store'; import Router from '@root/router'; -import remcalc from 'remcalc'; const { NODE_ENV } = process.env; const IS_PRODUCTION = NODE_ENV === 'production'; @@ -19,40 +18,7 @@ const fullTheme = { href: !IS_PRODUCTION ? theme.font.href : () => - 'https://fonts.googleapis.com/css?family=Libre+Franklin:400,500,600' - }, - flexboxgrid: { - gridSize: 12, // rem - gutterWidth: 1.25, // rem - outerMargin: 1.875, // rem - mediaQuery: 'only screen', - container: { - sm: 46, // rem - md: 56, // rem - lg: 59 // rem - }, - breakpoints: { - xs: 0, // em - sm: 48, // em - md: 64, // em - lg: 75 // em - } - }, - spacing: { - 0: remcalc(0), - 0.5: remcalc(3), - 1: remcalc(6), - 1.5: remcalc(9), - 2: remcalc(12), - 3: remcalc(18), - 4: remcalc(24), - 5: remcalc(30), - 6: remcalc(36), - 7: remcalc(42), - 8: remcalc(48), - 9: remcalc(54), - 10: remcalc(60), - '14px': remcalc(14) + 'https://fonts.googleapis.com/css?family=Libre+Franklin:400,500,600,700' } }; diff --git a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/cns-ui-js-add-service-form-1-snap.png b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/cns-ui-js-add-service-form-1-snap.png index 9e6a1026..8c5b37db 100644 Binary files a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/cns-ui-js-add-service-form-1-snap.png and b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/cns-ui-js-add-service-form-1-snap.png differ diff --git a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/cns-ui-js-add-service-form-pristine-1-snap.png b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/cns-ui-js-add-service-form-pristine-1-snap.png index 4e656555..44ca3e52 100644 Binary files a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/cns-ui-js-add-service-form-pristine-1-snap.png and b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/cns-ui-js-add-service-form-pristine-1-snap.png differ diff --git a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/cns-ui-js-header-1-snap.png b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/cns-ui-js-header-1-snap.png index a39d7bbd..54bd3fb8 100644 Binary files a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/cns-ui-js-header-1-snap.png and b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/cns-ui-js-header-1-snap.png differ diff --git a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/cns-ui-js-hostname-values-1-snap.png b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/cns-ui-js-hostname-values-1-snap.png index 9317a5fe..356bb9d9 100644 Binary files a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/cns-ui-js-hostname-values-1-snap.png and b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/cns-ui-js-hostname-values-1-snap.png differ diff --git a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/cns-ui-js-hostnames-header-1-snap.png b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/cns-ui-js-hostnames-header-1-snap.png index c81dbd02..419fe536 100644 Binary files a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/cns-ui-js-hostnames-header-1-snap.png and b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/cns-ui-js-hostnames-header-1-snap.png differ diff --git a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/firewall-ui-js-default-rules-1-snap.png b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/firewall-ui-js-default-rules-1-snap.png index a03d6339..c64ac6e7 100644 Binary files a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/firewall-ui-js-default-rules-1-snap.png and b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/firewall-ui-js-default-rules-1-snap.png differ diff --git a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/firewall-ui-js-default-rules-rules-1-snap.png b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/firewall-ui-js-default-rules-rules-1-snap.png index db45019c..8c017070 100644 Binary files a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/firewall-ui-js-default-rules-rules-1-snap.png and b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/firewall-ui-js-default-rules-rules-1-snap.png differ diff --git a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/firewall-ui-js-firewall-1-snap.png b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/firewall-ui-js-firewall-1-snap.png index 68f3e021..ca8b8a7c 100644 Binary files a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/firewall-ui-js-firewall-1-snap.png and b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/firewall-ui-js-firewall-1-snap.png differ diff --git a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/firewall-ui-js-firewall-default-rules-1-snap.png b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/firewall-ui-js-firewall-default-rules-1-snap.png index bdafcd40..532f9c3f 100644 Binary files a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/firewall-ui-js-firewall-default-rules-1-snap.png and b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/firewall-ui-js-firewall-default-rules-1-snap.png differ diff --git a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/firewall-ui-js-firewall-enabled-1-snap.png b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/firewall-ui-js-firewall-enabled-1-snap.png index 6005babe..524d8fd2 100644 Binary files a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/firewall-ui-js-firewall-enabled-1-snap.png and b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/firewall-ui-js-firewall-enabled-1-snap.png differ diff --git a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/firewall-ui-js-firewall-tag-rules-1-snap.png b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/firewall-ui-js-firewall-tag-rules-1-snap.png index 5ca6d397..7938da5e 100644 Binary files a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/firewall-ui-js-firewall-tag-rules-1-snap.png and b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/firewall-ui-js-firewall-tag-rules-1-snap.png differ diff --git a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/firewall-ui-js-rules-rules-1-snap.png b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/firewall-ui-js-rules-rules-1-snap.png index 6c6c224d..c703cca9 100644 Binary files a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/firewall-ui-js-rules-rules-1-snap.png and b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/firewall-ui-js-rules-rules-1-snap.png differ diff --git a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/firewall-ui-js-tag-rules-1-snap.png b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/firewall-ui-js-tag-rules-1-snap.png index 6517c7b6..e9eab2e3 100644 Binary files a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/firewall-ui-js-tag-rules-1-snap.png and b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/firewall-ui-js-tag-rules-1-snap.png differ diff --git a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/firewall-ui-js-tag-rules-rules-1-snap.png b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/firewall-ui-js-tag-rules-rules-1-snap.png index 20326968..866ed363 100644 Binary files a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/firewall-ui-js-tag-rules-rules-1-snap.png and b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/firewall-ui-js-tag-rules-rules-1-snap.png differ diff --git a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/firewall-ui-js-toggle-firewall-form-1-snap.png b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/firewall-ui-js-toggle-firewall-form-1-snap.png index aeff0a01..fd520a55 100644 Binary files a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/firewall-ui-js-toggle-firewall-form-1-snap.png and b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/firewall-ui-js-toggle-firewall-form-1-snap.png differ diff --git a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/firewall-ui-js-toggle-firewall-form-submitting-1-snap.png b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/firewall-ui-js-toggle-firewall-form-submitting-1-snap.png index 598dd1c5..5cd46520 100644 Binary files a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/firewall-ui-js-toggle-firewall-form-submitting-1-snap.png and b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/firewall-ui-js-toggle-firewall-form-submitting-1-snap.png differ diff --git a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/firewall-ui-js-toggle-inactive-form-1-snap.png b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/firewall-ui-js-toggle-inactive-form-1-snap.png index 83272e73..728f2128 100644 Binary files a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/firewall-ui-js-toggle-inactive-form-1-snap.png and b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/firewall-ui-js-toggle-inactive-form-1-snap.png differ diff --git a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/key-value-ui-js-key-value-1-snap.png b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/key-value-ui-js-key-value-1-snap.png index 9560dbb5..b702716a 100644 Binary files a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/key-value-ui-js-key-value-1-snap.png and b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/key-value-ui-js-key-value-1-snap.png differ diff --git a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/key-value-ui-js-key-value-expanded-false-1-snap.png b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/key-value-ui-js-key-value-expanded-false-1-snap.png index 13d3e680..63b0e5e9 100644 Binary files a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/key-value-ui-js-key-value-expanded-false-1-snap.png and b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/key-value-ui-js-key-value-expanded-false-1-snap.png differ diff --git a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/key-value-ui-js-key-value-input-input-1-snap.png b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/key-value-ui-js-key-value-input-input-1-snap.png index 9560dbb5..b702716a 100644 Binary files a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/key-value-ui-js-key-value-input-input-1-snap.png and b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/key-value-ui-js-key-value-input-input-1-snap.png differ diff --git a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/key-value-ui-js-key-value-input-textarea-1-snap.png b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/key-value-ui-js-key-value-input-textarea-1-snap.png index 88304376..74139d97 100644 Binary files a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/key-value-ui-js-key-value-input-textarea-1-snap.png and b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/key-value-ui-js-key-value-input-textarea-1-snap.png differ diff --git a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/key-value-ui-js-key-value-method-add-1-snap.png b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/key-value-ui-js-key-value-method-add-1-snap.png index 9560dbb5..b702716a 100644 Binary files a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/key-value-ui-js-key-value-method-add-1-snap.png and b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/key-value-ui-js-key-value-method-add-1-snap.png differ diff --git a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/key-value-ui-js-key-value-method-edit-1-snap.png b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/key-value-ui-js-key-value-method-edit-1-snap.png index 4db25ef6..edc851b6 100644 Binary files a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/key-value-ui-js-key-value-method-edit-1-snap.png and b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/key-value-ui-js-key-value-method-edit-1-snap.png differ diff --git a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/key-value-ui-js-key-value-removing-1-snap.png b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/key-value-ui-js-key-value-removing-1-snap.png index a6e14148..b702716a 100644 Binary files a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/key-value-ui-js-key-value-removing-1-snap.png and b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/key-value-ui-js-key-value-removing-1-snap.png differ diff --git a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/key-value-ui-js-key-value-submitting-1-snap.png b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/key-value-ui-js-key-value-submitting-1-snap.png index a6e14148..67c51f21 100644 Binary files a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/key-value-ui-js-key-value-submitting-1-snap.png and b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/key-value-ui-js-key-value-submitting-1-snap.png differ diff --git a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/key-value-ui-js-key-value-type-tag-1-snap.png b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/key-value-ui-js-key-value-type-tag-1-snap.png index 95cc2ab0..5c644928 100644 Binary files a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/key-value-ui-js-key-value-type-tag-1-snap.png and b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/key-value-ui-js-key-value-type-tag-1-snap.png differ diff --git a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-1-snap.png b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-1-snap.png index 8ef05ccb..186ec096 100644 Binary files a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-1-snap.png and b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-1-snap.png differ diff --git a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-2-snap.png b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-2-snap.png index 31d6dba7..5c997d49 100644 Binary files a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-2-snap.png and b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-2-snap.png differ diff --git a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-1-snap.png b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-1-snap.png index c3b00564..b907d2e3 100644 Binary files a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-1-snap.png and b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-1-snap.png differ diff --git a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-2-snap.png b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-2-snap.png index 35fb6a27..06e13d30 100644 Binary files a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-2-snap.png and b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-2-snap.png differ diff --git a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-3-snap.png b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-3-snap.png index c3b00564..b907d2e3 100644 Binary files a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-3-snap.png and b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-3-snap.png differ diff --git a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-4-snap.png b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-4-snap.png index 35fb6a27..06e13d30 100644 Binary files a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-4-snap.png and b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-4-snap.png differ diff --git a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-fabric-1-snap.png b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-fabric-1-snap.png index 6d8284e2..6965264e 100644 Binary files a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-fabric-1-snap.png and b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-fabric-1-snap.png differ diff --git a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-fabric-2-snap.png b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-fabric-2-snap.png index c09f8ddc..d6efbae0 100644 Binary files a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-fabric-2-snap.png and b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-fabric-2-snap.png differ diff --git a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-info-expanded-1-snap.png b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-info-expanded-1-snap.png index aa525a37..71719890 100644 Binary files a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-info-expanded-1-snap.png and b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-info-expanded-1-snap.png differ diff --git a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-info-expanded-2-snap.png b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-info-expanded-2-snap.png index c09f8ddc..d6efbae0 100644 Binary files a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-info-expanded-2-snap.png and b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-info-expanded-2-snap.png differ diff --git a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-public-1-snap.png b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-public-1-snap.png index 5d367bb9..0058f68a 100644 Binary files a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-public-1-snap.png and b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-public-1-snap.png differ diff --git a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-public-2-snap.png b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-public-2-snap.png index 888e9730..f0a23cfc 100644 Binary files a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-public-2-snap.png and b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-public-2-snap.png differ diff --git a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-public-3-snap.png b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-public-3-snap.png index 888e9730..f0a23cfc 100644 Binary files a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-public-3-snap.png and b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-public-3-snap.png differ diff --git a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/tags-ui-js-renders-add-form-without-throwing-1-snap.png b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/tags-ui-js-renders-add-form-without-throwing-1-snap.png index 95cc2ab0..5c644928 100644 Binary files a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/tags-ui-js-renders-add-form-without-throwing-1-snap.png and b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/tags-ui-js-renders-add-form-without-throwing-1-snap.png differ diff --git a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/tags-ui-js-renders-edit-form-without-throwing-1-snap.png b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/tags-ui-js-renders-edit-form-without-throwing-1-snap.png index ef95fed4..4cb9d044 100644 Binary files a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/tags-ui-js-renders-edit-form-without-throwing-1-snap.png and b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/tags-ui-js-renders-edit-form-without-throwing-1-snap.png differ diff --git a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/tags-ui-js-renders-tag-name-value-without-throwing-1-snap.png b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/tags-ui-js-renders-tag-name-value-without-throwing-1-snap.png index 7e3ea9d4..63e45b6b 100644 Binary files a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/tags-ui-js-renders-tag-name-value-without-throwing-1-snap.png and b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/tags-ui-js-renders-tag-name-value-without-throwing-1-snap.png differ diff --git a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/tags-ui-js-renders-tag-without-throwing-1-snap.png b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/tags-ui-js-renders-tag-without-throwing-1-snap.png index be9b6a7d..c0843c6d 100644 Binary files a/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/tags-ui-js-renders-tag-without-throwing-1-snap.png and b/packages/my-joy-beta/src/components/__tests__/__image_snapshots__/tags-ui-js-renders-tag-without-throwing-1-snap.png differ diff --git a/packages/my-joy-beta/src/components/__tests__/__snapshots__/cns.spec.js.snap b/packages/my-joy-beta/src/components/__tests__/__snapshots__/cns.spec.js.snap index 1ea533ca..c1d4487c 100644 --- a/packages/my-joy-beta/src/components/__tests__/__snapshots__/cns.spec.js.snap +++ b/packages/my-joy-beta/src/components/__tests__/__snapshots__/cns.spec.js.snap @@ -2,7 +2,7 @@ exports[`renders without throwing 1`] = ` .c4 { - margin-left: 0.5rem; + margin-left: 0.75rem; } .c0 { @@ -267,7 +267,7 @@ exports[`renders without throwing 1`] = ` exports[`renders without throwing 1`] = ` .c4 { - margin-left: 0.5rem; + margin-left: 0.75rem; } .c0 { @@ -581,7 +581,7 @@ Array [ Hostnames , .c0 { - padding-bottom: 0.5rem; + padding-bottom: 0.75rem; } .c1 { @@ -620,11 +620,11 @@ exports[`renders without throwing 1`] = `null`; exports[`renders without throwing 1`] = ` .c0 { - margin-bottom: 2rem; + margin-bottom: 1.5rem; } .c5 { - margin-right: 0.25rem; + margin-right: 0.375rem; } .c1 { @@ -849,11 +849,11 @@ exports[`renders without throwing 1`] = ` exports[`renders without throwing 1`] = ` .c0 { - margin-top: 2rem; + margin-top: 1.5rem; } .c2 { - padding-bottom: 1rem; + padding-bottom: 1.125rem; } .c3 { diff --git a/packages/my-joy-beta/src/components/__tests__/__snapshots__/firewall.spec.js.snap b/packages/my-joy-beta/src/components/__tests__/__snapshots__/firewall.spec.js.snap index f5e29824..71b3d9ed 100644 --- a/packages/my-joy-beta/src/components/__tests__/__snapshots__/firewall.spec.js.snap +++ b/packages/my-joy-beta/src/components/__tests__/__snapshots__/firewall.spec.js.snap @@ -16,7 +16,7 @@ Array [ Default firewall rules , .c0 { - margin-top: 1rem; + margin-top: 1.125rem; }
, .c1 { - margin-bottom: 0.5rem; + margin-bottom: 0.75rem; } .c7 { - margin-right: undefined; + margin-right: 0.1875rem; } .c11 { - margin-top: 0.25rem; - margin-bottom: 0.25rem; -} - -.c14 { - margin-left: undefined; + margin-top: 0.1875rem; + margin-bottom: 0.1875rem; } .c15 { - margin-right: 0; - margin-bottom: 0; + margin-left: 0.1875rem; +} + +.c17 { + margin-right: 0rem; + margin-bottom: 0rem; } .c0 { - margin-top: 1rem; + margin-top: 1.125rem; } .c3 { - padding-top: undefined; - padding-right: 1rem; - padding-bottom: undefined; - padding-left: 1rem; + padding-top: 0.5625rem; + padding-right: 1.125rem; + padding-bottom: 0.5625rem; + padding-left: 1.125rem; } .c6 { @@ -109,7 +109,7 @@ Array [ flex-basis: 100%; } -.c9 { +.c10 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; @@ -149,6 +149,26 @@ Array [ flex-shrink: 1; } +.c12 { + color: rgba(73,73,73,1); + line-height: 1.5rem; + font-size: 0.9375rem; + margin: 0; +} + +.c12 + p, +.c12 + small, +.c12 + h1, +.c12 + h2, +.c12 + label, +.c12 + h3, +.c12 + h4, +.c12 + h5, +.c12 + div, +.c12 + span { + padding-bottom: 2.25rem; +} + .c4 { box-sizing: border-box; display: -webkit-box; @@ -164,8 +184,8 @@ Array [ -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; @@ -176,20 +196,41 @@ Array [ -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } -.c12 { +.c13 { box-sizing: border-box; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } -.c16 { +.c9 { + color: rgba(73,73,73,1); + font-weight: 700; + line-height: 1.5rem; + font-size: 0.9375rem; + margin: 0; +} + +.c9 + p, +.c9 + small, +.c9 + h1, +.c9 + h2, +.c9 + label, +.c9 + h3, +.c9 + h4, +.c9 + h5, +.c9 + div, +.c9 + span { + padding-bottom: 2.25rem; +} + +.c18 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; @@ -204,7 +245,55 @@ Array [ flex-grow: 1; } -.c17 { +.c2 { + 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); +} + +.c14 { + box-sizing: content-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex: 1 0 auto; + -ms-flex: 1 0 auto; + flex: 1 0 auto; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + position: relative; + border-width: 0.0625rem; + border-style: solid; + -webkit-transition: all 300ms ease; + transition: all 300ms ease; + color: rgba(73,73,73,1); + background-color: rgb(255,255,255); + border-color: rgb(216,216,216); + border-color: rgb(216,216,216); + background-color: rgb(250,250,250); + color: rgba(73,73,73,1); + cursor: default; +} + +.c19 { border: 0.0625rem solid rgb(216,216,216); box-sizing: border-box; border-radius: 0.1875rem; @@ -225,7 +314,7 @@ Array [ flex-grow: 1; } -.c10 { +.c16 { margin: 0; padding: 0; display: -webkit-box; @@ -238,21 +327,6 @@ Array [ flex-wrap: wrap; } -.c2 { - display: inline-block; - background-color: rgb(255,255,255); - border: 0.0625rem solid rgb(216,216,216); - min-width: 100%; -} - -.c13 { - display: inline-block; - background-color: rgb(255,255,255); - border: 0.0625rem solid rgb(216,216,216); - min-width: 100%; - color: rgb(151,151,151); -} - @media only screen and (min-width:0em) { .c5 { -webkit-flex-basis: 25%; @@ -264,7 +338,7 @@ Array [ } @media only screen and (min-width:0em) { - .c12 { + .c13 { -webkit-flex-basis: 16.666666666666668%; -ms-flex-preferred-size: 16.666666666666668%; flex-basis: 16.666666666666668%; @@ -282,6 +356,7 @@ Array [
- + From: - +
-
    -
    - - Any - -
    -
+ Any +

+
@@ -335,30 +410,30 @@ Array [
- - To: - -
- -
-
    -
    - - All VMs in DC - -
    -
+ To: + +
+ +
+
+

+ All VMs in DC +

+
- + Protocol: - +
- icmp +
+

+ icmp +

+
- + Ports: - +
- 8:0 +
+

+ 8:0 +

+
- + Action: - +
- Allow +
+

+ Allow +

+
@@ -439,6 +544,7 @@ Array [
- + From: - +
-
    -
    - - Any - -
    -
+ Any +

+
@@ -492,30 +598,30 @@ Array [
- - To: - -
- -
-
    -
    - - All VMs in DC - -
    -
+ To: + +
+ +
+
+

+ All VMs in DC +

+
- + Protocol: - +
- icmp6 +
+

+ icmp6 +

+
- + Ports: - +
- all +
+

+ all +

+
- + Action: - +
- Allow +
+

+ Allow +

+
@@ -594,8 +730,9 @@ Array [ className="c1" >
- + From: - +
-
    -
    - - All VMs in DC - -
    -
+ All VMs in DC +

+
@@ -649,30 +786,30 @@ Array [
- - To: - -
- -
-
    -
    - - All VMs in DC - -
    -
+ To: + +
+ +
+
+

+ All VMs in DC +

+
- + Protocol: - +
- tcp +
+

+ tcp +

+
- + Ports: - +
- all +
+

+ all +

+
- + Action: - +
- Allow +
+

+ Allow +

+
@@ -751,8 +918,9 @@ Array [ className="c1" >
- + From: - +
-
    -
    - - All VMs in DC - -
    -
+ All VMs in DC +

+
@@ -806,30 +974,30 @@ Array [
- - To: - -
- -
-
    -
    - - All VMs in DC - -
    -
+ To: + +
+ +
+
+

+ All VMs in DC +

+
- + Protocol: - +
- tcp +
+

+ tcp +

+
- + Ports: - +
- all +
+

+ all +

+
- + Action: - +
- Allow +
+

+ Allow +

+
@@ -908,8 +1106,9 @@ Array [ className="c1" >
- + From: - +
-
    -
    - - Any - -
    -
+ Any +

+
@@ -963,41 +1162,43 @@ Array [
- + To: - +
-
    -
  • wat:
    • -
    -
+ +
- + Protocol: - +
- tcp +
+

+ tcp +

+
- + Ports: - +
- all +
+

+ all +

+
- + Action: - +
- Allow +
+

+ Allow +

+
@@ -1078,7 +1309,7 @@ Array [ exports[`renders without throwing 1`] = ` .c0 { - margin-bottom: 2rem; + margin-bottom: 1.5rem; } .c5 { @@ -1253,31 +1484,31 @@ exports[`renders without throwing 1`] = ` exports[`renders without throwing 1`] = ` Array [ .c8 { - margin-bottom: 0.5rem; + margin-bottom: 0.75rem; } .c14 { - margin-right: undefined; + margin-right: 0.1875rem; } .c18 { - margin-top: 0.25rem; - margin-bottom: 0.25rem; + margin-top: 0.1875rem; + margin-bottom: 0.1875rem; } .c7 { - margin-top: 1rem; + margin-top: 1.125rem; } .c0 { - margin-bottom: 2rem; + margin-bottom: 1.5rem; } .c10 { - padding-top: undefined; - padding-right: 1rem; - padding-bottom: undefined; - padding-left: 1rem; + padding-top: 0.5625rem; + padding-right: 1.125rem; + padding-bottom: 0.5625rem; + padding-left: 1.125rem; } .c13 { @@ -1316,7 +1547,7 @@ Array [ flex-basis: 100%; } -.c16 { +.c17 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; @@ -1356,23 +1587,23 @@ Array [ flex-shrink: 1; } -.c23 { +.c19 { color: rgba(73,73,73,1); line-height: 1.5rem; font-size: 0.9375rem; margin: 0; } -.c23 + p, -.c23 + small, -.c23 + h1, -.c23 + h2, -.c23 + label, -.c23 + h3, -.c23 + h4, -.c23 + h5, -.c23 + div, -.c23 + span { +.c19 + p, +.c19 + small, +.c19 + h1, +.c19 + h2, +.c19 + label, +.c19 + h3, +.c19 + h4, +.c19 + h5, +.c19 + div, +.c19 + span { padding-bottom: 2.25rem; } @@ -1404,14 +1635,14 @@ Array [ -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; } -.c22 { +.c23 { box-sizing: border-box; display: -webkit-box; display: -webkit-flex; @@ -1426,8 +1657,8 @@ Array [ -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c12 { @@ -1435,17 +1666,17 @@ Array [ -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } -.c19 { +.c20 { box-sizing: border-box; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c6 { @@ -1456,13 +1687,82 @@ Array [ margin: 0; } -.c21 { +.c16 { + color: rgba(73,73,73,1); + font-weight: 700; + line-height: 1.5rem; + font-size: 0.9375rem; + margin: 0; +} + +.c16 + p, +.c16 + small, +.c16 + h1, +.c16 + h2, +.c16 + label, +.c16 + h3, +.c16 + h4, +.c16 + h5, +.c16 + div, +.c16 + span { + padding-bottom: 2.25rem; +} + +.c22 { background-color: rgb(216,216,216); margin: 0; background-color: transparent; height: 0.75rem; } +.c9 { + box-sizing: content-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex: 1 0 auto; + -ms-flex: 1 0 auto; + flex: 1 0 auto; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + position: relative; + border-width: 0.0625rem; + border-style: solid; + -webkit-transition: all 300ms ease; + transition: all 300ms ease; + color: rgba(73,73,73,1); + background-color: rgb(255,255,255); + border-color: rgb(216,216,216); +} + +.c21 { + box-sizing: content-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex: 1 0 auto; + -ms-flex: 1 0 auto; + flex: 1 0 auto; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + position: relative; + border-width: 0.0625rem; + border-style: solid; + -webkit-transition: all 300ms ease; + transition: all 300ms ease; + color: rgba(73,73,73,1); + background-color: rgb(255,255,255); + border-color: rgb(216,216,216); + border-color: rgb(216,216,216); + background-color: rgb(250,250,250); + color: rgba(73,73,73,1); + cursor: default; +} + .c1 { display: inline-block; margin: 0; @@ -1576,34 +1876,6 @@ Array [ display: none; } -.c17 { - margin: 0; - padding: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - list-style: none; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; -} - -.c9 { - display: inline-block; - background-color: rgb(255,255,255); - border: 0.0625rem solid rgb(216,216,216); - min-width: 100%; -} - -.c20 { - display: inline-block; - background-color: rgb(255,255,255); - border: 0.0625rem solid rgb(216,216,216); - min-width: 100%; - color: rgb(151,151,151); -} - @media only screen and (min-width:0em) { .c12 { -webkit-flex-basis: 25%; @@ -1615,7 +1887,7 @@ Array [ } @media only screen and (min-width:0em) { - .c19 { + .c20 { -webkit-flex-basis: 16.666666666666668%; -ms-flex-preferred-size: 16.666666666666668%; flex-basis: 16.666666666666668%; @@ -1711,6 +1983,7 @@ Array [
- + From: - +
-
    -
    - - Any - -
    -
+ Any +

+
@@ -1764,30 +2037,30 @@ Array [
- - To: - -
- -
-
    -
    - - All VMs in DC - -
    -
+ To: + +
+ +
+
+

+ All VMs in DC +

+
- + Protocol: - +
- icmp +
+

+ icmp +

+
- + Ports: - +
- 8:0 +
+

+ 8:0 +

+
- + Action: - +
- Allow +
+

+ Allow +

+
@@ -1868,6 +2171,7 @@ Array [
- + From: - +
-
    -
    - - Any - -
    -
+ Any +

+
@@ -1921,30 +2225,30 @@ Array [
- - To: - -
- -
-
    -
    - - All VMs in DC - -
    -
+ To: + +
+ +
+
+

+ All VMs in DC +

+
- + Protocol: - +
- icmp6 +
+

+ icmp6 +

+
- + Ports: - +
- all +
+

+ all +

+
- + Action: - +
- Allow +
+

+ Allow +

+
@@ -2023,8 +2357,9 @@ Array [ className="c8" >
- + From: - +
-
    -
    - - All VMs in DC - -
    -
+ All VMs in DC +

+
@@ -2078,30 +2413,30 @@ Array [
- - To: - -
- -
-
    -
    - - All VMs in DC - -
    -
+ To: + +
+ +
+
+

+ All VMs in DC +

+
- + Protocol: - +
- tcp +
+

+ tcp +

+
- + Ports: - +
- all +
+

+ all +

+
- + Action: - +
- Allow +
+

+ Allow +

+
@@ -2180,8 +2545,9 @@ Array [ className="c8" >
- + From: - +
-
    -
    - - All VMs in DC - -
    -
+ All VMs in DC +

+
@@ -2235,30 +2601,30 @@ Array [
- - To: - -
- -
-
    -
    - - All VMs in DC - -
    -
+ To: + +
+ +
+
+

+ All VMs in DC +

+
- + Protocol: - +
- tcp +
+

+ tcp +

+
- + Ports: - +
- all +
+

+ all +

+
- + Action: - +
- Allow +
+

+ Allow +

+
@@ -2335,14 +2731,14 @@ Array [

*Other firewall rules may apply as defined by wildcard(s), IP(s), subnet(s), tag(s) or VM(s). Please see @@ -2359,7 +2755,7 @@ Array [

, .c0 { - margin-bottom: 2rem; + margin-bottom: 1.5rem; } .c5 { @@ -2534,23 +2930,23 @@ Array [ exports[`renders without throwing 1`] = ` .c12 { - margin-bottom: 0.5rem; + margin-bottom: 0.75rem; } .c7 { - margin-top: 1rem; + margin-top: 1.125rem; } .c0 { - margin-bottom: 2rem; + margin-bottom: 1.5rem; } .c8 { - margin-top: 4rem; + margin-top: 1.875rem; } .c10 { - padding: 8rem; + padding: 2.25rem; } .c11 { @@ -2921,40 +3317,40 @@ exports[`renders without throwing 1`] = ` exports[`renders without throwing 1`] = ` Array [ .c8 { - margin-bottom: 0.5rem; + margin-bottom: 0.75rem; } .c14 { - margin-right: undefined; + margin-right: 0.1875rem; } .c18 { - margin-top: 0.25rem; - margin-bottom: 0.25rem; -} - -.c19 { - margin-left: undefined; + margin-top: 0.1875rem; + margin-bottom: 0.1875rem; } .c20 { - margin-right: 0; - margin-bottom: 0; + margin-left: 0.1875rem; +} + +.c22 { + margin-right: 0rem; + margin-bottom: 0rem; } .c7 { - margin-top: 1rem; + margin-top: 1.125rem; } .c0 { - margin-bottom: 2rem; + margin-bottom: 1.5rem; } .c10 { - padding-top: undefined; - padding-right: 1rem; - padding-bottom: undefined; - padding-left: 1rem; + padding-top: 0.5625rem; + padding-right: 1.125rem; + padding-bottom: 0.5625rem; + padding-left: 1.125rem; } .c13 { @@ -2993,7 +3389,7 @@ Array [ flex-basis: 100%; } -.c16 { +.c17 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; @@ -3033,23 +3429,23 @@ Array [ flex-shrink: 1; } -.c26 { +.c19 { color: rgba(73,73,73,1); line-height: 1.5rem; font-size: 0.9375rem; margin: 0; } -.c26 + p, -.c26 + small, -.c26 + h1, -.c26 + h2, -.c26 + label, -.c26 + h3, -.c26 + h4, -.c26 + h5, -.c26 + div, -.c26 + span { +.c19 + p, +.c19 + small, +.c19 + h1, +.c19 + h2, +.c19 + label, +.c19 + h3, +.c19 + h4, +.c19 + h5, +.c19 + div, +.c19 + span { padding-bottom: 2.25rem; } @@ -3081,14 +3477,14 @@ Array [ -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; } -.c25 { +.c27 { box-sizing: border-box; display: -webkit-box; display: -webkit-flex; @@ -3103,8 +3499,8 @@ Array [ -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c12 { @@ -3112,17 +3508,17 @@ Array [ -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } -.c23 { +.c25 { box-sizing: border-box; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c6 { @@ -3133,14 +3529,35 @@ Array [ margin: 0; } -.c24 { +.c16 { + color: rgba(73,73,73,1); + font-weight: 700; + line-height: 1.5rem; + font-size: 0.9375rem; + margin: 0; +} + +.c16 + p, +.c16 + small, +.c16 + h1, +.c16 + h2, +.c16 + label, +.c16 + h3, +.c16 + h4, +.c16 + h5, +.c16 + div, +.c16 + span { + padding-bottom: 2.25rem; +} + +.c26 { background-color: rgb(216,216,216); margin: 0; background-color: transparent; height: 0.75rem; } -.c21 { +.c23 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; @@ -3155,6 +3572,32 @@ Array [ flex-grow: 1; } +.c9 { + box-sizing: content-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex: 1 0 auto; + -ms-flex: 1 0 auto; + flex: 1 0 auto; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + position: relative; + border-width: 0.0625rem; + border-style: solid; + -webkit-transition: all 300ms ease; + transition: all 300ms ease; + color: rgba(73,73,73,1); + background-color: rgb(255,255,255); + border-color: rgb(216,216,216); + border-color: rgb(216,216,216); + background-color: rgb(250,250,250); + color: rgba(73,73,73,1); + cursor: default; +} + .c1 { display: inline-block; margin: 0; @@ -3268,7 +3711,7 @@ Array [ display: none; } -.c22 { +.c24 { border: 0.0625rem solid rgb(216,216,216); box-sizing: border-box; border-radius: 0.1875rem; @@ -3289,7 +3732,7 @@ Array [ flex-grow: 1; } -.c17 { +.c21 { margin: 0; padding: 0; display: -webkit-box; @@ -3302,14 +3745,6 @@ Array [ flex-wrap: wrap; } -.c9 { - display: inline-block; - background-color: rgb(255,255,255); - border: 0.0625rem solid rgb(216,216,216); - min-width: 100%; - color: rgb(151,151,151); -} - @media only screen and (min-width:0em) { .c12 { -webkit-flex-basis: 25%; @@ -3321,7 +3756,7 @@ Array [ } @media only screen and (min-width:0em) { - .c23 { + .c25 { -webkit-flex-basis: 16.666666666666668%; -ms-flex-preferred-size: 16.666666666666668%; flex-basis: 16.666666666666668%; @@ -3425,6 +3860,7 @@ Array [
- + From: - +
-
    -
    - - Any - -
    -
+ Any +

+
@@ -3478,41 +3914,43 @@ Array [
- + To: - +
-
    -
  • wat:
    • -
    -
+ +
- + Protocol: - +
- tcp +
+

+ tcp +

+
- + Ports: - +
- all +
+

+ all +

+
- + Action: - +
- Allow +
+

+ Allow +

+
@@ -3589,14 +4057,14 @@ Array [

*Other firewall rules may apply as defined by wildcard(s), IP(s), subnet(s), tag(s) or VM(s). Please see @@ -3613,7 +4081,7 @@ Array [

, .c0 { - margin-bottom: 2rem; + margin-bottom: 1.5rem; } .c5 { @@ -3789,23 +4257,23 @@ Array [ exports[`renders without throwing 1`] = ` Array [ .c0 { - margin-bottom: 0.5rem; + margin-bottom: 0.75rem; } .c6 { - margin-right: undefined; + margin-right: 0.1875rem; } .c10 { - margin-top: 0.25rem; - margin-bottom: 0.25rem; + margin-top: 0.1875rem; + margin-bottom: 0.1875rem; } .c2 { - padding-top: undefined; - padding-right: 1rem; - padding-bottom: undefined; - padding-left: 1rem; + padding-top: 0.5625rem; + padding-right: 1.125rem; + padding-bottom: 0.5625rem; + padding-left: 1.125rem; } .c5 { @@ -3844,7 +4312,7 @@ Array [ flex-basis: 100%; } -.c8 { +.c9 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; @@ -3884,337 +4352,24 @@ Array [ flex-shrink: 1; } -.c3 { - box-sizing: border-box; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex: 0 1 auto; - -ms-flex: 0 1 auto; - flex: 0 1 auto; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; - -webkit-flex: 1 1 auto; - -ms-flex: 1 1 auto; - flex: 1 1 auto; -} - -.c4 { - box-sizing: border-box; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; -} - .c11 { - box-sizing: border-box; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; -} - -.c9 { + color: rgba(73,73,73,1); + line-height: 1.5rem; + font-size: 0.9375rem; margin: 0; - padding: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - list-style: none; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; } -.c1 { - display: inline-block; - background-color: rgb(255,255,255); - border: 0.0625rem solid rgb(216,216,216); - min-width: 100%; -} - -@media only screen and (min-width:0em) { - .c4 { - -webkit-flex-basis: 25%; - -ms-flex-preferred-size: 25%; - flex-basis: 25%; - max-width: 25%; - display: block; - } -} - -@media only screen and (min-width:0em) { - .c11 { - -webkit-flex-basis: 16.666666666666668%; - -ms-flex-preferred-size: 16.666666666666668%; - flex-basis: 16.666666666666668%; - max-width: 16.666666666666668%; - display: block; - } -} - -
-
-
-
-
-
-
-
- - From: - -
-
-
-
    -
    - - Any - -
    -
-
-
-
-
-
-
-
- - To: - -
-
-
-
    -
    - - All VMs in DC - -
    -
-
-
-
-
-
-
-
- - Protocol: - -
-
-
- icmp -
-
-
-
-
-
-
- - Ports: - -
-
-
- 8:0 -
-
-
-
-
-
-
- - Action: - -
-
-
- Allow -
-
-
-
-
-
-
, - .c0 { - margin-bottom: 0.5rem; -} - -.c6 { - margin-right: undefined; -} - -.c10 { - margin-top: 0.25rem; - margin-bottom: 0.25rem; -} - -.c2 { - padding-top: undefined; - padding-right: 1rem; - padding-bottom: undefined; - padding-left: 1rem; -} - -.c5 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - -webkit-flex-wrap: nowrap; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - -webkit-box-pack: start; - -webkit-justify-content: flex-start; - -ms-flex-pack: start; - justify-content: flex-start; - -webkit-align-content: stretch; - -ms-flex-line-pack: stretch; - align-content: stretch; - -webkit-box-pack: start; - -webkit-justify-content: flex-start; - -ms-flex-pack: start; - justify-content: flex-start; - -webkit-align-content: stretch; - -ms-flex-line-pack: stretch; - align-content: stretch; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - width: 100%; - height: 100%; - -webkit-flex-basis: 100%; - -ms-flex-preferred-size: 100%; - flex-basis: 100%; -} - -.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; -} - -.c7 { - -webkit-order: 0; - -ms-flex-order: 0; - order: 0; - -webkit-flex-basis: auto; - -ms-flex-preferred-size: auto; - flex-basis: auto; - -webkit-box-flex: 0; - -webkit-flex-grow: 0; - -ms-flex-positive: 0; - flex-grow: 0; - -webkit-flex-shrink: 1; - -ms-flex-negative: 1; - flex-shrink: 1; +.c11 + p, +.c11 + small, +.c11 + h1, +.c11 + h2, +.c11 + label, +.c11 + h3, +.c11 + h4, +.c11 + h5, +.c11 + div, +.c11 + span { + padding-bottom: 2.25rem; } .c3 { @@ -4232,8 +4387,8 @@ Array [ -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; @@ -4244,911 +4399,288 @@ Array [ -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; -} - -.c11 { - box-sizing: border-box; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; -} - -.c9 { - margin: 0; - padding: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - list-style: none; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; -} - -.c1 { - display: inline-block; - background-color: rgb(255,255,255); - border: 0.0625rem solid rgb(216,216,216); - min-width: 100%; -} - -@media only screen and (min-width:0em) { - .c4 { - -webkit-flex-basis: 25%; - -ms-flex-preferred-size: 25%; - flex-basis: 25%; - max-width: 25%; - display: block; - } -} - -@media only screen and (min-width:0em) { - .c11 { - -webkit-flex-basis: 16.666666666666668%; - -ms-flex-preferred-size: 16.666666666666668%; - flex-basis: 16.666666666666668%; - max-width: 16.666666666666668%; - display: block; - } -} - -
-
-
-
-
-
-
-
- - From: - -
-
-
-
    -
    - - Any - -
    -
-
-
-
-
-
-
-
- - To: - -
-
-
-
    -
    - - All VMs in DC - -
    -
-
-
-
-
-
-
-
- - Protocol: - -
-
-
- icmp6 -
-
-
-
-
-
-
- - Ports: - -
-
-
- all -
-
-
-
-
-
-
- - Action: - -
-
-
- Allow -
-
-
-
-
-
-
, - .c0 { - margin-bottom: 0.5rem; -} - -.c6 { - margin-right: undefined; -} - -.c10 { - margin-top: 0.25rem; - margin-bottom: 0.25rem; -} - -.c2 { - padding-top: undefined; - padding-right: 1rem; - padding-bottom: undefined; - padding-left: 1rem; -} - -.c5 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - -webkit-flex-wrap: nowrap; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - -webkit-box-pack: start; - -webkit-justify-content: flex-start; - -ms-flex-pack: start; - justify-content: flex-start; - -webkit-align-content: stretch; - -ms-flex-line-pack: stretch; - align-content: stretch; - -webkit-box-pack: start; - -webkit-justify-content: flex-start; - -ms-flex-pack: start; - justify-content: flex-start; - -webkit-align-content: stretch; - -ms-flex-line-pack: stretch; - align-content: stretch; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - width: 100%; - height: 100%; - -webkit-flex-basis: 100%; - -ms-flex-preferred-size: 100%; - flex-basis: 100%; -} - -.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; -} - -.c7 { - -webkit-order: 0; - -ms-flex-order: 0; - order: 0; - -webkit-flex-basis: auto; - -ms-flex-preferred-size: auto; - flex-basis: auto; - -webkit-box-flex: 0; - -webkit-flex-grow: 0; - -ms-flex-positive: 0; - flex-grow: 0; - -webkit-flex-shrink: 1; - -ms-flex-negative: 1; - flex-shrink: 1; -} - -.c3 { - box-sizing: border-box; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex: 0 1 auto; - -ms-flex: 0 1 auto; - flex: 0 1 auto; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; - -webkit-flex: 1 1 auto; - -ms-flex: 1 1 auto; - flex: 1 1 auto; -} - -.c4 { - box-sizing: border-box; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; -} - -.c11 { - box-sizing: border-box; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; -} - -.c9 { - margin: 0; - padding: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - list-style: none; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; -} - -.c1 { - display: inline-block; - background-color: rgb(255,255,255); - border: 0.0625rem solid rgb(216,216,216); - min-width: 100%; - color: rgb(151,151,151); -} - -@media only screen and (min-width:0em) { - .c4 { - -webkit-flex-basis: 25%; - -ms-flex-preferred-size: 25%; - flex-basis: 25%; - max-width: 25%; - display: block; - } -} - -@media only screen and (min-width:0em) { - .c11 { - -webkit-flex-basis: 16.666666666666668%; - -ms-flex-preferred-size: 16.666666666666668%; - flex-basis: 16.666666666666668%; - max-width: 16.666666666666668%; - display: block; - } -} - -
-
-
-
-
-
-
-
- - From: - -
-
-
-
    -
    - - All VMs in DC - -
    -
-
-
-
-
-
-
-
- - To: - -
-
-
-
    -
    - - All VMs in DC - -
    -
-
-
-
-
-
-
-
- - Protocol: - -
-
-
- tcp -
-
-
-
-
-
-
- - Ports: - -
-
-
- all -
-
-
-
-
-
-
- - Action: - -
-
-
- Allow -
-
-
-
-
-
-
, - .c0 { - margin-bottom: 0.5rem; -} - -.c6 { - margin-right: undefined; -} - -.c10 { - margin-top: 0.25rem; - margin-bottom: 0.25rem; -} - -.c2 { - padding-top: undefined; - padding-right: 1rem; - padding-bottom: undefined; - padding-left: 1rem; -} - -.c5 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - -webkit-flex-wrap: nowrap; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - -webkit-box-pack: start; - -webkit-justify-content: flex-start; - -ms-flex-pack: start; - justify-content: flex-start; - -webkit-align-content: stretch; - -ms-flex-line-pack: stretch; - align-content: stretch; - -webkit-box-pack: start; - -webkit-justify-content: flex-start; - -ms-flex-pack: start; - justify-content: flex-start; - -webkit-align-content: stretch; - -ms-flex-line-pack: stretch; - align-content: stretch; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - width: 100%; - height: 100%; - -webkit-flex-basis: 100%; - -ms-flex-preferred-size: 100%; - flex-basis: 100%; -} - -.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; -} - -.c7 { - -webkit-order: 0; - -ms-flex-order: 0; - order: 0; - -webkit-flex-basis: auto; - -ms-flex-preferred-size: auto; - flex-basis: auto; - -webkit-box-flex: 0; - -webkit-flex-grow: 0; - -ms-flex-positive: 0; - flex-grow: 0; - -webkit-flex-shrink: 1; - -ms-flex-negative: 1; - flex-shrink: 1; -} - -.c3 { - box-sizing: border-box; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex: 0 1 auto; - -ms-flex: 0 1 auto; - flex: 0 1 auto; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; - -webkit-flex: 1 1 auto; - -ms-flex: 1 1 auto; - flex: 1 1 auto; -} - -.c4 { - box-sizing: border-box; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; -} - -.c11 { - box-sizing: border-box; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; -} - -.c9 { - margin: 0; - padding: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - list-style: none; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; -} - -.c1 { - display: inline-block; - background-color: rgb(255,255,255); - border: 0.0625rem solid rgb(216,216,216); - min-width: 100%; - color: rgb(151,151,151); -} - -@media only screen and (min-width:0em) { - .c4 { - -webkit-flex-basis: 25%; - -ms-flex-preferred-size: 25%; - flex-basis: 25%; - max-width: 25%; - display: block; - } -} - -@media only screen and (min-width:0em) { - .c11 { - -webkit-flex-basis: 16.666666666666668%; - -ms-flex-preferred-size: 16.666666666666668%; - flex-basis: 16.666666666666668%; - max-width: 16.666666666666668%; - display: block; - } -} - -
-
-
-
-
-
-
-
- - From: - -
-
-
-
    -
    - - All VMs in DC - -
    -
-
-
-
-
-
-
-
- - To: - -
-
-
-
    -
    - - All VMs in DC - -
    -
-
-
-
-
-
-
-
- - Protocol: - -
-
-
- tcp -
-
-
-
-
-
-
- - Ports: - -
-
-
- all -
-
-
-
-
-
-
- - Action: - -
-
-
- Allow -
-
-
-
-
-
-
, - .c0 { - margin-bottom: 0.5rem; -} - -.c6 { - margin-right: undefined; -} - -.c10 { - margin-top: 0.25rem; - margin-bottom: 0.25rem; -} - -.c11 { - margin-left: undefined; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c12 { - margin-right: 0; - margin-bottom: 0; + box-sizing: border-box; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + padding-right: 0.625rem; + padding-left: 0.625rem; +} + +.c8 { + color: rgba(73,73,73,1); + font-weight: 700; + line-height: 1.5rem; + font-size: 0.9375rem; + margin: 0; +} + +.c8 + p, +.c8 + small, +.c8 + h1, +.c8 + h2, +.c8 + label, +.c8 + h3, +.c8 + h4, +.c8 + h5, +.c8 + div, +.c8 + span { + padding-bottom: 2.25rem; +} + +.c1 { + box-sizing: content-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex: 1 0 auto; + -ms-flex: 1 0 auto; + flex: 1 0 auto; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + position: relative; + border-width: 0.0625rem; + border-style: solid; + -webkit-transition: all 300ms ease; + transition: all 300ms ease; + color: rgba(73,73,73,1); + background-color: rgb(255,255,255); + border-color: rgb(216,216,216); +} + +@media only screen and (min-width:0em) { + .c4 { + -webkit-flex-basis: 25%; + -ms-flex-preferred-size: 25%; + flex-basis: 25%; + max-width: 25%; + display: block; + } +} + +@media only screen and (min-width:0em) { + .c12 { + -webkit-flex-basis: 16.666666666666668%; + -ms-flex-preferred-size: 16.666666666666668%; + flex-basis: 16.666666666666668%; + max-width: 16.666666666666668%; + display: block; + } +} + +
+
+
+
+
+
+
+
+ + From: + +
+
+
+
+

+ Any +

+
+
+
+
+
+
+
+
+ + To: + +
+
+
+
+

+ All VMs in DC +

+
+
+
+
+
+
+
+
+ + Protocol: + +
+
+
+
+

+ icmp +

+
+
+
+
+
+
+
+
+ + Ports: + +
+
+
+
+

+ 8:0 +

+
+
+
+
+
+
+
+
+ + Action: + +
+
+
+
+

+ Allow +

+
+
+
+
+
+
+
+
, + .c0 { + margin-bottom: 0.75rem; +} + +.c6 { + margin-right: 0.1875rem; +} + +.c10 { + margin-top: 0.1875rem; + margin-bottom: 0.1875rem; } .c2 { - padding-top: undefined; - padding-right: 1rem; - padding-bottom: undefined; - padding-left: 1rem; + padding-top: 0.5625rem; + padding-right: 1.125rem; + padding-bottom: 0.5625rem; + padding-left: 1.125rem; } .c5 { @@ -5187,7 +4719,7 @@ Array [ flex-basis: 100%; } -.c8 { +.c9 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; @@ -5227,6 +4759,26 @@ Array [ flex-shrink: 1; } +.c11 { + color: rgba(73,73,73,1); + line-height: 1.5rem; + font-size: 0.9375rem; + margin: 0; +} + +.c11 + p, +.c11 + small, +.c11 + h1, +.c11 + h2, +.c11 + label, +.c11 + h3, +.c11 + h4, +.c11 + h5, +.c11 + div, +.c11 + span { + padding-bottom: 2.25rem; +} + .c3 { box-sizing: border-box; display: -webkit-box; @@ -5242,8 +4794,8 @@ Array [ -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; @@ -5254,20 +4806,1279 @@ Array [ -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } -.c15 { +.c12 { box-sizing: border-box; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } -.c13 { +.c8 { + color: rgba(73,73,73,1); + font-weight: 700; + line-height: 1.5rem; + font-size: 0.9375rem; + margin: 0; +} + +.c8 + p, +.c8 + small, +.c8 + h1, +.c8 + h2, +.c8 + label, +.c8 + h3, +.c8 + h4, +.c8 + h5, +.c8 + div, +.c8 + span { + padding-bottom: 2.25rem; +} + +.c1 { + box-sizing: content-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex: 1 0 auto; + -ms-flex: 1 0 auto; + flex: 1 0 auto; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + position: relative; + border-width: 0.0625rem; + border-style: solid; + -webkit-transition: all 300ms ease; + transition: all 300ms ease; + color: rgba(73,73,73,1); + background-color: rgb(255,255,255); + border-color: rgb(216,216,216); +} + +@media only screen and (min-width:0em) { + .c4 { + -webkit-flex-basis: 25%; + -ms-flex-preferred-size: 25%; + flex-basis: 25%; + max-width: 25%; + display: block; + } +} + +@media only screen and (min-width:0em) { + .c12 { + -webkit-flex-basis: 16.666666666666668%; + -ms-flex-preferred-size: 16.666666666666668%; + flex-basis: 16.666666666666668%; + max-width: 16.666666666666668%; + display: block; + } +} + +
+
+
+
+
+
+
+
+ + From: + +
+
+
+
+

+ Any +

+
+
+
+
+
+
+
+
+ + To: + +
+
+
+
+

+ All VMs in DC +

+
+
+
+
+
+
+
+
+ + Protocol: + +
+
+
+
+

+ icmp6 +

+
+
+
+
+
+
+
+
+ + Ports: + +
+
+
+
+

+ all +

+
+
+
+
+
+
+
+
+ + Action: + +
+
+
+
+

+ Allow +

+
+
+
+
+
+
+
+
, + .c0 { + margin-bottom: 0.75rem; +} + +.c6 { + margin-right: 0.1875rem; +} + +.c10 { + margin-top: 0.1875rem; + margin-bottom: 0.1875rem; +} + +.c2 { + padding-top: 0.5625rem; + padding-right: 1.125rem; + padding-bottom: 0.5625rem; + padding-left: 1.125rem; +} + +.c5 { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + -webkit-flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; + -webkit-align-content: stretch; + -ms-flex-line-pack: stretch; + align-content: stretch; + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; + -webkit-align-content: stretch; + -ms-flex-line-pack: stretch; + align-content: stretch; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + width: 100%; + height: 100%; + -webkit-flex-basis: 100%; + -ms-flex-preferred-size: 100%; + flex-basis: 100%; +} + +.c9 { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + -webkit-flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; + -webkit-align-content: stretch; + -ms-flex-line-pack: stretch; + align-content: stretch; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; +} + +.c7 { + -webkit-order: 0; + -ms-flex-order: 0; + order: 0; + -webkit-flex-basis: auto; + -ms-flex-preferred-size: auto; + flex-basis: auto; + -webkit-box-flex: 0; + -webkit-flex-grow: 0; + -ms-flex-positive: 0; + flex-grow: 0; + -webkit-flex-shrink: 1; + -ms-flex-negative: 1; + flex-shrink: 1; +} + +.c11 { + color: rgba(73,73,73,1); + line-height: 1.5rem; + font-size: 0.9375rem; + margin: 0; +} + +.c11 + p, +.c11 + small, +.c11 + h1, +.c11 + h2, +.c11 + label, +.c11 + h3, +.c11 + h4, +.c11 + h5, +.c11 + div, +.c11 + span { + padding-bottom: 2.25rem; +} + +.c3 { + box-sizing: border-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex: 0 1 auto; + -ms-flex: 0 1 auto; + flex: 0 1 auto; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin-right: -0.625rem; + margin-left: -0.625rem; + -webkit-flex: 1 1 auto; + -ms-flex: 1 1 auto; + flex: 1 1 auto; +} + +.c4 { + box-sizing: border-box; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + padding-right: 0.625rem; + padding-left: 0.625rem; +} + +.c12 { + box-sizing: border-box; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + padding-right: 0.625rem; + padding-left: 0.625rem; +} + +.c8 { + color: rgba(73,73,73,1); + font-weight: 700; + line-height: 1.5rem; + font-size: 0.9375rem; + margin: 0; +} + +.c8 + p, +.c8 + small, +.c8 + h1, +.c8 + h2, +.c8 + label, +.c8 + h3, +.c8 + h4, +.c8 + h5, +.c8 + div, +.c8 + span { + padding-bottom: 2.25rem; +} + +.c1 { + box-sizing: content-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex: 1 0 auto; + -ms-flex: 1 0 auto; + flex: 1 0 auto; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + position: relative; + border-width: 0.0625rem; + border-style: solid; + -webkit-transition: all 300ms ease; + transition: all 300ms ease; + color: rgba(73,73,73,1); + background-color: rgb(255,255,255); + border-color: rgb(216,216,216); + border-color: rgb(216,216,216); + background-color: rgb(250,250,250); + color: rgba(73,73,73,1); + cursor: default; +} + +@media only screen and (min-width:0em) { + .c4 { + -webkit-flex-basis: 25%; + -ms-flex-preferred-size: 25%; + flex-basis: 25%; + max-width: 25%; + display: block; + } +} + +@media only screen and (min-width:0em) { + .c12 { + -webkit-flex-basis: 16.666666666666668%; + -ms-flex-preferred-size: 16.666666666666668%; + flex-basis: 16.666666666666668%; + max-width: 16.666666666666668%; + display: block; + } +} + +
+
+
+
+
+
+
+
+ + From: + +
+
+
+
+

+ All VMs in DC +

+
+
+
+
+
+
+
+
+ + To: + +
+
+
+
+

+ All VMs in DC +

+
+
+
+
+
+
+
+
+ + Protocol: + +
+
+
+
+

+ tcp +

+
+
+
+
+
+
+
+
+ + Ports: + +
+
+
+
+

+ all +

+
+
+
+
+
+
+
+
+ + Action: + +
+
+
+
+

+ Allow +

+
+
+
+
+
+
+
+
, + .c0 { + margin-bottom: 0.75rem; +} + +.c6 { + margin-right: 0.1875rem; +} + +.c10 { + margin-top: 0.1875rem; + margin-bottom: 0.1875rem; +} + +.c2 { + padding-top: 0.5625rem; + padding-right: 1.125rem; + padding-bottom: 0.5625rem; + padding-left: 1.125rem; +} + +.c5 { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + -webkit-flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; + -webkit-align-content: stretch; + -ms-flex-line-pack: stretch; + align-content: stretch; + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; + -webkit-align-content: stretch; + -ms-flex-line-pack: stretch; + align-content: stretch; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + width: 100%; + height: 100%; + -webkit-flex-basis: 100%; + -ms-flex-preferred-size: 100%; + flex-basis: 100%; +} + +.c9 { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + -webkit-flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; + -webkit-align-content: stretch; + -ms-flex-line-pack: stretch; + align-content: stretch; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; +} + +.c7 { + -webkit-order: 0; + -ms-flex-order: 0; + order: 0; + -webkit-flex-basis: auto; + -ms-flex-preferred-size: auto; + flex-basis: auto; + -webkit-box-flex: 0; + -webkit-flex-grow: 0; + -ms-flex-positive: 0; + flex-grow: 0; + -webkit-flex-shrink: 1; + -ms-flex-negative: 1; + flex-shrink: 1; +} + +.c11 { + color: rgba(73,73,73,1); + line-height: 1.5rem; + font-size: 0.9375rem; + margin: 0; +} + +.c11 + p, +.c11 + small, +.c11 + h1, +.c11 + h2, +.c11 + label, +.c11 + h3, +.c11 + h4, +.c11 + h5, +.c11 + div, +.c11 + span { + padding-bottom: 2.25rem; +} + +.c3 { + box-sizing: border-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex: 0 1 auto; + -ms-flex: 0 1 auto; + flex: 0 1 auto; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin-right: -0.625rem; + margin-left: -0.625rem; + -webkit-flex: 1 1 auto; + -ms-flex: 1 1 auto; + flex: 1 1 auto; +} + +.c4 { + box-sizing: border-box; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + padding-right: 0.625rem; + padding-left: 0.625rem; +} + +.c12 { + box-sizing: border-box; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + padding-right: 0.625rem; + padding-left: 0.625rem; +} + +.c8 { + color: rgba(73,73,73,1); + font-weight: 700; + line-height: 1.5rem; + font-size: 0.9375rem; + margin: 0; +} + +.c8 + p, +.c8 + small, +.c8 + h1, +.c8 + h2, +.c8 + label, +.c8 + h3, +.c8 + h4, +.c8 + h5, +.c8 + div, +.c8 + span { + padding-bottom: 2.25rem; +} + +.c1 { + box-sizing: content-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex: 1 0 auto; + -ms-flex: 1 0 auto; + flex: 1 0 auto; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + position: relative; + border-width: 0.0625rem; + border-style: solid; + -webkit-transition: all 300ms ease; + transition: all 300ms ease; + color: rgba(73,73,73,1); + background-color: rgb(255,255,255); + border-color: rgb(216,216,216); + border-color: rgb(216,216,216); + background-color: rgb(250,250,250); + color: rgba(73,73,73,1); + cursor: default; +} + +@media only screen and (min-width:0em) { + .c4 { + -webkit-flex-basis: 25%; + -ms-flex-preferred-size: 25%; + flex-basis: 25%; + max-width: 25%; + display: block; + } +} + +@media only screen and (min-width:0em) { + .c12 { + -webkit-flex-basis: 16.666666666666668%; + -ms-flex-preferred-size: 16.666666666666668%; + flex-basis: 16.666666666666668%; + max-width: 16.666666666666668%; + display: block; + } +} + +
+
+
+
+
+
+
+
+ + From: + +
+
+
+
+

+ All VMs in DC +

+
+
+
+
+
+
+
+
+ + To: + +
+
+
+
+

+ All VMs in DC +

+
+
+
+
+
+
+
+
+ + Protocol: + +
+
+
+
+

+ tcp +

+
+
+
+
+
+
+
+
+ + Ports: + +
+
+
+
+

+ all +

+
+
+
+
+
+
+
+
+ + Action: + +
+
+
+
+

+ Allow +

+
+
+
+
+
+
+
+
, + .c0 { + margin-bottom: 0.75rem; +} + +.c6 { + margin-right: 0.1875rem; +} + +.c10 { + margin-top: 0.1875rem; + margin-bottom: 0.1875rem; +} + +.c12 { + margin-left: 0.1875rem; +} + +.c14 { + margin-right: 0rem; + margin-bottom: 0rem; +} + +.c2 { + padding-top: 0.5625rem; + padding-right: 1.125rem; + padding-bottom: 0.5625rem; + padding-left: 1.125rem; +} + +.c5 { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + -webkit-flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; + -webkit-align-content: stretch; + -ms-flex-line-pack: stretch; + align-content: stretch; + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; + -webkit-align-content: stretch; + -ms-flex-line-pack: stretch; + align-content: stretch; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + width: 100%; + height: 100%; + -webkit-flex-basis: 100%; + -ms-flex-preferred-size: 100%; + flex-basis: 100%; +} + +.c9 { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + -webkit-flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; + -webkit-align-content: stretch; + -ms-flex-line-pack: stretch; + align-content: stretch; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; +} + +.c7 { + -webkit-order: 0; + -ms-flex-order: 0; + order: 0; + -webkit-flex-basis: auto; + -ms-flex-preferred-size: auto; + flex-basis: auto; + -webkit-box-flex: 0; + -webkit-flex-grow: 0; + -ms-flex-positive: 0; + flex-grow: 0; + -webkit-flex-shrink: 1; + -ms-flex-negative: 1; + flex-shrink: 1; +} + +.c11 { + color: rgba(73,73,73,1); + line-height: 1.5rem; + font-size: 0.9375rem; + margin: 0; +} + +.c11 + p, +.c11 + small, +.c11 + h1, +.c11 + h2, +.c11 + label, +.c11 + h3, +.c11 + h4, +.c11 + h5, +.c11 + div, +.c11 + span { + padding-bottom: 2.25rem; +} + +.c3 { + box-sizing: border-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex: 0 1 auto; + -ms-flex: 0 1 auto; + flex: 0 1 auto; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin-right: -0.625rem; + margin-left: -0.625rem; + -webkit-flex: 1 1 auto; + -ms-flex: 1 1 auto; + flex: 1 1 auto; +} + +.c4 { + box-sizing: border-box; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + padding-right: 0.625rem; + padding-left: 0.625rem; +} + +.c17 { + box-sizing: border-box; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + padding-right: 0.625rem; + padding-left: 0.625rem; +} + +.c8 { + color: rgba(73,73,73,1); + font-weight: 700; + line-height: 1.5rem; + font-size: 0.9375rem; + margin: 0; +} + +.c8 + p, +.c8 + small, +.c8 + h1, +.c8 + h2, +.c8 + label, +.c8 + h3, +.c8 + h4, +.c8 + h5, +.c8 + div, +.c8 + span { + padding-bottom: 2.25rem; +} + +.c15 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; @@ -5282,7 +6093,33 @@ Array [ flex-grow: 1; } -.c14 { +.c1 { + box-sizing: content-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex: 1 0 auto; + -ms-flex: 1 0 auto; + flex: 1 0 auto; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + position: relative; + border-width: 0.0625rem; + border-style: solid; + -webkit-transition: all 300ms ease; + transition: all 300ms ease; + color: rgba(73,73,73,1); + background-color: rgb(255,255,255); + border-color: rgb(216,216,216); + border-color: rgb(216,216,216); + background-color: rgb(250,250,250); + color: rgba(73,73,73,1); + cursor: default; +} + +.c16 { border: 0.0625rem solid rgb(216,216,216); box-sizing: border-box; border-radius: 0.1875rem; @@ -5303,7 +6140,7 @@ Array [ flex-grow: 1; } -.c9 { +.c13 { margin: 0; padding: 0; display: -webkit-box; @@ -5316,14 +6153,6 @@ Array [ flex-wrap: wrap; } -.c1 { - display: inline-block; - background-color: rgb(255,255,255); - border: 0.0625rem solid rgb(216,216,216); - min-width: 100%; - color: rgb(151,151,151); -} - @media only screen and (min-width:0em) { .c4 { -webkit-flex-basis: 25%; @@ -5335,7 +6164,7 @@ Array [ } @media only screen and (min-width:0em) { - .c15 { + .c17 { -webkit-flex-basis: 16.666666666666668%; -ms-flex-preferred-size: 16.666666666666668%; flex-basis: 16.666666666666668%; @@ -5350,6 +6179,7 @@ Array [
- + From: - +
-
    -
    - - Any - -
    -
+ Any +

+
@@ -5403,41 +6233,43 @@ Array [
- + To: - +
-
    -
  • wat:
    • -
    -
+ +
- + Protocol: - +
- tcp +
+

+ tcp +

+
- + Ports: - +
- all +
+

+ all +

+
- + Action: - +
- Allow +
+

+ Allow +

+
@@ -5533,7 +6395,7 @@ Array [ Firewall rules from instance tags , .c0 { - margin-top: 1rem; + margin-top: 1.125rem; }
, .c1 { - margin-bottom: 0.5rem; + margin-bottom: 0.75rem; } .c7 { - margin-right: undefined; + margin-right: 0.1875rem; } .c11 { - margin-top: 0.25rem; - margin-bottom: 0.25rem; -} - -.c14 { - margin-left: undefined; + margin-top: 0.1875rem; + margin-bottom: 0.1875rem; } .c15 { - margin-right: 0; - margin-bottom: 0; + margin-left: 0.1875rem; +} + +.c17 { + margin-right: 0rem; + margin-bottom: 0rem; } .c0 { - margin-top: 1rem; + margin-top: 1.125rem; } .c3 { - padding-top: undefined; - padding-right: 1rem; - padding-bottom: undefined; - padding-left: 1rem; + padding-top: 0.5625rem; + padding-right: 1.125rem; + padding-bottom: 0.5625rem; + padding-left: 1.125rem; } .c6 { @@ -5626,7 +6488,7 @@ Array [ flex-basis: 100%; } -.c9 { +.c10 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; @@ -5666,6 +6528,26 @@ Array [ flex-shrink: 1; } +.c12 { + color: rgba(73,73,73,1); + line-height: 1.5rem; + font-size: 0.9375rem; + margin: 0; +} + +.c12 + p, +.c12 + small, +.c12 + h1, +.c12 + h2, +.c12 + label, +.c12 + h3, +.c12 + h4, +.c12 + h5, +.c12 + div, +.c12 + span { + padding-bottom: 2.25rem; +} + .c4 { box-sizing: border-box; display: -webkit-box; @@ -5681,8 +6563,8 @@ Array [ -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; @@ -5693,20 +6575,41 @@ Array [ -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } -.c12 { +.c13 { box-sizing: border-box; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } -.c16 { +.c9 { + color: rgba(73,73,73,1); + font-weight: 700; + line-height: 1.5rem; + font-size: 0.9375rem; + margin: 0; +} + +.c9 + p, +.c9 + small, +.c9 + h1, +.c9 + h2, +.c9 + label, +.c9 + h3, +.c9 + h4, +.c9 + h5, +.c9 + div, +.c9 + span { + padding-bottom: 2.25rem; +} + +.c18 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; @@ -5721,7 +6624,55 @@ Array [ flex-grow: 1; } -.c17 { +.c2 { + 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); +} + +.c14 { + box-sizing: content-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex: 1 0 auto; + -ms-flex: 1 0 auto; + flex: 1 0 auto; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + position: relative; + border-width: 0.0625rem; + border-style: solid; + -webkit-transition: all 300ms ease; + transition: all 300ms ease; + color: rgba(73,73,73,1); + background-color: rgb(255,255,255); + border-color: rgb(216,216,216); + border-color: rgb(216,216,216); + background-color: rgb(250,250,250); + color: rgba(73,73,73,1); + cursor: default; +} + +.c19 { border: 0.0625rem solid rgb(216,216,216); box-sizing: border-box; border-radius: 0.1875rem; @@ -5742,7 +6693,7 @@ Array [ flex-grow: 1; } -.c10 { +.c16 { margin: 0; padding: 0; display: -webkit-box; @@ -5755,21 +6706,6 @@ Array [ flex-wrap: wrap; } -.c2 { - display: inline-block; - background-color: rgb(255,255,255); - border: 0.0625rem solid rgb(216,216,216); - min-width: 100%; -} - -.c13 { - display: inline-block; - background-color: rgb(255,255,255); - border: 0.0625rem solid rgb(216,216,216); - min-width: 100%; - color: rgb(151,151,151); -} - @media only screen and (min-width:0em) { .c5 { -webkit-flex-basis: 25%; @@ -5781,7 +6717,7 @@ Array [ } @media only screen and (min-width:0em) { - .c12 { + .c13 { -webkit-flex-basis: 16.666666666666668%; -ms-flex-preferred-size: 16.666666666666668%; flex-basis: 16.666666666666668%; @@ -5799,6 +6735,7 @@ Array [
- + From: - +
-
    -
    - - Any - -
    -
+ Any +

+
@@ -5852,30 +6789,30 @@ Array [
- - To: - -
- -
-
    -
    - - All VMs in DC - -
    -
+ To: + +
+ +
+
+

+ All VMs in DC +

+
- + Protocol: - +
- icmp +
+

+ icmp +

+
- + Ports: - +
- 8:0 +
+

+ 8:0 +

+
- + Action: - +
- Allow +
+

+ Allow +

+
@@ -5956,6 +6923,7 @@ Array [
- + From: - +
-
    -
    - - Any - -
    -
+ Any +

+
@@ -6009,30 +6977,30 @@ Array [
- - To: - -
- -
-
    -
    - - All VMs in DC - -
    -
+ To: + +
+ +
+
+

+ All VMs in DC +

+
- + Protocol: - +
- icmp6 +
+

+ icmp6 +

+
- + Ports: - +
- all +
+

+ all +

+
- + Action: - +
- Allow +
+

+ Allow +

+
@@ -6111,8 +7109,9 @@ Array [ className="c1" >
- + From: - +
-
    -
    - - All VMs in DC - -
    -
+ All VMs in DC +

+
@@ -6166,30 +7165,30 @@ Array [
- - To: - -
- -
-
    -
    - - All VMs in DC - -
    -
+ To: + +
+ +
+
+

+ All VMs in DC +

+
- + Protocol: - +
- tcp +
+

+ tcp +

+
- + Ports: - +
- all +
+

+ all +

+
- + Action: - +
- Allow +
+

+ Allow +

+
@@ -6268,8 +7297,9 @@ Array [ className="c1" >
- + From: - +
-
    -
    - - All VMs in DC - -
    -
+ All VMs in DC +

+
@@ -6323,30 +7353,30 @@ Array [
- - To: - -
- -
-
    -
    - - All VMs in DC - -
    -
+ To: + +
+ +
+
+

+ All VMs in DC +

+
- + Protocol: - +
- tcp +
+

+ tcp +

+
- + Ports: - +
- all +
+

+ all +

+
- + Action: - +
- Allow +
+

+ Allow +

+
@@ -6425,8 +7485,9 @@ Array [ className="c1" >
- + From: - +
-
    -
    - - Any - -
    -
+ Any +

+
@@ -6480,41 +7541,43 @@ Array [
- + To: - +
-
    -
  • wat:
    • -
    -
+ +
- + Protocol: - +
- tcp +
+

+ tcp +

+
- + Ports: - +
- all +
+

+ all +

+
- + Action: - +
- Allow +
+

+ Allow +

+
diff --git a/packages/my-joy-beta/src/components/__tests__/__snapshots__/key-value.spec.js.snap b/packages/my-joy-beta/src/components/__tests__/__snapshots__/key-value.spec.js.snap index 266746a0..d1ed40b8 100644 --- a/packages/my-joy-beta/src/components/__tests__/__snapshots__/key-value.spec.js.snap +++ b/packages/my-joy-beta/src/components/__tests__/__snapshots__/key-value.spec.js.snap @@ -2,12 +2,12 @@ exports[`renders without throwing 1`] = ` .c3 { - padding-right: 1rem; - padding-left: 1rem; + padding-right: 1.125rem; + padding-left: 1.125rem; } .c8 { - padding: 1rem; + padding: 1.125rem; } .c16 { @@ -25,8 +25,8 @@ exports[`renders without throwing 1`] = ` -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c17 { @@ -34,8 +34,8 @@ exports[`renders without throwing 1`] = ` -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c22 { @@ -43,8 +43,8 @@ exports[`renders without throwing 1`] = ` -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c4 { @@ -989,8 +989,8 @@ exports[`renders without throwing 1`] = ` exports[`renders without throwing 1`] = ` .c3 { - padding-right: 1rem; - padding-left: 1rem; + padding-right: 1.125rem; + padding-left: 1.125rem; } .c4 { @@ -1219,12 +1219,12 @@ exports[`renders without throwing 1`] = ` exports[`renders without throwing 1`] = ` .c3 { - padding-right: 1rem; - padding-left: 1rem; + padding-right: 1.125rem; + padding-left: 1.125rem; } .c8 { - padding: 1rem; + padding: 1.125rem; } .c16 { @@ -1242,8 +1242,8 @@ exports[`renders without throwing 1`] = ` -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c17 { @@ -1251,8 +1251,8 @@ exports[`renders without throwing 1`] = ` -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c22 { @@ -1260,8 +1260,8 @@ exports[`renders without throwing 1`] = ` -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c4 { @@ -2206,12 +2206,12 @@ exports[`renders without throwing 1`] = ` exports[`renders without throwing 1`] = ` .c3 { - padding-right: 1rem; - padding-left: 1rem; + padding-right: 1.125rem; + padding-left: 1.125rem; } .c8 { - padding: 1rem; + padding: 1.125rem; } .c18 { @@ -2229,8 +2229,8 @@ exports[`renders without throwing 1`] = ` -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c9 { @@ -2248,8 +2248,8 @@ exports[`renders without throwing 1`] = ` -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c10 { @@ -2257,8 +2257,8 @@ exports[`renders without throwing 1`] = ` -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c23 { @@ -2266,8 +2266,8 @@ exports[`renders without throwing 1`] = ` -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c4 { @@ -3256,12 +3256,12 @@ exports[`renders without throwing 1`] = ` exports[`renders without throwing 1`] = ` .c3 { - padding-right: 1rem; - padding-left: 1rem; + padding-right: 1.125rem; + padding-left: 1.125rem; } .c8 { - padding: 1rem; + padding: 1.125rem; } .c16 { @@ -3279,8 +3279,8 @@ exports[`renders without throwing 1`] = ` -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c17 { @@ -3288,8 +3288,8 @@ exports[`renders without throwing 1`] = ` -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c22 { @@ -3297,8 +3297,8 @@ exports[`renders without throwing 1`] = ` -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c4 { @@ -4243,12 +4243,12 @@ exports[`renders without throwing 1`] = ` exports[`renders without throwing 1`] = ` .c3 { - padding-right: 1rem; - padding-left: 1rem; + padding-right: 1.125rem; + padding-left: 1.125rem; } .c8 { - padding: 1rem; + padding: 1.125rem; } .c16 { @@ -4266,8 +4266,8 @@ exports[`renders without throwing 1`] = ` -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c17 { @@ -4275,8 +4275,8 @@ exports[`renders without throwing 1`] = ` -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c22 { @@ -4284,8 +4284,8 @@ exports[`renders without throwing 1`] = ` -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c4 { @@ -5241,12 +5241,12 @@ exports[`renders without throwing 1`] = ` exports[`renders without throwing 1`] = ` .c3 { - padding-right: 1rem; - padding-left: 1rem; + padding-right: 1.125rem; + padding-left: 1.125rem; } .c8 { - padding: 1rem; + padding: 1.125rem; } .c16 { @@ -5264,8 +5264,8 @@ exports[`renders without throwing 1`] = ` -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c17 { @@ -5273,8 +5273,8 @@ exports[`renders without throwing 1`] = ` -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c22 { @@ -5282,8 +5282,8 @@ exports[`renders without throwing 1`] = ` -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c4 { @@ -6312,12 +6312,12 @@ exports[`renders without throwing 1`] = ` exports[`renders without throwing 1`] = ` .c3 { - padding-right: 1rem; - padding-left: 1rem; + padding-right: 1.125rem; + padding-left: 1.125rem; } .c8 { - padding: 1rem; + padding: 1.125rem; } .c16 { @@ -6335,8 +6335,8 @@ exports[`renders without throwing 1`] = ` -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c17 { @@ -6344,8 +6344,8 @@ exports[`renders without throwing 1`] = ` -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c26 { @@ -6353,8 +6353,8 @@ exports[`renders without throwing 1`] = ` -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c4 { @@ -7438,12 +7438,12 @@ exports[`renders without throwing 1`] = ` exports[`renders without throwing 1`] = ` .c3 { - padding-right: 1rem; - padding-left: 1rem; + padding-right: 1.125rem; + padding-left: 1.125rem; } .c8 { - padding: 1rem; + padding: 1.125rem; } .c16 { @@ -7461,8 +7461,8 @@ exports[`renders without throwing 1`] = ` -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c17 { @@ -7470,8 +7470,8 @@ exports[`renders without throwing 1`] = ` -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c22 { @@ -7479,8 +7479,8 @@ exports[`renders without throwing 1`] = ` -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c4 { diff --git a/packages/my-joy-beta/src/components/__tests__/__snapshots__/network.spec.js.snap b/packages/my-joy-beta/src/components/__tests__/__snapshots__/network.spec.js.snap index 61155af3..f6924bec 100644 --- a/packages/my-joy-beta/src/components/__tests__/__snapshots__/network.spec.js.snap +++ b/packages/my-joy-beta/src/components/__tests__/__snapshots__/network.spec.js.snap @@ -2,24 +2,24 @@ exports[`renders without throwing 1`] = ` .c2 { - margin-bottom: 2rem; + margin-bottom: 1.5rem; } .c17 { - margin-right: 2rem; + margin-right: 1.5rem; } .c20 { - margin-right: 0.25rem; + margin-right: 0.375rem; } .c12 { - padding-right: 0; - padding-left: 0; + padding-right: 0rem; + padding-left: 0rem; } .c15 { - padding: 2rem; + padding: 1.5rem; } .c16 { @@ -97,8 +97,8 @@ exports[`renders without throwing 1`] = ` -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c1 { @@ -106,8 +106,8 @@ exports[`renders without throwing 1`] = ` -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c9 { @@ -706,24 +706,24 @@ exports[`renders without throwing 1`] = ` exports[`renders without throwing 2`] = ` .c10 { - margin-right: 2rem; + margin-right: 1.5rem; } .c12 { - margin-right: 0.25rem; + margin-right: 0.375rem; } .c2 { display: inline-block; - margin-top: 1rem; - margin-right: 1rem; + margin-top: 1.125rem; + margin-right: 1.125rem; } .c6 { - margin-top: 0.5rem; - margin-right: 1rem; - margin-bottom: 0.5rem; - margin-left: 1rem; + margin-top: 0.75rem; + margin-right: 1.125rem; + margin-bottom: 0.75rem; + margin-left: 1.125rem; } .c9 { @@ -824,8 +824,8 @@ exports[`renders without throwing 2`] = ` -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c1 { @@ -833,8 +833,8 @@ exports[`renders without throwing 2`] = ` -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c7 { @@ -1033,28 +1033,28 @@ exports[`renders without throwing 2`] = ` exports[`renders without throwing 1`] = ` .c2 { - margin-bottom: 2rem; + margin-bottom: 1.5rem; } .c19 { - margin-right: 2rem; + margin-right: 1.5rem; } .c22 { - margin-right: 0.25rem; + margin-right: 0.375rem; } .c16 { - margin-bottom: 1rem; + margin-bottom: 1.125rem; } .c12 { - padding-right: 0; - padding-left: 0; + padding-right: 0rem; + padding-left: 0rem; } .c15 { - padding: 2rem; + padding: 1.5rem; } .c18 { @@ -1132,8 +1132,8 @@ exports[`renders without throwing 1`] = ` -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c1 { @@ -1141,8 +1141,8 @@ exports[`renders without throwing 1`] = ` -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c9 { @@ -1752,24 +1752,24 @@ exports[`renders without throwing 1`] = ` exports[`renders without throwing 2`] = ` .c10 { - margin-right: 2rem; + margin-right: 1.5rem; } .c12 { - margin-right: 0.25rem; + margin-right: 0.375rem; } .c2 { display: inline-block; - margin-top: 1rem; - margin-right: 1rem; + margin-top: 1.125rem; + margin-right: 1.125rem; } .c6 { - margin-top: 0.5rem; - margin-right: 1rem; - margin-bottom: 0.5rem; - margin-left: 1rem; + margin-top: 0.75rem; + margin-right: 1.125rem; + margin-bottom: 0.75rem; + margin-left: 1.125rem; } .c9 { @@ -1870,8 +1870,8 @@ exports[`renders without throwing 2`] = ` -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c1 { @@ -1879,8 +1879,8 @@ exports[`renders without throwing 2`] = ` -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c7 { @@ -2081,28 +2081,28 @@ exports[`renders without throwing 2`] = ` exports[`renders without throwing 3`] = ` .c2 { - margin-bottom: 2rem; + margin-bottom: 1.5rem; } .c19 { - margin-right: 2rem; + margin-right: 1.5rem; } .c22 { - margin-right: 0.25rem; + margin-right: 0.375rem; } .c16 { - margin-bottom: 1rem; + margin-bottom: 1.125rem; } .c12 { - padding-right: 0; - padding-left: 0; + padding-right: 0rem; + padding-left: 0rem; } .c15 { - padding: 2rem; + padding: 1.5rem; } .c18 { @@ -2180,8 +2180,8 @@ exports[`renders without throwing 3`] = ` -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c1 { @@ -2189,8 +2189,8 @@ exports[`renders without throwing 3`] = ` -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c9 { @@ -2800,24 +2800,24 @@ exports[`renders without throwing 3`] = ` exports[`renders without throwing 4`] = ` .c10 { - margin-right: 2rem; + margin-right: 1.5rem; } .c12 { - margin-right: 0.25rem; + margin-right: 0.375rem; } .c2 { display: inline-block; - margin-top: 1rem; - margin-right: 1rem; + margin-top: 1.125rem; + margin-right: 1.125rem; } .c6 { - margin-top: 0.5rem; - margin-right: 1rem; - margin-bottom: 0.5rem; - margin-left: 1rem; + margin-top: 0.75rem; + margin-right: 1.125rem; + margin-bottom: 0.75rem; + margin-left: 1.125rem; } .c9 { @@ -2918,8 +2918,8 @@ exports[`renders without throwing 4`] = ` -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c1 { @@ -2927,8 +2927,8 @@ exports[`renders without throwing 4`] = ` -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c7 { @@ -3129,37 +3129,37 @@ exports[`renders without throwing 4`] = ` exports[`renders without throwing 1`] = ` .c2 { - margin-bottom: 2rem; + margin-bottom: 1.5rem; } .c19 { - margin-right: 2rem; + margin-right: 1.5rem; } .c22 { - margin-right: 0.25rem; + margin-right: 0.375rem; } .c16 { - margin-bottom: 1rem; + margin-bottom: 1.125rem; } .c23 { - margin-top: 1rem; + margin-top: 1.125rem; } .c12 { - padding-right: 0; - padding-left: 0; + padding-right: 0rem; + padding-left: 0rem; } .c15 { - padding: 2rem; + padding: 1.5rem; } .c27 { - padding-right: 1rem; - padding-left: 1rem; + padding-right: 1.125rem; + padding-left: 1.125rem; } .c18 { @@ -3237,8 +3237,8 @@ exports[`renders without throwing 1`] = ` -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c1 { @@ -3246,8 +3246,8 @@ exports[`renders without throwing 1`] = ` -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c9 { @@ -4177,24 +4177,24 @@ exports[`renders without throwing 1`] = ` exports[`renders without throwing 2`] = ` .c10 { - margin-right: 2rem; + margin-right: 1.5rem; } .c12 { - margin-right: 0.25rem; + margin-right: 0.375rem; } .c2 { display: inline-block; - margin-top: 1rem; - margin-right: 1rem; + margin-top: 1.125rem; + margin-right: 1.125rem; } .c6 { - margin-top: 0.5rem; - margin-right: 1rem; - margin-bottom: 0.5rem; - margin-left: 1rem; + margin-top: 0.75rem; + margin-right: 1.125rem; + margin-bottom: 0.75rem; + margin-left: 1.125rem; } .c9 { @@ -4295,8 +4295,8 @@ exports[`renders without throwing 2`] = ` -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c1 { @@ -4304,8 +4304,8 @@ exports[`renders without throwing 2`] = ` -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c7 { @@ -4506,41 +4506,41 @@ exports[`renders without throwing 2`] = ` exports[`renders without throwing 1`] = ` .c2 { - margin-bottom: 2rem; + margin-bottom: 1.5rem; } .c19 { - margin-right: 2rem; + margin-right: 1.5rem; } .c22 { - margin-right: 0.25rem; + margin-right: 0.375rem; } .c16 { - margin-bottom: 1rem; + margin-bottom: 1.125rem; } .c23 { - margin-top: 1rem; + margin-top: 1.125rem; } .c12 { - padding-right: 0; - padding-left: 0; + padding-right: 0rem; + padding-left: 0rem; } .c15 { - padding: 2rem; + padding: 1.5rem; } .c25 { - padding-right: 1rem; - padding-left: 1rem; + padding-right: 1.125rem; + padding-left: 1.125rem; } .c26 { - padding: 1rem; + padding: 1.125rem; } .c18 { @@ -4641,8 +4641,8 @@ exports[`renders without throwing 1`] = ` -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c1 { @@ -4650,8 +4650,8 @@ exports[`renders without throwing 1`] = ` -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c9 { @@ -5651,24 +5651,24 @@ exports[`renders without throwing 1`] = ` exports[`renders without throwing 2`] = ` .c10 { - margin-right: 2rem; + margin-right: 1.5rem; } .c12 { - margin-right: 0.25rem; + margin-right: 0.375rem; } .c2 { display: inline-block; - margin-top: 1rem; - margin-right: 1rem; + margin-top: 1.125rem; + margin-right: 1.125rem; } .c6 { - margin-top: 0.5rem; - margin-right: 1rem; - margin-bottom: 0.5rem; - margin-left: 1rem; + margin-top: 0.75rem; + margin-right: 1.125rem; + margin-bottom: 0.75rem; + margin-left: 1.125rem; } .c9 { @@ -5769,8 +5769,8 @@ exports[`renders without throwing 2`] = ` -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c1 { @@ -5778,8 +5778,8 @@ exports[`renders without throwing 2`] = ` -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c7 { @@ -5980,28 +5980,28 @@ exports[`renders without throwing 2`] = ` exports[`renders without throwing 1`] = ` .c2 { - margin-bottom: 2rem; + margin-bottom: 1.5rem; } .c19 { - margin-right: 2rem; + margin-right: 1.5rem; } .c22 { - margin-right: 0.25rem; + margin-right: 0.375rem; } .c16 { - margin-bottom: 1rem; + margin-bottom: 1.125rem; } .c12 { - padding-right: 0; - padding-left: 0; + padding-right: 0rem; + padding-left: 0rem; } .c15 { - padding: 2rem; + padding: 1.5rem; } .c18 { @@ -6079,8 +6079,8 @@ exports[`renders without throwing 1`] = ` -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c1 { @@ -6088,8 +6088,8 @@ exports[`renders without throwing 1`] = ` -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c9 { @@ -6698,24 +6698,24 @@ exports[`renders without throwing 1`] = ` exports[`renders without throwing 2`] = ` .c10 { - margin-right: 2rem; + margin-right: 1.5rem; } .c12 { - margin-right: 0.25rem; + margin-right: 0.375rem; } .c2 { display: inline-block; - margin-top: 1rem; - margin-right: 1rem; + margin-top: 1.125rem; + margin-right: 1.125rem; } .c6 { - margin-top: 0.5rem; - margin-right: 1rem; - margin-bottom: 0.5rem; - margin-left: 1rem; + margin-top: 0.75rem; + margin-right: 1.125rem; + margin-bottom: 0.75rem; + margin-left: 1.125rem; } .c9 { @@ -6816,8 +6816,8 @@ exports[`renders without throwing 2`] = ` -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c1 { @@ -6825,8 +6825,8 @@ exports[`renders without throwing 2`] = ` -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c7 { diff --git a/packages/my-joy-beta/src/components/__tests__/__snapshots__/tags.spec.js.snap b/packages/my-joy-beta/src/components/__tests__/__snapshots__/tags.spec.js.snap index 1489f58b..3fddc8ac 100644 --- a/packages/my-joy-beta/src/components/__tests__/__snapshots__/tags.spec.js.snap +++ b/packages/my-joy-beta/src/components/__tests__/__snapshots__/tags.spec.js.snap @@ -2,12 +2,12 @@ exports[`renders without throwing 1`] = ` .c3 { - padding-right: 1rem; - padding-left: 1rem; + padding-right: 1.125rem; + padding-left: 1.125rem; } .c8 { - padding: 1rem; + padding: 1.125rem; } .c20 { @@ -394,8 +394,8 @@ exports[`renders without throwing 1`] = ` -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c25 { @@ -413,8 +413,8 @@ exports[`renders without throwing 1`] = ` -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c17 { @@ -422,8 +422,8 @@ exports[`renders without throwing 1`] = ` -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c22 { @@ -431,8 +431,8 @@ exports[`renders without throwing 1`] = ` -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c6 { @@ -1023,12 +1023,12 @@ exports[`renders without throwing 1`] = ` exports[`renders without throwing 1`] = ` .c3 { - padding-right: 1rem; - padding-left: 1rem; + padding-right: 1.125rem; + padding-left: 1.125rem; } .c8 { - padding: 1rem; + padding: 1.125rem; } .c20 { @@ -1415,8 +1415,8 @@ exports[`renders without throwing 1`] = ` -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c25 { @@ -1434,8 +1434,8 @@ exports[`renders without throwing 1`] = ` -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c17 { @@ -1443,8 +1443,8 @@ exports[`renders without throwing 1`] = ` -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c22 { @@ -1452,8 +1452,8 @@ exports[`renders without throwing 1`] = ` -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c24 { @@ -2055,8 +2055,8 @@ exports[`renders without throwing 1`] = ` exports[`renders without throwing 1`] = ` .c0 { - margin-right: 0.25rem; - margin-bottom: 0.25rem; + margin-right: 0.375rem; + margin-bottom: 0.375rem; } .c1 { @@ -2111,8 +2111,8 @@ exports[`renders without throwing 1`] = ` exports[`renders without throwing 1`] = ` .c0 { - margin-right: 0.25rem; - margin-bottom: 0.25rem; + margin-right: 0.375rem; + margin-bottom: 0.375rem; } .c1 { diff --git a/packages/my-joy-beta/src/components/__tests__/cns.ui.js b/packages/my-joy-beta/src/components/__tests__/cns.ui.js index 244fb037..f47100f2 100644 --- a/packages/my-joy-beta/src/components/__tests__/cns.ui.js +++ b/packages/my-joy-beta/src/components/__tests__/cns.ui.js @@ -1,6 +1,5 @@ import React from 'react'; import { toMatchImageSnapshot } from 'jest-image-snapshot'; -import renderer from 'react-test-renderer'; import screenshot from 'react-screenshot-renderer'; import { Header, HostnamesHeader, AddServiceForm, Hostname } from '../cns'; diff --git a/packages/my-joy-beta/src/components/__tests__/firewall.ui.js b/packages/my-joy-beta/src/components/__tests__/firewall.ui.js index f6ad3daa..6ff4e57b 100644 --- a/packages/my-joy-beta/src/components/__tests__/firewall.ui.js +++ b/packages/my-joy-beta/src/components/__tests__/firewall.ui.js @@ -1,6 +1,5 @@ import React, { Fragment } from 'react'; import { toMatchImageSnapshot } from 'jest-image-snapshot'; -import renderer from 'react-test-renderer'; import screenshot from 'react-screenshot-renderer'; import Firewall, { diff --git a/packages/my-joy-beta/src/components/__tests__/key-value.ui.js b/packages/my-joy-beta/src/components/__tests__/key-value.ui.js index 6873b14e..31648647 100644 --- a/packages/my-joy-beta/src/components/__tests__/key-value.ui.js +++ b/packages/my-joy-beta/src/components/__tests__/key-value.ui.js @@ -1,6 +1,5 @@ import React from 'react'; import { toMatchImageSnapshot } from 'jest-image-snapshot'; -import renderer from 'react-test-renderer'; import screenshot from 'react-screenshot-renderer'; import { KeyValue } from '../key-value'; @@ -82,7 +81,7 @@ it('', async () => { it('', async () => { expect( - renderer.create( + await screenshot( @@ -92,7 +91,7 @@ it('', async () => { it('', async () => { expect( - renderer.create( + await screenshot( diff --git a/packages/my-joy-beta/src/components/__tests__/network.ui.js b/packages/my-joy-beta/src/components/__tests__/network.ui.js index a2a5c2b1..2d3edf02 100644 --- a/packages/my-joy-beta/src/components/__tests__/network.ui.js +++ b/packages/my-joy-beta/src/components/__tests__/network.ui.js @@ -1,6 +1,5 @@ import React from 'react'; import { toMatchImageSnapshot } from 'jest-image-snapshot'; -import renderer from 'react-test-renderer'; import screenshot from 'react-screenshot-renderer'; import { Collapsed, Expanded } from '../network'; diff --git a/packages/my-joy-beta/src/components/__tests__/tags.ui.js b/packages/my-joy-beta/src/components/__tests__/tags.ui.js index 34e55b23..fae8c06a 100644 --- a/packages/my-joy-beta/src/components/__tests__/tags.ui.js +++ b/packages/my-joy-beta/src/components/__tests__/tags.ui.js @@ -1,6 +1,5 @@ import React from 'react'; import { toMatchImageSnapshot } from 'jest-image-snapshot'; -import renderer from 'react-test-renderer'; import screenshot from 'react-screenshot-renderer'; import Tag, { AddForm, EditForm } from '../tags'; diff --git a/packages/my-joy-beta/src/components/create-instance/__tests__/__image_snapshots__/affinity-ui-js-header-1-snap.png b/packages/my-joy-beta/src/components/create-instance/__tests__/__image_snapshots__/affinity-ui-js-header-1-snap.png index 4606332a..902d3fc4 100644 Binary files a/packages/my-joy-beta/src/components/create-instance/__tests__/__image_snapshots__/affinity-ui-js-header-1-snap.png and b/packages/my-joy-beta/src/components/create-instance/__tests__/__image_snapshots__/affinity-ui-js-header-1-snap.png differ diff --git a/packages/my-joy-beta/src/components/create-instance/__tests__/__image_snapshots__/affinity-ui-js-header-tag-1-snap.png b/packages/my-joy-beta/src/components/create-instance/__tests__/__image_snapshots__/affinity-ui-js-header-tag-1-snap.png index 4606332a..902d3fc4 100644 Binary files a/packages/my-joy-beta/src/components/create-instance/__tests__/__image_snapshots__/affinity-ui-js-header-tag-1-snap.png and b/packages/my-joy-beta/src/components/create-instance/__tests__/__image_snapshots__/affinity-ui-js-header-tag-1-snap.png differ diff --git a/packages/my-joy-beta/src/components/create-instance/__tests__/__image_snapshots__/affinity-ui-js-rule-1-snap.png b/packages/my-joy-beta/src/components/create-instance/__tests__/__image_snapshots__/affinity-ui-js-rule-1-snap.png index ebc2531b..b42c423a 100644 Binary files a/packages/my-joy-beta/src/components/create-instance/__tests__/__image_snapshots__/affinity-ui-js-rule-1-snap.png and b/packages/my-joy-beta/src/components/create-instance/__tests__/__image_snapshots__/affinity-ui-js-rule-1-snap.png differ diff --git a/packages/my-joy-beta/src/components/create-instance/__tests__/__image_snapshots__/affinity-ui-js-rule-2-snap.png b/packages/my-joy-beta/src/components/create-instance/__tests__/__image_snapshots__/affinity-ui-js-rule-2-snap.png index ebc2531b..b42c423a 100644 Binary files a/packages/my-joy-beta/src/components/create-instance/__tests__/__image_snapshots__/affinity-ui-js-rule-2-snap.png and b/packages/my-joy-beta/src/components/create-instance/__tests__/__image_snapshots__/affinity-ui-js-rule-2-snap.png differ diff --git a/packages/my-joy-beta/src/components/create-instance/__tests__/__image_snapshots__/images-ui-js-images-1-snap.png b/packages/my-joy-beta/src/components/create-instance/__tests__/__image_snapshots__/images-ui-js-images-1-snap.png index 2f94bc41..fb32094b 100644 Binary files a/packages/my-joy-beta/src/components/create-instance/__tests__/__image_snapshots__/images-ui-js-images-1-snap.png and b/packages/my-joy-beta/src/components/create-instance/__tests__/__image_snapshots__/images-ui-js-images-1-snap.png differ diff --git a/packages/my-joy-beta/src/components/create-instance/__tests__/__image_snapshots__/images-ui-js-images-expanded-1-snap.png b/packages/my-joy-beta/src/components/create-instance/__tests__/__image_snapshots__/images-ui-js-images-expanded-1-snap.png index 2f94bc41..fb32094b 100644 Binary files a/packages/my-joy-beta/src/components/create-instance/__tests__/__image_snapshots__/images-ui-js-images-expanded-1-snap.png and b/packages/my-joy-beta/src/components/create-instance/__tests__/__image_snapshots__/images-ui-js-images-expanded-1-snap.png differ diff --git a/packages/my-joy-beta/src/components/create-instance/__tests__/__image_snapshots__/images-ui-js-images-images-name-stuff-image-name-stuff-1-snap.png b/packages/my-joy-beta/src/components/create-instance/__tests__/__image_snapshots__/images-ui-js-images-images-name-stuff-image-name-stuff-1-snap.png index 4c4abca4..c5dcf8bc 100644 Binary files a/packages/my-joy-beta/src/components/create-instance/__tests__/__image_snapshots__/images-ui-js-images-images-name-stuff-image-name-stuff-1-snap.png and b/packages/my-joy-beta/src/components/create-instance/__tests__/__image_snapshots__/images-ui-js-images-images-name-stuff-image-name-stuff-1-snap.png differ diff --git a/packages/my-joy-beta/src/components/create-instance/__tests__/__image_snapshots__/images-ui-js-images-images-test-1-snap.png b/packages/my-joy-beta/src/components/create-instance/__tests__/__image_snapshots__/images-ui-js-images-images-test-1-snap.png index 2f94bc41..fb32094b 100644 Binary files a/packages/my-joy-beta/src/components/create-instance/__tests__/__image_snapshots__/images-ui-js-images-images-test-1-snap.png and b/packages/my-joy-beta/src/components/create-instance/__tests__/__image_snapshots__/images-ui-js-images-images-test-1-snap.png differ diff --git a/packages/my-joy-beta/src/components/create-instance/__tests__/__image_snapshots__/images-ui-js-images-is-vm-selected-1-snap.png b/packages/my-joy-beta/src/components/create-instance/__tests__/__image_snapshots__/images-ui-js-images-is-vm-selected-1-snap.png index 2f94bc41..fb32094b 100644 Binary files a/packages/my-joy-beta/src/components/create-instance/__tests__/__image_snapshots__/images-ui-js-images-is-vm-selected-1-snap.png and b/packages/my-joy-beta/src/components/create-instance/__tests__/__image_snapshots__/images-ui-js-images-is-vm-selected-1-snap.png differ diff --git a/packages/my-joy-beta/src/components/create-instance/__tests__/__image_snapshots__/images-ui-js-images-loading-1-snap.png b/packages/my-joy-beta/src/components/create-instance/__tests__/__image_snapshots__/images-ui-js-images-loading-1-snap.png index 2f94bc41..fb32094b 100644 Binary files a/packages/my-joy-beta/src/components/create-instance/__tests__/__image_snapshots__/images-ui-js-images-loading-1-snap.png and b/packages/my-joy-beta/src/components/create-instance/__tests__/__image_snapshots__/images-ui-js-images-loading-1-snap.png differ diff --git a/packages/my-joy-beta/src/components/create-instance/__tests__/__image_snapshots__/images-ui-js-images-pristine-false-1-snap.png b/packages/my-joy-beta/src/components/create-instance/__tests__/__image_snapshots__/images-ui-js-images-pristine-false-1-snap.png index 2f94bc41..fb32094b 100644 Binary files a/packages/my-joy-beta/src/components/create-instance/__tests__/__image_snapshots__/images-ui-js-images-pristine-false-1-snap.png and b/packages/my-joy-beta/src/components/create-instance/__tests__/__image_snapshots__/images-ui-js-images-pristine-false-1-snap.png differ diff --git a/packages/my-joy-beta/src/components/create-instance/__tests__/__image_snapshots__/name-ui-js-name-1-snap.png b/packages/my-joy-beta/src/components/create-instance/__tests__/__image_snapshots__/name-ui-js-name-1-snap.png index 33a2db59..79c29853 100644 Binary files a/packages/my-joy-beta/src/components/create-instance/__tests__/__image_snapshots__/name-ui-js-name-1-snap.png and b/packages/my-joy-beta/src/components/create-instance/__tests__/__image_snapshots__/name-ui-js-name-1-snap.png differ diff --git a/packages/my-joy-beta/src/components/create-instance/__tests__/__image_snapshots__/name-ui-js-name-expanded-1-snap.png b/packages/my-joy-beta/src/components/create-instance/__tests__/__image_snapshots__/name-ui-js-name-expanded-1-snap.png index 33a2db59..79c29853 100644 Binary files a/packages/my-joy-beta/src/components/create-instance/__tests__/__image_snapshots__/name-ui-js-name-expanded-1-snap.png and b/packages/my-joy-beta/src/components/create-instance/__tests__/__image_snapshots__/name-ui-js-name-expanded-1-snap.png differ diff --git a/packages/my-joy-beta/src/components/create-instance/__tests__/__image_snapshots__/name-ui-js-name-name-test-1-snap.png b/packages/my-joy-beta/src/components/create-instance/__tests__/__image_snapshots__/name-ui-js-name-name-test-1-snap.png index 33a2db59..79c29853 100644 Binary files a/packages/my-joy-beta/src/components/create-instance/__tests__/__image_snapshots__/name-ui-js-name-name-test-1-snap.png and b/packages/my-joy-beta/src/components/create-instance/__tests__/__image_snapshots__/name-ui-js-name-name-test-1-snap.png differ diff --git a/packages/my-joy-beta/src/components/create-instance/__tests__/__image_snapshots__/name-ui-js-name-pristine-false-1-snap.png b/packages/my-joy-beta/src/components/create-instance/__tests__/__image_snapshots__/name-ui-js-name-pristine-false-1-snap.png index 33a2db59..79c29853 100644 Binary files a/packages/my-joy-beta/src/components/create-instance/__tests__/__image_snapshots__/name-ui-js-name-pristine-false-1-snap.png and b/packages/my-joy-beta/src/components/create-instance/__tests__/__image_snapshots__/name-ui-js-name-pristine-false-1-snap.png differ diff --git a/packages/my-joy-beta/src/components/create-instance/__tests__/__image_snapshots__/package-ui-js-filters-1-snap.png b/packages/my-joy-beta/src/components/create-instance/__tests__/__image_snapshots__/package-ui-js-filters-1-snap.png index 7ca51a2d..7822ad38 100644 Binary files a/packages/my-joy-beta/src/components/create-instance/__tests__/__image_snapshots__/package-ui-js-filters-1-snap.png and b/packages/my-joy-beta/src/components/create-instance/__tests__/__image_snapshots__/package-ui-js-filters-1-snap.png differ diff --git a/packages/my-joy-beta/src/components/create-instance/__tests__/__image_snapshots__/package-ui-js-overview-1-snap.png b/packages/my-joy-beta/src/components/create-instance/__tests__/__image_snapshots__/package-ui-js-overview-1-snap.png index bb2981b6..c95ab15a 100644 Binary files a/packages/my-joy-beta/src/components/create-instance/__tests__/__image_snapshots__/package-ui-js-overview-1-snap.png and b/packages/my-joy-beta/src/components/create-instance/__tests__/__image_snapshots__/package-ui-js-overview-1-snap.png differ diff --git a/packages/my-joy-beta/src/components/create-instance/__tests__/__image_snapshots__/package-ui-js-overview-has-vms-1-snap.png b/packages/my-joy-beta/src/components/create-instance/__tests__/__image_snapshots__/package-ui-js-overview-has-vms-1-snap.png index 98517416..02c8858f 100644 Binary files a/packages/my-joy-beta/src/components/create-instance/__tests__/__image_snapshots__/package-ui-js-overview-has-vms-1-snap.png and b/packages/my-joy-beta/src/components/create-instance/__tests__/__image_snapshots__/package-ui-js-overview-has-vms-1-snap.png differ diff --git a/packages/my-joy-beta/src/components/create-instance/__tests__/__image_snapshots__/package-ui-js-package-1-snap.png b/packages/my-joy-beta/src/components/create-instance/__tests__/__image_snapshots__/package-ui-js-package-1-snap.png index 5892c9d6..1b1df0ee 100644 Binary files a/packages/my-joy-beta/src/components/create-instance/__tests__/__image_snapshots__/package-ui-js-package-1-snap.png and b/packages/my-joy-beta/src/components/create-instance/__tests__/__image_snapshots__/package-ui-js-package-1-snap.png differ diff --git a/packages/my-joy-beta/src/components/create-instance/__tests__/__image_snapshots__/package-ui-js-packages-expanded-1-snap.png b/packages/my-joy-beta/src/components/create-instance/__tests__/__image_snapshots__/package-ui-js-packages-expanded-1-snap.png index 8e276cd8..e62d61f6 100644 Binary files a/packages/my-joy-beta/src/components/create-instance/__tests__/__image_snapshots__/package-ui-js-packages-expanded-1-snap.png and b/packages/my-joy-beta/src/components/create-instance/__tests__/__image_snapshots__/package-ui-js-packages-expanded-1-snap.png differ diff --git a/packages/my-joy-beta/src/components/create-instance/__tests__/__image_snapshots__/package-ui-js-packages-is-vm-selected-1-snap.png b/packages/my-joy-beta/src/components/create-instance/__tests__/__image_snapshots__/package-ui-js-packages-is-vm-selected-1-snap.png index 8e276cd8..e62d61f6 100644 Binary files a/packages/my-joy-beta/src/components/create-instance/__tests__/__image_snapshots__/package-ui-js-packages-is-vm-selected-1-snap.png and b/packages/my-joy-beta/src/components/create-instance/__tests__/__image_snapshots__/package-ui-js-packages-is-vm-selected-1-snap.png differ diff --git a/packages/my-joy-beta/src/components/create-instance/__tests__/__image_snapshots__/package-ui-js-packages-loading-1-snap.png b/packages/my-joy-beta/src/components/create-instance/__tests__/__image_snapshots__/package-ui-js-packages-loading-1-snap.png index 8e276cd8..e62d61f6 100644 Binary files a/packages/my-joy-beta/src/components/create-instance/__tests__/__image_snapshots__/package-ui-js-packages-loading-1-snap.png and b/packages/my-joy-beta/src/components/create-instance/__tests__/__image_snapshots__/package-ui-js-packages-loading-1-snap.png differ diff --git a/packages/my-joy-beta/src/components/create-instance/__tests__/__image_snapshots__/package-ui-js-packages-packages-name-stuff-image-name-stuff-1-snap.png b/packages/my-joy-beta/src/components/create-instance/__tests__/__image_snapshots__/package-ui-js-packages-packages-name-stuff-image-name-stuff-1-snap.png index dfe61f34..b3d846aa 100644 Binary files a/packages/my-joy-beta/src/components/create-instance/__tests__/__image_snapshots__/package-ui-js-packages-packages-name-stuff-image-name-stuff-1-snap.png and b/packages/my-joy-beta/src/components/create-instance/__tests__/__image_snapshots__/package-ui-js-packages-packages-name-stuff-image-name-stuff-1-snap.png differ diff --git a/packages/my-joy-beta/src/components/create-instance/__tests__/__image_snapshots__/package-ui-js-packages-pristine-false-1-snap.png b/packages/my-joy-beta/src/components/create-instance/__tests__/__image_snapshots__/package-ui-js-packages-pristine-false-1-snap.png index 8e276cd8..e62d61f6 100644 Binary files a/packages/my-joy-beta/src/components/create-instance/__tests__/__image_snapshots__/package-ui-js-packages-pristine-false-1-snap.png and b/packages/my-joy-beta/src/components/create-instance/__tests__/__image_snapshots__/package-ui-js-packages-pristine-false-1-snap.png differ diff --git a/packages/my-joy-beta/src/components/create-instance/__tests__/__image_snapshots__/title-ui-js-title-1-snap.png b/packages/my-joy-beta/src/components/create-instance/__tests__/__image_snapshots__/title-ui-js-title-1-snap.png index 46e2dc9c..710dcb23 100644 Binary files a/packages/my-joy-beta/src/components/create-instance/__tests__/__image_snapshots__/title-ui-js-title-1-snap.png and b/packages/my-joy-beta/src/components/create-instance/__tests__/__image_snapshots__/title-ui-js-title-1-snap.png differ diff --git a/packages/my-joy-beta/src/components/create-instance/__tests__/__image_snapshots__/title-ui-js-title-icon-name-icon-1-snap.png b/packages/my-joy-beta/src/components/create-instance/__tests__/__image_snapshots__/title-ui-js-title-icon-name-icon-1-snap.png index aba645d8..be6f7a1f 100644 Binary files a/packages/my-joy-beta/src/components/create-instance/__tests__/__image_snapshots__/title-ui-js-title-icon-name-icon-1-snap.png and b/packages/my-joy-beta/src/components/create-instance/__tests__/__image_snapshots__/title-ui-js-title-icon-name-icon-1-snap.png differ diff --git a/packages/my-joy-beta/src/components/create-instance/__tests__/__image_snapshots__/title-ui-js-title-icon-test-label-instance-name-1-snap.png b/packages/my-joy-beta/src/components/create-instance/__tests__/__image_snapshots__/title-ui-js-title-icon-test-label-instance-name-1-snap.png index aba645d8..be6f7a1f 100644 Binary files a/packages/my-joy-beta/src/components/create-instance/__tests__/__image_snapshots__/title-ui-js-title-icon-test-label-instance-name-1-snap.png and b/packages/my-joy-beta/src/components/create-instance/__tests__/__image_snapshots__/title-ui-js-title-icon-test-label-instance-name-1-snap.png differ diff --git a/packages/my-joy-beta/src/components/create-instance/__tests__/__image_snapshots__/title-ui-js-title-label-test-1-snap.png b/packages/my-joy-beta/src/components/create-instance/__tests__/__image_snapshots__/title-ui-js-title-label-test-1-snap.png index 46e2dc9c..710dcb23 100644 Binary files a/packages/my-joy-beta/src/components/create-instance/__tests__/__image_snapshots__/title-ui-js-title-label-test-1-snap.png and b/packages/my-joy-beta/src/components/create-instance/__tests__/__image_snapshots__/title-ui-js-title-label-test-1-snap.png differ diff --git a/packages/my-joy-beta/src/components/create-instance/__tests__/__snapshots__/affinity.spec.js.snap b/packages/my-joy-beta/src/components/create-instance/__tests__/__snapshots__/affinity.spec.js.snap index dad59c3a..a494696f 100644 --- a/packages/my-joy-beta/src/components/create-instance/__tests__/__snapshots__/affinity.spec.js.snap +++ b/packages/my-joy-beta/src/components/create-instance/__tests__/__snapshots__/affinity.spec.js.snap @@ -40,12 +40,12 @@ Array [ exports[`renders without throwing 1`] = ` .c0 { - margin-top: 0.5rem; - margin-bottom: 2rem; + margin-top: 0.75rem; + margin-bottom: 1.5rem; } .c12 { - margin-right: 0.25rem; + margin-right: 0.375rem; } .c1 { @@ -722,12 +722,12 @@ exports[`renders without throwing 1`] = ` exports[`renders without throwing 2`] = ` .c0 { - margin-top: 0.5rem; - margin-bottom: 2rem; + margin-top: 0.75rem; + margin-bottom: 1.5rem; } .c12 { - margin-right: 0.25rem; + margin-right: 0.375rem; } .c1 { diff --git a/packages/my-joy-beta/src/components/create-instance/__tests__/__snapshots__/images.spec.js.snap b/packages/my-joy-beta/src/components/create-instance/__tests__/__snapshots__/images.spec.js.snap index a0b494e7..b1e19d91 100644 --- a/packages/my-joy-beta/src/components/create-instance/__tests__/__snapshots__/images.spec.js.snap +++ b/packages/my-joy-beta/src/components/create-instance/__tests__/__snapshots__/images.spec.js.snap @@ -2,11 +2,11 @@ exports[`renders without throwing 1`] = ` .c0 { - margin-bottom: 2rem; + margin-bottom: 1.5rem; } .c8 { - margin-top: 2rem; + margin-top: 1.5rem; } .c2 { @@ -48,8 +48,8 @@ exports[`renders without throwing 1`] = ` -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c11 { @@ -373,11 +373,11 @@ exports[`renders without throwing 1`] = ` exports[`renders without throwing 1`] = ` .c0 { - margin-bottom: 2rem; + margin-bottom: 1.5rem; } .c8 { - margin-top: 2rem; + margin-top: 1.5rem; } .c2 { @@ -419,8 +419,8 @@ exports[`renders without throwing 1`] = ` -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c11 { @@ -744,11 +744,11 @@ exports[`renders without throwing 1`] = ` exports[`renders without throwing 1`] = ` .c0 { - margin-bottom: 2rem; + margin-bottom: 1.5rem; } .c8 { - margin-top: 2rem; + margin-top: 1.5rem; } .c2 { @@ -790,8 +790,8 @@ exports[`renders without throwing 1`] = ` -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c11 { @@ -1115,11 +1115,11 @@ exports[`renders without throwing 1`] = ` exports[`renders without throwing 1`] = ` .c0 { - margin-bottom: 2rem; + margin-bottom: 1.5rem; } .c15 { - margin-top: 2rem; + margin-top: 1.5rem; } .c2 { @@ -1161,8 +1161,8 @@ exports[`renders without thr -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c8 { @@ -1170,8 +1170,8 @@ exports[`renders without thr -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c18 { @@ -1339,6 +1339,28 @@ exports[`renders without thr margin-top: 0.75rem; } +.c9 { + box-sizing: content-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex: 1 0 auto; + -ms-flex: 1 0 auto; + flex: 1 0 auto; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + position: relative; + border-width: 0.0625rem; + border-style: solid; + -webkit-transition: all 300ms ease; + transition: all 300ms ease; + color: rgba(73,73,73,1); + background-color: rgb(255,255,255); + border-color: rgb(216,216,216); +} + .c1 { display: inline-block; margin: 0; @@ -1540,34 +1562,6 @@ exports[`renders without thr display: none; } -.c9 { - width: 9rem; - height: 9rem; - background: rgb(255,255,255); - border: 0.0625rem solid rgb(216,216,216); - border-radius: 0.25rem; - box-sizing: border-box; - padding-top: 0.75rem; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - margin-bottom: 1.25rem; - -webkit-animation: eMLfYp 0.2s ease-in-out; - animation: eMLfYp 0.2s ease-in-out; -} - .c11 { min-width: 100%; width: 9rem; @@ -1658,7 +1652,8 @@ exports[`renders without thr >
stuff without thr exports[`renders without throwing 1`] = ` .c0 { - margin-bottom: 2rem; + margin-bottom: 1.5rem; } .c8 { - margin-top: 2rem; + margin-top: 1.5rem; } .c2 { @@ -1767,8 +1762,8 @@ exports[`renders without throwing 1`] = ` -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c11 { @@ -2092,11 +2087,11 @@ exports[`renders without throwing 1`] = ` exports[`renders without throwing 1`] = ` .c0 { - margin-bottom: 2rem; + margin-bottom: 1.5rem; } .c8 { - margin-top: 2rem; + margin-top: 1.5rem; } .c2 { @@ -2138,8 +2133,8 @@ exports[`renders without throwing 1`] = ` -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c11 { @@ -2463,11 +2458,11 @@ exports[`renders without throwing 1`] = ` exports[`renders without throwing 1`] = ` .c0 { - margin-bottom: 2rem; + margin-bottom: 1.5rem; } .c8 { - margin-top: 2rem; + margin-top: 1.5rem; } .c2 { @@ -2509,8 +2504,8 @@ exports[`renders without throwing 1`] = ` -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c11 { diff --git a/packages/my-joy-beta/src/components/create-instance/__tests__/__snapshots__/name.spec.js.snap b/packages/my-joy-beta/src/components/create-instance/__tests__/__snapshots__/name.spec.js.snap index 997624fe..e6abc5f1 100644 --- a/packages/my-joy-beta/src/components/create-instance/__tests__/__snapshots__/name.spec.js.snap +++ b/packages/my-joy-beta/src/components/create-instance/__tests__/__snapshots__/name.spec.js.snap @@ -2,13 +2,13 @@ exports[`renders without throwing 1`] = ` .c6 { - margin-top: undefined; - margin-left: 0.25rem; + margin-top: 0.875rem; + margin-left: 0.375rem; } .c10 { - margin-top: 0.5rem; - margin-bottom: 2rem; + margin-top: 0.75rem; + margin-bottom: 1.5rem; } .c0 { @@ -450,13 +450,13 @@ exports[`renders without throwing 1`] = ` exports[`renders without throwing 1`] = ` .c6 { - margin-top: undefined; - margin-left: 0.25rem; + margin-top: 0.875rem; + margin-left: 0.375rem; } .c10 { - margin-top: 0.5rem; - margin-bottom: 2rem; + margin-top: 0.75rem; + margin-bottom: 1.5rem; } .c0 { @@ -898,13 +898,13 @@ exports[`renders without throwing 1`] = ` exports[`renders without throwing 1`] = ` .c6 { - margin-top: undefined; - margin-left: 0.25rem; + margin-top: 0.875rem; + margin-left: 0.375rem; } .c10 { - margin-top: 0.5rem; - margin-bottom: 2rem; + margin-top: 0.75rem; + margin-bottom: 1.5rem; } .c0 { @@ -1346,13 +1346,13 @@ exports[`renders without throwing 1`] = ` exports[`renders without throwing 1`] = ` .c6 { - margin-top: undefined; - margin-left: 0.25rem; + margin-top: 0.875rem; + margin-left: 0.375rem; } .c10 { - margin-top: 0.5rem; - margin-bottom: 2rem; + margin-top: 0.75rem; + margin-bottom: 1.5rem; } .c0 { diff --git a/packages/my-joy-beta/src/components/create-instance/__tests__/__snapshots__/package.spec.js.snap b/packages/my-joy-beta/src/components/create-instance/__tests__/__snapshots__/package.spec.js.snap index 4744d741..e46afd9a 100644 --- a/packages/my-joy-beta/src/components/create-instance/__tests__/__snapshots__/package.spec.js.snap +++ b/packages/my-joy-beta/src/components/create-instance/__tests__/__snapshots__/package.spec.js.snap @@ -2,23 +2,23 @@ exports[`renders without throwing 1`] = ` .c12 { - margin-right: 0.5rem; - margin-left: 0.25rem; + margin-right: 0.75rem; + margin-left: 0.375rem; } .c0 { - margin-top: 2rem; - margin-bottom: 1rem; + margin-top: 1.5rem; + margin-bottom: 1.125rem; } .c11 { - margin-right: 0.25rem; - margin-left: 0.25rem; + margin-right: 0.375rem; + margin-left: 0.375rem; } .c13 { - margin-top: 0.5rem; - margin-bottom: 0.25rem; + margin-top: 0.75rem; + margin-bottom: 0.375rem; } .c10 { @@ -713,8 +713,8 @@ exports[`renders without throwing 1`] = ` exports[`renders without throwing 1`] = ` Array [ .c0 { - margin-top: 1rem; - margin-bottom: 0.5rem; + margin-top: 1.125rem; + margin-bottom: 0.75rem; } .c2 { @@ -949,8 +949,8 @@ Array [ exports[`renders without throwing 1`] = ` Array [ .c0 { - margin-top: 1rem; - margin-bottom: 0.5rem; + margin-top: 1.125rem; + margin-bottom: 0.75rem; } .c2 { @@ -1194,8 +1194,8 @@ Array [ exports[`renders without throwing 1`] = ` .c9 { - margin-right: 0.5rem; - margin-left: 0.25rem; + margin-right: 0.75rem; + margin-left: 0.375rem; } .c8 { @@ -1506,15 +1506,15 @@ exports[`renders without throwing 1`] = ` exports[`renders without throwing 1`] = ` .c10 { - margin-bottom: 0.5rem; + margin-bottom: 0.75rem; } .c13 { - margin-top: 2rem; + margin-top: 1.5rem; } .c8 { - padding: 8rem; + padding: 2.25rem; } .c9 { @@ -1951,15 +1951,15 @@ exports[`renders without throwing 1`] = ` exports[`renders without throwing 1`] = ` .c10 { - margin-bottom: 0.5rem; + margin-bottom: 0.75rem; } .c13 { - margin-top: 2rem; + margin-top: 1.5rem; } .c8 { - padding: 8rem; + padding: 2.25rem; } .c9 { @@ -2396,15 +2396,15 @@ exports[`renders without throwing 1`] = ` exports[`renders without throwing 1`] = ` .c10 { - margin-bottom: 0.5rem; + margin-bottom: 0.75rem; } .c13 { - margin-top: 2rem; + margin-top: 1.5rem; } .c8 { - padding: 8rem; + padding: 2.25rem; } .c9 { @@ -2841,7 +2841,7 @@ exports[`renders without throwing 1`] = ` exports[`renders without throwing 1`] = ` .c7 { - margin-top: 2rem; + margin-top: 1.5rem; } .c10 { @@ -3174,15 +3174,15 @@ exports[`renders without exports[`renders without throwing 1`] = ` .c10 { - margin-bottom: 0.5rem; + margin-bottom: 0.75rem; } .c13 { - margin-top: 2rem; + margin-top: 1.5rem; } .c8 { - padding: 8rem; + padding: 2.25rem; } .c9 { diff --git a/packages/my-joy-beta/src/components/create-instance/__tests__/__snapshots__/title.spec.js.snap b/packages/my-joy-beta/src/components/create-instance/__tests__/__snapshots__/title.spec.js.snap index 6260487d..f66eb038 100644 --- a/packages/my-joy-beta/src/components/create-instance/__tests__/__snapshots__/title.spec.js.snap +++ b/packages/my-joy-beta/src/components/create-instance/__tests__/__snapshots__/title.spec.js.snap @@ -24,8 +24,8 @@ exports[`renders without throwing 1`] = ` -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c6 { @@ -84,12 +84,12 @@ exports[`renders <Title /> without throwing 1`] = ` } .c1 { - margin-right: 0.25rem; + margin-right: 0.375rem; } .c5 { - margin-top: 0.25rem; - margin-bottom: 1rem; + margin-top: 0.375rem; + margin-bottom: 1.125rem; } .c4 + div:empty, @@ -149,8 +149,8 @@ exports[`renders <Title icon="NameIcon"/> without throwing 1`] = ` -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c6 { @@ -209,12 +209,12 @@ exports[`renders <Title icon="NameIcon"/> without throwing 1`] = ` } .c1 { - margin-right: 0.25rem; + margin-right: 0.375rem; } .c5 { - margin-top: 0.25rem; - margin-bottom: 1rem; + margin-top: 0.375rem; + margin-bottom: 1.125rem; } .c4 + div:empty, @@ -293,8 +293,8 @@ exports[`renders <Title icon="Test" label="Instance name"/> without throwing 1`] -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c6 { @@ -353,12 +353,12 @@ exports[`renders <Title icon="Test" label="Instance name"/> without throwing 1`] } .c1 { - margin-right: 0.25rem; + margin-right: 0.375rem; } .c5 { - margin-top: 0.25rem; - margin-bottom: 1rem; + margin-top: 0.375rem; + margin-bottom: 1.125rem; } .c4 + div:empty, @@ -438,8 +438,8 @@ exports[`renders <Title label="Test"/> without throwing 1`] = ` -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c6 { @@ -498,12 +498,12 @@ exports[`renders <Title label="Test"/> without throwing 1`] = ` } .c1 { - margin-right: 0.25rem; + margin-right: 0.375rem; } .c5 { - margin-top: 0.25rem; - margin-bottom: 1rem; + margin-top: 0.375rem; + margin-bottom: 1.125rem; } .c4 + div:empty, diff --git a/packages/my-joy-beta/src/components/create-instance/__tests__/affinity.ui.js b/packages/my-joy-beta/src/components/create-instance/__tests__/affinity.ui.js index 3923368f..e3e00102 100644 --- a/packages/my-joy-beta/src/components/create-instance/__tests__/affinity.ui.js +++ b/packages/my-joy-beta/src/components/create-instance/__tests__/affinity.ui.js @@ -1,6 +1,5 @@ import React from 'react'; import { toMatchImageSnapshot } from 'jest-image-snapshot'; -import renderer from 'react-test-renderer'; import screenshot from 'react-screenshot-renderer'; import { Rule, Header } from '../affinity'; diff --git a/packages/my-joy-beta/src/components/create-instance/__tests__/images.ui.js b/packages/my-joy-beta/src/components/create-instance/__tests__/images.ui.js index 7e7006c3..4a650470 100644 --- a/packages/my-joy-beta/src/components/create-instance/__tests__/images.ui.js +++ b/packages/my-joy-beta/src/components/create-instance/__tests__/images.ui.js @@ -1,6 +1,5 @@ import React from 'react'; import { toMatchImageSnapshot } from 'jest-image-snapshot'; -import renderer from 'react-test-renderer'; import screenshot from 'react-screenshot-renderer'; import Images from '../image'; diff --git a/packages/my-joy-beta/src/components/create-instance/__tests__/name.ui.js b/packages/my-joy-beta/src/components/create-instance/__tests__/name.ui.js index 1f0bab6f..6657edfe 100644 --- a/packages/my-joy-beta/src/components/create-instance/__tests__/name.ui.js +++ b/packages/my-joy-beta/src/components/create-instance/__tests__/name.ui.js @@ -1,6 +1,5 @@ import React from 'react'; import { toMatchImageSnapshot } from 'jest-image-snapshot'; -import renderer from 'react-test-renderer'; import screenshot from 'react-screenshot-renderer'; import Name from '../name'; diff --git a/packages/my-joy-beta/src/components/create-instance/__tests__/package.ui.js b/packages/my-joy-beta/src/components/create-instance/__tests__/package.ui.js index 63d41ee3..da12b757 100644 --- a/packages/my-joy-beta/src/components/create-instance/__tests__/package.ui.js +++ b/packages/my-joy-beta/src/components/create-instance/__tests__/package.ui.js @@ -1,6 +1,5 @@ import React from 'react'; import { toMatchImageSnapshot } from 'jest-image-snapshot'; -import renderer from 'react-test-renderer'; import screenshot from 'react-screenshot-renderer'; import { Filters, Packages, Package, Overview } from '../package'; diff --git a/packages/my-joy-beta/src/components/create-instance/__tests__/title.ui.js b/packages/my-joy-beta/src/components/create-instance/__tests__/title.ui.js index c93c7627..e11a059a 100644 --- a/packages/my-joy-beta/src/components/create-instance/__tests__/title.ui.js +++ b/packages/my-joy-beta/src/components/create-instance/__tests__/title.ui.js @@ -1,6 +1,5 @@ import React from 'react'; import { toMatchImageSnapshot } from 'jest-image-snapshot'; -import renderer from 'react-test-renderer'; import screenshot from 'react-screenshot-renderer'; import { NameIcon } from 'joyent-ui-toolkit'; diff --git a/packages/my-joy-beta/src/components/create-instance/image.js b/packages/my-joy-beta/src/components/create-instance/image.js index bab5330e..d6fdb5da 100644 --- a/packages/my-joy-beta/src/components/create-instance/image.js +++ b/packages/my-joy-beta/src/components/create-instance/image.js @@ -1,5 +1,5 @@ import React, { Fragment } from 'react'; -import styled, { keyframes } from 'styled-components'; +import styled from 'styled-components'; import { Field } from 'redux-form'; import { Margin } from 'styled-components-spacing'; import Flex from 'styled-flex-component'; @@ -16,44 +16,10 @@ import { Button, Toggle, H4, - Select + Select, + Card } from 'joyent-ui-toolkit'; -const fadeIn = keyframes` - from { - opacity: 0; - } - - to { - opacity: 1; - } -`; - -const Card = styled.div` - width: ${remcalc(144)}; - height: ${remcalc(144)}; - background: ${props => props.theme.white}; - border: ${remcalc(1)} solid ${props => props.theme.grey}; - border-radius: ${remcalc(4)}; - box-sizing: border-box; - padding-top: ${remcalc(12)}; - align-items: center; - justify-content: space-between; - flex-direction: column; - display: flex; - margin-bottom: ${remcalc(20)}; - animation: ${fadeIn} 0.2s ease-in-out; - - ${is('selected')` - border: 1px solid ${props => props.theme.primaryActive}; - - - select { - border-color: ${props => props.theme.primaryActive}; - } - `}; -`; - const Version = styled(Select)` min-width: 100%; width: ${remcalc(144)}; @@ -136,9 +102,10 @@ export default ({ images.filter(i => i.isVm === isVmSelected).map(image => ( <Col md={2} sm={3}> <Card - selected={ + active={ image.imageName === getImageByID(imageID, images).imageName } + preview > <img src={getImage(image.imageName).url} diff --git a/packages/my-joy-beta/src/components/firewall.js b/packages/my-joy-beta/src/components/firewall.js index c6c66c15..bc8b2f43 100644 --- a/packages/my-joy-beta/src/components/firewall.js +++ b/packages/my-joy-beta/src/components/firewall.js @@ -2,9 +2,7 @@ import React, { Fragment } from 'react'; import { Field } from 'redux-form'; import { Margin, Padding } from 'styled-components-spacing'; import Flex, { FlexItem } from 'styled-flex-component'; -import styled from 'styled-components'; import remcalc from 'remcalc'; -import is from 'styled-is'; import { H3, @@ -15,7 +13,9 @@ import { Row, Col, TagList, - P + P, + Strong, + Card } from 'joyent-ui-toolkit'; import Tag from '@components/tags'; @@ -24,17 +24,6 @@ import Empty from '@components/empty'; const capitalizeFirstLetter = string => string.charAt(0).toUpperCase() + string.slice(1); -const Box = styled.div` - display: inline-block; - background-color: ${props => props.theme.white}; - border: ${remcalc(1)} solid ${props => props.theme.grey}; - min-width: 100%; - - ${is('disabled')` - color: ${props => props.theme.greyDark} - `}; -`; - const Wildcards = { vmall: 'All VMs in DC', any: 'Any' @@ -43,8 +32,8 @@ const Wildcards = { const parsePartial = (p, index) => { if (p[0] === 'wildcard') { return ( - <Margin top={1} bottom={1}> - <span key={index}>{Wildcards[p[1]]}</span> + <Margin key={index} top={0.5} bottom={0.5}> + <P>{Wildcards[p[1]]}</P> </Margin> ); } @@ -55,7 +44,9 @@ const parsePartial = (p, index) => { return ( <Margin left={0.5}> - <Tag norMargin key={index} name={name} value={value} /> + <TagList> + <Tag norMargin key={index} name={name} value={value} /> + </TagList> </Margin> ); } @@ -68,30 +59,40 @@ const Rule = ({ enabled, rule_obj }) => { const tos = rule_obj.to.map(parsePartial); return ( - <Box disabled={!enabled}> + <Card disabled={!enabled}> <Padding left={3} right={3} top={1.5} bottom={1.5}> <Row> <Col xs={3}> <Flex justifyStart alignCenter contentStretch full> <Margin right={0.5}> <FlexItem> - <b>From: </b> + <Strong>From: </Strong> </FlexItem> </Margin> - <Flex alignCenter> - <TagList>{froms}</TagList> - </Flex> + <Flex alignCenter>{froms}</Flex> </Flex> </Col> <Col xs={3}> <Flex justifyStart alignCenter contentStretch full> <Margin right={0.5}> <FlexItem> - <b>To: </b> + <Strong>To: </Strong> + </FlexItem> + </Margin> + <Flex alignCenter>{tos}</Flex> + </Flex> + </Col> + <Col xs={2}> + <Flex justifyStart alignCenter contentStretch full> + <Margin right={0.5}> + <FlexItem> + <Strong>Protocol: </Strong> </FlexItem> </Margin> <Flex alignCenter> - <TagList>{tos}</TagList> + <Margin top={0.5} bottom={0.5}> + <P>{protocol.name}</P> + </Margin> </Flex> </Flex> </Col> @@ -99,35 +100,33 @@ const Rule = ({ enabled, rule_obj }) => { <Flex justifyStart alignCenter contentStretch full> <Margin right={0.5}> <FlexItem> - <b>Protocol: </b> + <Strong>Ports: </Strong> </FlexItem> </Margin> - <Flex alignCenter>{protocol.name}</Flex> + <Flex alignCenter> + <Margin top={0.5} bottom={0.5}> + <P>{protocol.targets.join(';')}</P> + </Margin> + </Flex> </Flex> </Col> <Col xs={2}> <Flex justifyStart alignCenter contentStretch full> <Margin right={0.5}> <FlexItem> - <b>Ports: </b> + <Strong>Action: </Strong> </FlexItem> </Margin> - <Flex alignCenter>{protocol.targets.join(';')}</Flex> - </Flex> - </Col> - <Col xs={2}> - <Flex justifyStart alignCenter contentStretch full> - <Margin right={0.5}> - <FlexItem> - <b>Action: </b> - </FlexItem> - </Margin> - <Flex alignCenter>{capitalizeFirstLetter(action)}</Flex> + <Flex alignCenter> + <Margin top={0.5} bottom={0.5}> + <P>{capitalizeFirstLetter(action)}</P> + </Margin> + </Flex> </Flex> </Col> </Row> </Padding> - </Box> + </Card> ); }; diff --git a/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/list-ui-js-instance-list-1-snap.png b/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/list-ui-js-instance-list-1-snap.png index 1017bc6c..ac4bf021 100644 Binary files a/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/list-ui-js-instance-list-1-snap.png and b/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/list-ui-js-instance-list-1-snap.png differ diff --git a/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/list-ui-js-instance-list-all-selected-1-snap.png b/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/list-ui-js-instance-list-all-selected-1-snap.png index d12a67c0..7fbbf981 100644 Binary files a/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/list-ui-js-instance-list-all-selected-1-snap.png and b/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/list-ui-js-instance-list-all-selected-1-snap.png differ diff --git a/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/list-ui-js-instance-list-children-instance-list-1-snap.png b/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/list-ui-js-instance-list-children-instance-list-1-snap.png index d5d49804..fea8f1d9 100644 Binary files a/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/list-ui-js-instance-list-children-instance-list-1-snap.png and b/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/list-ui-js-instance-list-children-instance-list-1-snap.png differ diff --git a/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/list-ui-js-instance-list-sort-by-1-snap.png b/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/list-ui-js-instance-list-sort-by-1-snap.png index a5f308f3..835d652c 100644 Binary files a/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/list-ui-js-instance-list-sort-by-1-snap.png and b/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/list-ui-js-instance-list-sort-by-1-snap.png differ diff --git a/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/list-ui-js-instance-list-sort-by-sort-order-1-snap.png b/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/list-ui-js-instance-list-sort-by-sort-order-1-snap.png index 8a634444..a9d83e3c 100644 Binary files a/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/list-ui-js-instance-list-sort-by-sort-order-1-snap.png and b/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/list-ui-js-instance-list-sort-by-sort-order-1-snap.png differ diff --git a/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/list-ui-js-instance-list-submitting-1-snap.png b/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/list-ui-js-instance-list-submitting-1-snap.png index 735f40a2..718d53c0 100644 Binary files a/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/list-ui-js-instance-list-submitting-1-snap.png and b/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/list-ui-js-instance-list-submitting-1-snap.png differ diff --git a/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/list-ui-js-item-1-snap.png b/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/list-ui-js-item-1-snap.png index a4452c55..5b073b26 100644 Binary files a/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/list-ui-js-item-1-snap.png and b/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/list-ui-js-item-1-snap.png differ diff --git a/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/list-ui-js-item-allowed-actions-1-snap.png b/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/list-ui-js-item-allowed-actions-1-snap.png index a4452c55..5b073b26 100644 Binary files a/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/list-ui-js-item-allowed-actions-1-snap.png and b/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/list-ui-js-item-allowed-actions-1-snap.png differ diff --git a/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/list-ui-js-item-item-1-snap.png b/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/list-ui-js-item-item-1-snap.png index bbe03f0a..acd83d76 100644 Binary files a/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/list-ui-js-item-item-1-snap.png and b/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/list-ui-js-item-item-1-snap.png differ diff --git a/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/list-ui-js-item-mutating-1-snap.png b/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/list-ui-js-item-mutating-1-snap.png index 78bde3b5..be8f122c 100644 Binary files a/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/list-ui-js-item-mutating-1-snap.png and b/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/list-ui-js-item-mutating-1-snap.png differ diff --git a/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/metadata-ui-js-add-form-1-snap.png b/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/metadata-ui-js-add-form-1-snap.png index 88304376..74139d97 100644 Binary files a/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/metadata-ui-js-add-form-1-snap.png and b/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/metadata-ui-js-add-form-1-snap.png differ diff --git a/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/metadata-ui-js-edit-form-1-snap.png b/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/metadata-ui-js-edit-form-1-snap.png index 22f050cd..507381e4 100644 Binary files a/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/metadata-ui-js-edit-form-1-snap.png and b/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/metadata-ui-js-edit-form-1-snap.png differ diff --git a/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/snapshots-ui-js-actions-1-snap.png b/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/snapshots-ui-js-actions-1-snap.png index 4cc59842..9cfa4f0a 100644 Binary files a/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/snapshots-ui-js-actions-1-snap.png and b/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/snapshots-ui-js-actions-1-snap.png differ diff --git a/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/snapshots-ui-js-item-1-snap.png b/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/snapshots-ui-js-item-1-snap.png index ad851a34..26f7811a 100644 Binary files a/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/snapshots-ui-js-item-1-snap.png and b/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/snapshots-ui-js-item-1-snap.png differ diff --git a/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/snapshots-ui-js-item-item-1-snap.png b/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/snapshots-ui-js-item-item-1-snap.png index cf569632..14008eb1 100644 Binary files a/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/snapshots-ui-js-item-item-1-snap.png and b/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/snapshots-ui-js-item-item-1-snap.png differ diff --git a/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/snapshots-ui-js-item-mutating-1-snap.png b/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/snapshots-ui-js-item-mutating-1-snap.png index 1b28157b..6f86a99a 100644 Binary files a/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/snapshots-ui-js-item-mutating-1-snap.png and b/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/snapshots-ui-js-item-mutating-1-snap.png differ diff --git a/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/snapshots-ui-js-snapshot-list-1-snap.png b/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/snapshots-ui-js-snapshot-list-1-snap.png index 4cc59842..9cfa4f0a 100644 Binary files a/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/snapshots-ui-js-snapshot-list-1-snap.png and b/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/snapshots-ui-js-snapshot-list-1-snap.png differ diff --git a/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/snapshots-ui-js-snapshot-list-all-selected-1-snap.png b/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/snapshots-ui-js-snapshot-list-all-selected-1-snap.png index f8e951aa..7b247056 100644 Binary files a/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/snapshots-ui-js-snapshot-list-all-selected-1-snap.png and b/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/snapshots-ui-js-snapshot-list-all-selected-1-snap.png differ diff --git a/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/snapshots-ui-js-snapshot-list-sort-by-1-snap.png b/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/snapshots-ui-js-snapshot-list-sort-by-1-snap.png index 3ec77a18..a4f89517 100644 Binary files a/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/snapshots-ui-js-snapshot-list-sort-by-1-snap.png and b/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/snapshots-ui-js-snapshot-list-sort-by-1-snap.png differ diff --git a/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/snapshots-ui-js-snapshot-list-sort-by-sort-order-1-snap.png b/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/snapshots-ui-js-snapshot-list-sort-by-sort-order-1-snap.png index f9d1adce..4633f152 100644 Binary files a/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/snapshots-ui-js-snapshot-list-sort-by-sort-order-1-snap.png and b/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/snapshots-ui-js-snapshot-list-sort-by-sort-order-1-snap.png differ diff --git a/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/snapshots-ui-js-snapshot-list-submitting-1-snap.png b/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/snapshots-ui-js-snapshot-list-submitting-1-snap.png index 20682eba..4066adb2 100644 Binary files a/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/snapshots-ui-js-snapshot-list-submitting-1-snap.png and b/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/snapshots-ui-js-snapshot-list-submitting-1-snap.png differ diff --git a/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/summary-ui-js-summary-1-snap.png b/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/summary-ui-js-summary-1-snap.png index 92ee529f..074af19a 100644 Binary files a/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/summary-ui-js-summary-1-snap.png and b/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/summary-ui-js-summary-1-snap.png differ diff --git a/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/summary-ui-js-summary-instance-1-snap.png b/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/summary-ui-js-summary-instance-1-snap.png index b00b77cb..1ae62c06 100644 Binary files a/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/summary-ui-js-summary-instance-1-snap.png and b/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/summary-ui-js-summary-instance-1-snap.png differ diff --git a/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/summary-ui-js-summary-instance-2-snap.png b/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/summary-ui-js-summary-instance-2-snap.png index edf5d0e5..725af019 100644 Binary files a/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/summary-ui-js-summary-instance-2-snap.png and b/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/summary-ui-js-summary-instance-2-snap.png differ diff --git a/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/summary-ui-js-summary-starting-stopping-rebooting-removing-1-snap.png b/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/summary-ui-js-summary-starting-stopping-rebooting-removing-1-snap.png index 726cf3e9..99faec4c 100644 Binary files a/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/summary-ui-js-summary-starting-stopping-rebooting-removing-1-snap.png and b/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/summary-ui-js-summary-starting-stopping-rebooting-removing-1-snap.png differ diff --git a/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/summary-ui-js-summary-state-provisioning-1-snap.png b/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/summary-ui-js-summary-state-provisioning-1-snap.png index e247b634..e8928d8d 100644 Binary files a/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/summary-ui-js-summary-state-provisioning-1-snap.png and b/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/summary-ui-js-summary-state-provisioning-1-snap.png differ diff --git a/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/summary-ui-js-summary-state-running-1-snap.png b/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/summary-ui-js-summary-state-running-1-snap.png index 39c05e9d..41275743 100644 Binary files a/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/summary-ui-js-summary-state-running-1-snap.png and b/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/summary-ui-js-summary-state-running-1-snap.png differ diff --git a/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/summary-ui-js-summary-state-stopped-1-snap.png b/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/summary-ui-js-summary-state-stopped-1-snap.png index abe3dda0..8ff79182 100644 Binary files a/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/summary-ui-js-summary-state-stopped-1-snap.png and b/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/summary-ui-js-summary-state-stopped-1-snap.png differ diff --git a/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/toolbar-ui-js-toolbar-1-snap.png b/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/toolbar-ui-js-toolbar-1-snap.png index 6d93cce8..e60a3ed7 100644 Binary files a/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/toolbar-ui-js-toolbar-1-snap.png and b/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/toolbar-ui-js-toolbar-1-snap.png differ diff --git a/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/toolbar-ui-js-toolbar-action-label-1-snap.png b/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/toolbar-ui-js-toolbar-action-label-1-snap.png index 79b810db..5b10bc1d 100644 Binary files a/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/toolbar-ui-js-toolbar-action-label-1-snap.png and b/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/toolbar-ui-js-toolbar-action-label-1-snap.png differ diff --git a/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/toolbar-ui-js-toolbar-actionable-1-snap.png b/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/toolbar-ui-js-toolbar-actionable-1-snap.png index 68e78612..59256ff6 100644 Binary files a/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/toolbar-ui-js-toolbar-actionable-1-snap.png and b/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/toolbar-ui-js-toolbar-actionable-1-snap.png differ diff --git a/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/toolbar-ui-js-toolbar-on-action-click-1-snap.png b/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/toolbar-ui-js-toolbar-on-action-click-1-snap.png index 6d93cce8..e60a3ed7 100644 Binary files a/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/toolbar-ui-js-toolbar-on-action-click-1-snap.png and b/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/toolbar-ui-js-toolbar-on-action-click-1-snap.png differ diff --git a/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/toolbar-ui-js-toolbar-search-label-1-snap.png b/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/toolbar-ui-js-toolbar-search-label-1-snap.png index fecdd9b0..fde74442 100644 Binary files a/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/toolbar-ui-js-toolbar-search-label-1-snap.png and b/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/toolbar-ui-js-toolbar-search-label-1-snap.png differ diff --git a/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/toolbar-ui-js-toolbar-search-placeholder-1-snap.png b/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/toolbar-ui-js-toolbar-search-placeholder-1-snap.png index 790883bc..110b641a 100644 Binary files a/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/toolbar-ui-js-toolbar-search-placeholder-1-snap.png and b/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/toolbar-ui-js-toolbar-search-placeholder-1-snap.png differ diff --git a/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/toolbar-ui-js-toolbar-searchable-1-snap.png b/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/toolbar-ui-js-toolbar-searchable-1-snap.png index 5a9f690a..3c8bfca3 100644 Binary files a/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/toolbar-ui-js-toolbar-searchable-1-snap.png and b/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/toolbar-ui-js-toolbar-searchable-1-snap.png differ diff --git a/packages/my-joy-beta/src/components/instances/__tests__/__snapshots__/metadata.spec.js.snap b/packages/my-joy-beta/src/components/instances/__tests__/__snapshots__/metadata.spec.js.snap index 9fff82c8..31f2e06f 100644 --- a/packages/my-joy-beta/src/components/instances/__tests__/__snapshots__/metadata.spec.js.snap +++ b/packages/my-joy-beta/src/components/instances/__tests__/__snapshots__/metadata.spec.js.snap @@ -2,12 +2,12 @@ exports[`renders <AddForm /> without throwing 1`] = ` .c3 { - padding-right: 1rem; - padding-left: 1rem; + padding-right: 1.125rem; + padding-left: 1.125rem; } .c8 { - padding: 1rem; + padding: 1.125rem; } .c9 { @@ -25,8 +25,8 @@ exports[`renders <AddForm /> without throwing 1`] = ` -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c18 { @@ -44,8 +44,8 @@ exports[`renders <AddForm /> without throwing 1`] = ` -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c10 { @@ -53,8 +53,8 @@ exports[`renders <AddForm /> without throwing 1`] = ` -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c23 { @@ -62,8 +62,8 @@ exports[`renders <AddForm /> without throwing 1`] = ` -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c4 { @@ -1067,12 +1067,12 @@ exports[`renders <AddForm /> without throwing 1`] = ` exports[`renders <EditForm /> without throwing 1`] = ` .c3 { - padding-right: 1rem; - padding-left: 1rem; + padding-right: 1.125rem; + padding-left: 1.125rem; } .c8 { - padding: 1rem; + padding: 1.125rem; } .c9 { @@ -1090,8 +1090,8 @@ exports[`renders <EditForm /> without throwing 1`] = ` -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c18 { @@ -1109,8 +1109,8 @@ exports[`renders <EditForm /> without throwing 1`] = ` -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c10 { @@ -1118,8 +1118,8 @@ exports[`renders <EditForm /> without throwing 1`] = ` -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c19 { @@ -1127,8 +1127,8 @@ exports[`renders <EditForm /> without throwing 1`] = ` -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c24 { @@ -1136,8 +1136,8 @@ exports[`renders <EditForm /> without throwing 1`] = ` -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c4 { diff --git a/packages/my-joy-beta/src/components/instances/__tests__/__snapshots__/summary.spec.js.snap b/packages/my-joy-beta/src/components/instances/__tests__/__snapshots__/summary.spec.js.snap index 9d30820d..1ab305cd 100644 --- a/packages/my-joy-beta/src/components/instances/__tests__/__snapshots__/summary.spec.js.snap +++ b/packages/my-joy-beta/src/components/instances/__tests__/__snapshots__/summary.spec.js.snap @@ -16,8 +16,8 @@ exports[`renders <Summary /> without throwing 1`] = ` -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c5 { @@ -35,8 +35,8 @@ exports[`renders <Summary /> without throwing 1`] = ` -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c16 { @@ -54,8 +54,8 @@ exports[`renders <Summary /> without throwing 1`] = ` -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c1 { @@ -63,8 +63,8 @@ exports[`renders <Summary /> without throwing 1`] = ` -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c6 { @@ -72,8 +72,8 @@ exports[`renders <Summary /> without throwing 1`] = ` -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c17 { @@ -81,8 +81,8 @@ exports[`renders <Summary /> without throwing 1`] = ` -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c22 { @@ -90,8 +90,8 @@ exports[`renders <Summary /> without throwing 1`] = ` -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c27 { @@ -99,26 +99,26 @@ exports[`renders <Summary /> without throwing 1`] = ` -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c8 { - margin-top: 0.5rem; - margin-bottom: 1rem; + margin-top: 0.75rem; + margin-bottom: 1.125rem; } .c14 { - margin-top: 0.25rem; + margin-top: 0.375rem; } .c25 { - margin-top: 2rem; - margin-bottom: 4rem; + margin-top: 1.5rem; + margin-bottom: 1.875rem; } .c4 { - padding: 2rem; + padding: 1.5rem; } .c20 { @@ -1795,8 +1795,8 @@ exports[`renders <Summary instance /> without throwing 1`] = ` -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c5 { @@ -1814,8 +1814,8 @@ exports[`renders <Summary instance /> without throwing 1`] = ` -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c16 { @@ -1833,8 +1833,8 @@ exports[`renders <Summary instance /> without throwing 1`] = ` -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c1 { @@ -1842,8 +1842,8 @@ exports[`renders <Summary instance /> without throwing 1`] = ` -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c6 { @@ -1851,8 +1851,8 @@ exports[`renders <Summary instance /> without throwing 1`] = ` -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c17 { @@ -1860,8 +1860,8 @@ exports[`renders <Summary instance /> without throwing 1`] = ` -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c24 { @@ -1869,8 +1869,8 @@ exports[`renders <Summary instance /> without throwing 1`] = ` -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c29 { @@ -1878,26 +1878,26 @@ exports[`renders <Summary instance /> without throwing 1`] = ` -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c8 { - margin-top: 0.5rem; - margin-bottom: 1rem; + margin-top: 0.75rem; + margin-bottom: 1.125rem; } .c14 { - margin-top: 0.25rem; + margin-top: 0.375rem; } .c27 { - margin-top: 2rem; - margin-bottom: 4rem; + margin-top: 1.5rem; + margin-bottom: 1.875rem; } .c4 { - padding: 2rem; + padding: 1.5rem; } .c20 { @@ -3857,8 +3857,8 @@ exports[`renders <Summary instance /> without throwing 2`] = ` -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c5 { @@ -3876,8 +3876,8 @@ exports[`renders <Summary instance /> without throwing 2`] = ` -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c16 { @@ -3895,8 +3895,8 @@ exports[`renders <Summary instance /> without throwing 2`] = ` -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c1 { @@ -3904,8 +3904,8 @@ exports[`renders <Summary instance /> without throwing 2`] = ` -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c6 { @@ -3913,8 +3913,8 @@ exports[`renders <Summary instance /> without throwing 2`] = ` -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c17 { @@ -3922,8 +3922,8 @@ exports[`renders <Summary instance /> without throwing 2`] = ` -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c24 { @@ -3931,8 +3931,8 @@ exports[`renders <Summary instance /> without throwing 2`] = ` -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c29 { @@ -3940,26 +3940,26 @@ exports[`renders <Summary instance /> without throwing 2`] = ` -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c8 { - margin-top: 0.5rem; - margin-bottom: 1rem; + margin-top: 0.75rem; + margin-bottom: 1.125rem; } .c14 { - margin-top: 0.25rem; + margin-top: 0.375rem; } .c27 { - margin-top: 2rem; - margin-bottom: 4rem; + margin-top: 1.5rem; + margin-bottom: 1.875rem; } .c4 { - padding: 2rem; + padding: 1.5rem; } .c20 { @@ -5919,8 +5919,8 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c5 { @@ -5938,8 +5938,8 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c16 { @@ -5957,8 +5957,8 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c1 { @@ -5966,8 +5966,8 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c6 { @@ -5975,8 +5975,8 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c17 { @@ -5984,8 +5984,8 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c26 { @@ -5993,8 +5993,8 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c31 { @@ -6002,26 +6002,26 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c8 { - margin-top: 0.5rem; - margin-bottom: 1rem; + margin-top: 0.75rem; + margin-bottom: 1.125rem; } .c14 { - margin-top: 0.25rem; + margin-top: 0.375rem; } .c29 { - margin-top: 2rem; - margin-bottom: 4rem; + margin-top: 1.5rem; + margin-bottom: 1.875rem; } .c4 { - padding: 2rem; + padding: 1.5rem; } .c20 { @@ -7803,8 +7803,8 @@ exports[`renders <Summary state /> without throwing 1`] = ` -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c5 { @@ -7822,8 +7822,8 @@ exports[`renders <Summary state /> without throwing 1`] = ` -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c16 { @@ -7841,8 +7841,8 @@ exports[`renders <Summary state /> without throwing 1`] = ` -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c1 { @@ -7850,8 +7850,8 @@ exports[`renders <Summary state /> without throwing 1`] = ` -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c6 { @@ -7859,8 +7859,8 @@ exports[`renders <Summary state /> without throwing 1`] = ` -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c17 { @@ -7868,8 +7868,8 @@ exports[`renders <Summary state /> without throwing 1`] = ` -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c24 { @@ -7877,8 +7877,8 @@ exports[`renders <Summary state /> without throwing 1`] = ` -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c29 { @@ -7886,26 +7886,26 @@ exports[`renders <Summary state /> without throwing 1`] = ` -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c8 { - margin-top: 0.5rem; - margin-bottom: 1rem; + margin-top: 0.75rem; + margin-bottom: 1.125rem; } .c14 { - margin-top: 0.25rem; + margin-top: 0.375rem; } .c27 { - margin-top: 2rem; - margin-bottom: 4rem; + margin-top: 1.5rem; + margin-bottom: 1.875rem; } .c4 { - padding: 2rem; + padding: 1.5rem; } .c20 { @@ -9751,8 +9751,8 @@ exports[`renders <Summary state /> without throwing 2`] = ` -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c5 { @@ -9770,8 +9770,8 @@ exports[`renders <Summary state /> without throwing 2`] = ` -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c16 { @@ -9789,8 +9789,8 @@ exports[`renders <Summary state /> without throwing 2`] = ` -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c1 { @@ -9798,8 +9798,8 @@ exports[`renders <Summary state /> without throwing 2`] = ` -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c6 { @@ -9807,8 +9807,8 @@ exports[`renders <Summary state /> without throwing 2`] = ` -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c17 { @@ -9816,8 +9816,8 @@ exports[`renders <Summary state /> without throwing 2`] = ` -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c24 { @@ -9825,8 +9825,8 @@ exports[`renders <Summary state /> without throwing 2`] = ` -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c29 { @@ -9834,26 +9834,26 @@ exports[`renders <Summary state /> without throwing 2`] = ` -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c8 { - margin-top: 0.5rem; - margin-bottom: 1rem; + margin-top: 0.75rem; + margin-bottom: 1.125rem; } .c14 { - margin-top: 0.25rem; + margin-top: 0.375rem; } .c27 { - margin-top: 2rem; - margin-bottom: 4rem; + margin-top: 1.5rem; + margin-bottom: 1.875rem; } .c4 { - padding: 2rem; + padding: 1.5rem; } .c20 { @@ -11699,8 +11699,8 @@ exports[`renders <Summary state /> without throwing 3`] = ` -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c5 { @@ -11718,8 +11718,8 @@ exports[`renders <Summary state /> without throwing 3`] = ` -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c16 { @@ -11737,8 +11737,8 @@ exports[`renders <Summary state /> without throwing 3`] = ` -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c1 { @@ -11746,8 +11746,8 @@ exports[`renders <Summary state /> without throwing 3`] = ` -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c6 { @@ -11755,8 +11755,8 @@ exports[`renders <Summary state /> without throwing 3`] = ` -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c17 { @@ -11764,8 +11764,8 @@ exports[`renders <Summary state /> without throwing 3`] = ` -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c22 { @@ -11773,8 +11773,8 @@ exports[`renders <Summary state /> without throwing 3`] = ` -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c27 { @@ -11782,26 +11782,26 @@ exports[`renders <Summary state /> without throwing 3`] = ` -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c8 { - margin-top: 0.5rem; - margin-bottom: 1rem; + margin-top: 0.75rem; + margin-bottom: 1.125rem; } .c14 { - margin-top: 0.25rem; + margin-top: 0.375rem; } .c25 { - margin-top: 2rem; - margin-bottom: 4rem; + margin-top: 1.5rem; + margin-bottom: 1.875rem; } .c4 { - padding: 2rem; + padding: 1.5rem; } .c20 { diff --git a/packages/my-joy-beta/src/components/instances/__tests__/__snapshots__/toolbar.spec.js.snap b/packages/my-joy-beta/src/components/instances/__tests__/__snapshots__/toolbar.spec.js.snap index db188ee5..85e3cb9b 100644 --- a/packages/my-joy-beta/src/components/instances/__tests__/__snapshots__/toolbar.spec.js.snap +++ b/packages/my-joy-beta/src/components/instances/__tests__/__snapshots__/toolbar.spec.js.snap @@ -2,7 +2,7 @@ exports[`renders <Toolbar /> without throwing 1`] = ` .c7 { - margin-top: undefined; + margin-top: 0.875rem; } .c10 { @@ -154,8 +154,8 @@ exports[`renders <Toolbar /> without throwing 1`] = ` -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; @@ -166,8 +166,8 @@ exports[`renders <Toolbar /> without throwing 1`] = ` -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c5 { @@ -175,8 +175,8 @@ exports[`renders <Toolbar /> without throwing 1`] = ` -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c2 { @@ -370,7 +370,7 @@ exports[`renders <Toolbar /> without throwing 1`] = ` exports[`renders <Toolbar actionLabel /> without throwing 1`] = ` .c7 { - margin-top: undefined; + margin-top: 0.875rem; } .c10 { @@ -522,8 +522,8 @@ exports[`renders <Toolbar actionLabel /> without throwing 1`] = ` -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; @@ -534,8 +534,8 @@ exports[`renders <Toolbar actionLabel /> without throwing 1`] = ` -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c5 { @@ -543,8 +543,8 @@ exports[`renders <Toolbar actionLabel /> without throwing 1`] = ` -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c2 { @@ -738,7 +738,7 @@ exports[`renders <Toolbar actionLabel /> without throwing 1`] = ` exports[`renders <Toolbar actionable /> without throwing 1`] = ` .c7 { - margin-top: undefined; + margin-top: 0.875rem; } .c10 { @@ -912,8 +912,8 @@ exports[`renders <Toolbar actionable /> without throwing 1`] = ` -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; @@ -924,8 +924,8 @@ exports[`renders <Toolbar actionable /> without throwing 1`] = ` -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c5 { @@ -933,8 +933,8 @@ exports[`renders <Toolbar actionable /> without throwing 1`] = ` -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c2 { @@ -1128,7 +1128,7 @@ exports[`renders <Toolbar actionable /> without throwing 1`] = ` exports[`renders <Toolbar onActionClick /> without throwing 1`] = ` .c7 { - margin-top: undefined; + margin-top: 0.875rem; } .c10 { @@ -1280,8 +1280,8 @@ exports[`renders <Toolbar onActionClick /> without throwing 1`] = ` -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; @@ -1292,8 +1292,8 @@ exports[`renders <Toolbar onActionClick /> without throwing 1`] = ` -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c5 { @@ -1301,8 +1301,8 @@ exports[`renders <Toolbar onActionClick /> without throwing 1`] = ` -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c2 { @@ -1496,7 +1496,7 @@ exports[`renders <Toolbar onActionClick /> without throwing 1`] = ` exports[`renders <Toolbar searchLabel /> without throwing 1`] = ` .c7 { - margin-top: undefined; + margin-top: 0.875rem; } .c10 { @@ -1648,8 +1648,8 @@ exports[`renders <Toolbar searchLabel /> without throwing 1`] = ` -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; @@ -1660,8 +1660,8 @@ exports[`renders <Toolbar searchLabel /> without throwing 1`] = ` -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c5 { @@ -1669,8 +1669,8 @@ exports[`renders <Toolbar searchLabel /> without throwing 1`] = ` -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c2 { @@ -1864,7 +1864,7 @@ exports[`renders <Toolbar searchLabel /> without throwing 1`] = ` exports[`renders <Toolbar searchPlaceholder /> without throwing 1`] = ` .c7 { - margin-top: undefined; + margin-top: 0.875rem; } .c10 { @@ -2016,8 +2016,8 @@ exports[`renders <Toolbar searchPlaceholder /> without throwing 1`] = ` -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; @@ -2028,8 +2028,8 @@ exports[`renders <Toolbar searchPlaceholder /> without throwing 1`] = ` -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c5 { @@ -2037,8 +2037,8 @@ exports[`renders <Toolbar searchPlaceholder /> without throwing 1`] = ` -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c2 { @@ -2232,7 +2232,7 @@ exports[`renders <Toolbar searchPlaceholder /> without throwing 1`] = ` exports[`renders <Toolbar searchable /> without throwing 1`] = ` .c7 { - margin-top: undefined; + margin-top: 0.875rem; } .c10 { @@ -2384,8 +2384,8 @@ exports[`renders <Toolbar searchable /> without throwing 1`] = ` -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; @@ -2396,8 +2396,8 @@ exports[`renders <Toolbar searchable /> without throwing 1`] = ` -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c5 { @@ -2405,8 +2405,8 @@ exports[`renders <Toolbar searchable /> without throwing 1`] = ` -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c2 { diff --git a/packages/my-joy-beta/src/components/instances/__tests__/list.ui.js b/packages/my-joy-beta/src/components/instances/__tests__/list.ui.js index d2ffa864..d3e2f685 100644 --- a/packages/my-joy-beta/src/components/instances/__tests__/list.ui.js +++ b/packages/my-joy-beta/src/components/instances/__tests__/list.ui.js @@ -1,6 +1,5 @@ import React from 'react'; import { toMatchImageSnapshot } from 'jest-image-snapshot'; -import renderer from 'react-test-renderer'; import screenshot from 'react-screenshot-renderer'; import { Table, TableTbody } from 'joyent-ui-toolkit'; diff --git a/packages/my-joy-beta/src/components/instances/__tests__/metadata.ui.js b/packages/my-joy-beta/src/components/instances/__tests__/metadata.ui.js index 2c601f3e..b2e34dd7 100644 --- a/packages/my-joy-beta/src/components/instances/__tests__/metadata.ui.js +++ b/packages/my-joy-beta/src/components/instances/__tests__/metadata.ui.js @@ -1,6 +1,5 @@ import React from 'react'; import { toMatchImageSnapshot } from 'jest-image-snapshot'; -import renderer from 'react-test-renderer'; import screenshot from 'react-screenshot-renderer'; import { AddForm, EditForm } from '../metadata'; diff --git a/packages/my-joy-beta/src/components/instances/__tests__/snapshots.ui.js b/packages/my-joy-beta/src/components/instances/__tests__/snapshots.ui.js index 73fa48ff..3c70226b 100644 --- a/packages/my-joy-beta/src/components/instances/__tests__/snapshots.ui.js +++ b/packages/my-joy-beta/src/components/instances/__tests__/snapshots.ui.js @@ -1,6 +1,5 @@ import React from 'react'; import { toMatchImageSnapshot } from 'jest-image-snapshot'; -import renderer from 'react-test-renderer'; import screenshot from 'react-screenshot-renderer'; import { Table, TableTbody } from 'joyent-ui-toolkit'; diff --git a/packages/my-joy-beta/src/components/instances/__tests__/summary.ui.js b/packages/my-joy-beta/src/components/instances/__tests__/summary.ui.js index db9c7ade..d791137e 100644 --- a/packages/my-joy-beta/src/components/instances/__tests__/summary.ui.js +++ b/packages/my-joy-beta/src/components/instances/__tests__/summary.ui.js @@ -1,6 +1,5 @@ import React from 'react'; import { toMatchImageSnapshot } from 'jest-image-snapshot'; -import renderer from 'react-test-renderer'; import screenshot from 'react-screenshot-renderer'; import Summary from '../summary'; diff --git a/packages/my-joy-beta/src/components/instances/__tests__/toolbar.ui.js b/packages/my-joy-beta/src/components/instances/__tests__/toolbar.ui.js index 7fe39805..643776e8 100644 --- a/packages/my-joy-beta/src/components/instances/__tests__/toolbar.ui.js +++ b/packages/my-joy-beta/src/components/instances/__tests__/toolbar.ui.js @@ -1,6 +1,5 @@ import React from 'react'; import { toMatchImageSnapshot } from 'jest-image-snapshot'; -import renderer from 'react-test-renderer'; import screenshot from 'react-screenshot-renderer'; import { Toolbar } from '../toolbar'; 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 a2290e1f..3c435414 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 6f0cb947..8f2380eb 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/navigation/__tests__/__snapshots__/menu.spec.js.snap b/packages/my-joy-beta/src/components/navigation/__tests__/__snapshots__/menu.spec.js.snap index 34889751..8f9ccb8d 100644 --- a/packages/my-joy-beta/src/components/navigation/__tests__/__snapshots__/menu.spec.js.snap +++ b/packages/my-joy-beta/src/components/navigation/__tests__/__snapshots__/menu.spec.js.snap @@ -4,7 +4,7 @@ exports[`renders <Menu /> without throwing 1`] = `null`; exports[`renders <Menu links /> without throwing 1`] = ` .c1 { - margin-bottom: 8rem; + margin-bottom: 2.25rem; } .c6 { @@ -62,13 +62,13 @@ exports[`renders <Menu links /> without throwing 1`] = ` @media only screen and (min-width:64em) { .c0 { - width: 61rem; + width: 56rem; } } @media only screen and (min-width:75em) { .c0 { - width: 76rem; + width: 59rem; } } diff --git a/packages/my-joy-beta/src/components/navigation/__tests__/footer.ui.js b/packages/my-joy-beta/src/components/navigation/__tests__/footer.ui.js index 23fa236c..4b0a6ddb 100644 --- a/packages/my-joy-beta/src/components/navigation/__tests__/footer.ui.js +++ b/packages/my-joy-beta/src/components/navigation/__tests__/footer.ui.js @@ -1,6 +1,5 @@ import React from 'react'; import { toMatchImageSnapshot } from 'jest-image-snapshot'; -import renderer from 'react-test-renderer'; import screenshot from 'react-screenshot-renderer'; import Footer from '../footer'; diff --git a/packages/my-joy-beta/src/components/navigation/__tests__/menu.ui.js b/packages/my-joy-beta/src/components/navigation/__tests__/menu.ui.js index 2e2f1adc..5a8b6e18 100644 --- a/packages/my-joy-beta/src/components/navigation/__tests__/menu.ui.js +++ b/packages/my-joy-beta/src/components/navigation/__tests__/menu.ui.js @@ -1,6 +1,5 @@ import React from 'react'; import { toMatchImageSnapshot } from 'jest-image-snapshot'; -import renderer from 'react-test-renderer'; import screenshot from 'react-screenshot-renderer'; import Menu from '../menu'; 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 f9ba960e..4421e6ae 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 c356fb7f..7993c50d 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 5c2d7735..f3c7f51d 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 ccfbc90a..c6883223 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 115057c3..4c2e616b 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 de915e35..77e7af45 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 de915e35..77e7af45 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 8ebd4c33..c10ee13b 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 de915e35..77e7af45 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 82583240..d8f997eb 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 8a0b756d..4dab3005 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 bc4df270..a304e0e9 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 e95442f7..957ad008 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 644734e5..d7029cd8 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 bc4df270..a304e0e9 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 644734e5..d7029cd8 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 38056c88..d2fbf7ac 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 9a6f43be..0e4de5a6 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 eeee1d02..f1ad5aa7 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 ede562c3..c03d6bb7 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 d8600cf9..0eb98364 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 d8600cf9..0eb98364 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 1ae4d5fd..cecb42c1 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 539619d3..7283b4ae 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 @@ -25,8 +25,8 @@ Array [ -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c6 { @@ -36,12 +36,12 @@ Array [ } .c1 { - margin-right: 0.25rem; + margin-right: 0.375rem; } .c5 { - margin-top: 0.25rem; - margin-bottom: 1rem; + margin-top: 0.375rem; + margin-bottom: 1.125rem; } .c0 { @@ -182,8 +182,8 @@ Array [ -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c6 { @@ -193,12 +193,12 @@ Array [ } .c1 { - margin-right: 0.25rem; + margin-right: 0.375rem; } .c5 { - margin-top: 0.25rem; - margin-bottom: 1rem; + margin-top: 0.375rem; + margin-bottom: 1.125rem; } .c0 { @@ -345,8 +345,8 @@ Array [ -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c1 { @@ -354,12 +354,12 @@ Array [ -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c2 { - margin-bottom: 1rem; + margin-bottom: 1.125rem; } @media only screen and (min-width:0em) { @@ -803,8 +803,8 @@ Array [ -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c18 { @@ -822,8 +822,8 @@ Array [ -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c10 { @@ -831,8 +831,8 @@ Array [ -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c23 { @@ -840,8 +840,8 @@ Array [ -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c6 { @@ -1205,12 +1205,12 @@ Array [ } .c3 { - padding-right: 1rem; - padding-left: 1rem; + padding-right: 1.125rem; + padding-left: 1.125rem; } .c8 { - padding: 1rem; + padding: 1.125rem; } .c4 { @@ -1661,7 +1661,7 @@ Array [ } .c0 { - margin-bottom: 2rem; + margin-bottom: 1.5rem; } <div> @@ -1714,8 +1714,8 @@ Array [ -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c6 { @@ -1725,12 +1725,12 @@ Array [ } .c1 { - margin-right: 0.25rem; + margin-right: 0.375rem; } .c5 { - margin-top: 0.25rem; - margin-bottom: 1rem; + margin-top: 0.375rem; + margin-bottom: 1.125rem; } .c0 { @@ -1877,8 +1877,8 @@ Array [ -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c1 { @@ -1886,12 +1886,12 @@ Array [ -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c2 { - margin-bottom: 1rem; + margin-bottom: 1.125rem; } @media only screen and (min-width:0em) { @@ -2131,7 +2131,7 @@ Array [ } .c0 { - margin-bottom: 2rem; + margin-bottom: 1.5rem; } <div> @@ -2184,8 +2184,8 @@ Array [ -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c6 { @@ -2195,12 +2195,12 @@ Array [ } .c1 { - margin-right: 0.25rem; + margin-right: 0.375rem; } .c5 { - margin-top: 0.25rem; - margin-bottom: 1rem; + margin-top: 0.375rem; + margin-bottom: 1.125rem; } .c0 { @@ -2708,8 +2708,8 @@ Array [ -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c18 { @@ -2727,8 +2727,8 @@ Array [ -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c10 { @@ -2736,8 +2736,8 @@ Array [ -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c19 { @@ -2745,8 +2745,8 @@ Array [ -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c24 { @@ -2754,8 +2754,8 @@ Array [ -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c15 { @@ -3100,12 +3100,12 @@ Array [ } .c3 { - padding-right: 1rem; - padding-left: 1rem; + padding-right: 1.125rem; + padding-left: 1.125rem; } .c8 { - padding: 1rem; + padding: 1.125rem; } .c4 { @@ -3807,8 +3807,8 @@ Array [ -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c18 { @@ -3826,8 +3826,8 @@ Array [ -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c10 { @@ -3835,8 +3835,8 @@ Array [ -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c19 { @@ -3844,8 +3844,8 @@ Array [ -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c24 { @@ -3853,8 +3853,8 @@ Array [ -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c15 { @@ -4199,12 +4199,12 @@ Array [ } .c3 { - padding-right: 1rem; - padding-left: 1rem; + padding-right: 1.125rem; + padding-left: 1.125rem; } .c8 { - padding: 1rem; + padding: 1.125rem; } .c4 { @@ -4539,8 +4539,8 @@ Array [ -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c6 { @@ -4550,12 +4550,12 @@ Array [ } .c1 { - margin-right: 0.25rem; + margin-right: 0.375rem; } .c5 { - margin-top: 0.25rem; - margin-bottom: 1rem; + margin-top: 0.375rem; + margin-bottom: 1.125rem; } .c0 { @@ -4702,8 +4702,8 @@ Array [ -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c1 { @@ -4711,12 +4711,12 @@ Array [ -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c2 { - margin-bottom: 1rem; + margin-bottom: 1.125rem; } @media only screen and (min-width:0em) { @@ -5160,8 +5160,8 @@ Array [ -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c18 { @@ -5179,8 +5179,8 @@ Array [ -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c10 { @@ -5188,8 +5188,8 @@ Array [ -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c19 { @@ -5197,8 +5197,8 @@ Array [ -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c24 { @@ -5206,8 +5206,8 @@ Array [ -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c15 { @@ -5552,12 +5552,12 @@ Array [ } .c3 { - padding-right: 1rem; - padding-left: 1rem; + padding-right: 1.125rem; + padding-left: 1.125rem; } .c8 { - padding: 1rem; + padding: 1.125rem; } .c4 { @@ -6259,8 +6259,8 @@ Array [ -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c18 { @@ -6278,8 +6278,8 @@ Array [ -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c10 { @@ -6287,8 +6287,8 @@ Array [ -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c19 { @@ -6296,8 +6296,8 @@ Array [ -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c24 { @@ -6305,8 +6305,8 @@ Array [ -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c15 { @@ -6651,12 +6651,12 @@ Array [ } .c3 { - padding-right: 1rem; - padding-left: 1rem; + padding-right: 1.125rem; + padding-left: 1.125rem; } .c8 { - padding: 1rem; + padding: 1.125rem; } .c4 { @@ -7154,7 +7154,7 @@ Array [ } .c0 { - margin-bottom: 2rem; + margin-bottom: 1.5rem; } <div> diff --git a/packages/my-joy-beta/src/containers/create-instance/__tests__/__snapshots__/networks.spec.js.snap b/packages/my-joy-beta/src/containers/create-instance/__tests__/__snapshots__/networks.spec.js.snap index e2495451..4d965a1a 100644 --- a/packages/my-joy-beta/src/containers/create-instance/__tests__/__snapshots__/networks.spec.js.snap +++ b/packages/my-joy-beta/src/containers/create-instance/__tests__/__snapshots__/networks.spec.js.snap @@ -25,8 +25,8 @@ Array [ -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c6 { @@ -36,12 +36,12 @@ Array [ } .c1 { - margin-right: 0.25rem; + margin-right: 0.375rem; } .c5 { - margin-top: 0.25rem; - margin-bottom: 1rem; + margin-top: 0.375rem; + margin-bottom: 1.125rem; } .c0 { @@ -148,7 +148,7 @@ Array [ </div>, <form />, .c0 { - margin-bottom: 2rem; + margin-bottom: 1.5rem; } <div @@ -182,8 +182,8 @@ Array [ -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c6 { @@ -193,12 +193,12 @@ Array [ } .c1 { - margin-right: 0.25rem; + margin-right: 0.375rem; } .c5 { - margin-top: 0.25rem; - margin-bottom: 1rem; + margin-top: 0.375rem; + margin-bottom: 1.125rem; } .c0 { @@ -304,7 +304,7 @@ Array [ </div> </div>, .c0 { - margin-bottom: 2rem; + margin-bottom: 1.5rem; } <div @@ -338,8 +338,8 @@ Array [ -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c6 { @@ -349,12 +349,12 @@ Array [ } .c1 { - margin-right: 0.25rem; + margin-right: 0.375rem; } .c5 { - margin-top: 0.25rem; - margin-bottom: 1rem; + margin-top: 0.375rem; + margin-bottom: 1.125rem; } .c0 { @@ -494,8 +494,8 @@ Array [ -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c1 { @@ -503,12 +503,12 @@ Array [ -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c2 { - margin-bottom: 1rem; + margin-bottom: 1.125rem; } @media only screen and (min-width:0em) { @@ -799,7 +799,7 @@ Array [ } .c0 { - margin-bottom: 2rem; + margin-bottom: 1.5rem; } <div @@ -843,8 +843,8 @@ Array [ -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c6 { @@ -854,12 +854,12 @@ Array [ } .c1 { - margin-right: 0.25rem; + margin-right: 0.375rem; } .c5 { - margin-top: 0.25rem; - margin-bottom: 1rem; + margin-top: 0.375rem; + margin-bottom: 1.125rem; } .c0 { @@ -966,7 +966,7 @@ Array [ </div>, <form />, .c0 { - margin-bottom: 2rem; + margin-bottom: 1.5rem; } <div @@ -1000,8 +1000,8 @@ Array [ -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c6 { @@ -1011,12 +1011,12 @@ Array [ } .c1 { - margin-right: 0.25rem; + margin-right: 0.375rem; } .c5 { - margin-top: 0.25rem; - margin-bottom: 1rem; + margin-top: 0.375rem; + margin-bottom: 1.125rem; } .c0 { @@ -1156,8 +1156,8 @@ Array [ -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c1 { @@ -1165,12 +1165,12 @@ Array [ -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c2 { - margin-bottom: 1rem; + margin-bottom: 1.125rem; } @media only screen and (min-width:0em) { @@ -1316,8 +1316,8 @@ Array [ -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c1 { @@ -1325,8 +1325,8 @@ Array [ -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c13 { @@ -1973,37 +1973,37 @@ Array [ } .c22 { - margin-right: 0.25rem; + margin-right: 0.375rem; } .c2 { - margin-bottom: 2rem; + margin-bottom: 1.5rem; } .c16 { - margin-bottom: 1rem; + margin-bottom: 1.125rem; } .c19 { - margin-right: 2rem; + margin-right: 1.5rem; } .c23 { - margin-top: 1rem; + margin-top: 1.125rem; } .c12 { - padding-right: 0; - padding-left: 0; + padding-right: 0rem; + padding-left: 0rem; } .c15 { - padding: 2rem; + padding: 1.5rem; } .c27 { - padding-right: 1rem; - padding-left: 1rem; + padding-right: 1.125rem; + padding-left: 1.125rem; } .c18 { @@ -2760,7 +2760,7 @@ Array [ } .c0 { - margin-bottom: 2rem; + margin-bottom: 1.5rem; } <div @@ -2804,8 +2804,8 @@ Array [ -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c6 { @@ -2815,12 +2815,12 @@ Array [ } .c1 { - margin-right: 0.25rem; + margin-right: 0.375rem; } .c5 { - margin-top: 0.25rem; - margin-bottom: 1rem; + margin-top: 0.375rem; + margin-bottom: 1.125rem; } .c0 { @@ -2989,8 +2989,8 @@ Array [ -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c1 { @@ -2998,8 +2998,8 @@ Array [ -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c8 { @@ -3025,24 +3025,24 @@ Array [ } .c12 { - margin-right: 0.25rem; + margin-right: 0.375rem; } .c10 { - margin-right: 2rem; + margin-right: 1.5rem; } .c2 { display: inline-block; - margin-top: 1rem; - margin-right: 1rem; + margin-top: 1.125rem; + margin-right: 1.125rem; } .c6 { - margin-top: 0.5rem; - margin-right: 1rem; - margin-bottom: 0.5rem; - margin-left: 1rem; + margin-top: 0.75rem; + margin-right: 1.125rem; + margin-bottom: 0.75rem; + margin-left: 1.125rem; } .c9 { @@ -3407,7 +3407,7 @@ Array [ } .c0 { - margin-bottom: 2rem; + margin-bottom: 1.5rem; } <div diff --git a/packages/my-joy-beta/src/containers/create-instance/__tests__/__snapshots__/tag.spec.js.snap b/packages/my-joy-beta/src/containers/create-instance/__tests__/__snapshots__/tag.spec.js.snap index ac2a9259..0d7a4034 100644 --- a/packages/my-joy-beta/src/containers/create-instance/__tests__/__snapshots__/tag.spec.js.snap +++ b/packages/my-joy-beta/src/containers/create-instance/__tests__/__snapshots__/tag.spec.js.snap @@ -25,8 +25,8 @@ Array [ -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c6 { @@ -36,12 +36,12 @@ Array [ } .c1 { - margin-right: 0.25rem; + margin-right: 0.375rem; } .c5 { - margin-top: 0.25rem; - margin-bottom: 1rem; + margin-top: 0.375rem; + margin-bottom: 1.125rem; } .c0 { @@ -175,8 +175,8 @@ Array [ -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c6 { @@ -186,12 +186,12 @@ Array [ } .c1 { - margin-right: 0.25rem; + margin-right: 0.375rem; } .c5 { - margin-top: 0.25rem; - margin-bottom: 1rem; + margin-top: 0.375rem; + margin-bottom: 1.125rem; } .c0 { @@ -331,8 +331,8 @@ Array [ -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c1 { @@ -340,12 +340,12 @@ Array [ -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c2 { - margin-bottom: 1rem; + margin-bottom: 1.125rem; } @media only screen and (min-width:0em) { @@ -407,7 +407,7 @@ Array [ } .c0 { - margin-bottom: 2rem; + margin-bottom: 1.5rem; } <div @@ -801,8 +801,8 @@ Array [ -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c16 { @@ -820,8 +820,8 @@ Array [ -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c17 { @@ -829,8 +829,8 @@ Array [ -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c22 { @@ -838,8 +838,8 @@ Array [ -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c6 { @@ -1153,12 +1153,12 @@ Array [ } .c3 { - padding-right: 1rem; - padding-left: 1rem; + padding-right: 1.125rem; + padding-left: 1.125rem; } .c8 { - padding: 1rem; + padding: 1.125rem; } .c4 { @@ -1627,7 +1627,7 @@ Array [ } .c0 { - margin-bottom: 2rem; + margin-bottom: 1.5rem; } <div> @@ -1680,8 +1680,8 @@ Array [ -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c6 { @@ -1691,12 +1691,12 @@ Array [ } .c1 { - margin-right: 0.25rem; + margin-right: 0.375rem; } .c5 { - margin-top: 0.25rem; - margin-bottom: 1rem; + margin-top: 0.375rem; + margin-bottom: 1.125rem; } .c0 { @@ -1836,8 +1836,8 @@ Array [ -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c1 { @@ -1845,12 +1845,12 @@ Array [ -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c2 { - margin-bottom: 1rem; + margin-bottom: 1.125rem; } @media only screen and (min-width:0em) { @@ -1912,7 +1912,7 @@ Array [ } .c0 { - margin-bottom: 2rem; + margin-bottom: 1.5rem; } <div @@ -2114,7 +2114,7 @@ Array [ } .c0 { - margin-bottom: 2rem; + margin-bottom: 1.5rem; } <div> @@ -2167,8 +2167,8 @@ Array [ -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c6 { @@ -2178,12 +2178,12 @@ Array [ } .c1 { - margin-right: 0.25rem; + margin-right: 0.375rem; } .c5 { - margin-top: 0.25rem; - margin-bottom: 1rem; + margin-top: 0.375rem; + margin-bottom: 1.125rem; } .c0 { @@ -2317,8 +2317,8 @@ Array [ -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c6 { @@ -2328,12 +2328,12 @@ Array [ } .c1 { - margin-right: 0.25rem; + margin-right: 0.375rem; } .c5 { - margin-top: 0.25rem; - margin-bottom: 1rem; + margin-top: 0.375rem; + margin-bottom: 1.125rem; } .c0 { @@ -2473,8 +2473,8 @@ Array [ -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c1 { @@ -2482,12 +2482,12 @@ Array [ -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c2 { - margin-bottom: 1rem; + margin-bottom: 1.125rem; } @media only screen and (min-width:0em) { @@ -2549,7 +2549,7 @@ Array [ } .c0 { - margin-bottom: 2rem; + margin-bottom: 1.5rem; } <div @@ -2751,7 +2751,7 @@ Array [ } .c0 { - margin-bottom: 2rem; + margin-bottom: 1.5rem; } <div> diff --git a/packages/my-joy-beta/src/containers/create-instance/__tests__/__snapshots__/user-script.spec.js.snap b/packages/my-joy-beta/src/containers/create-instance/__tests__/__snapshots__/user-script.spec.js.snap index aea0249d..b6b0cd0f 100644 --- a/packages/my-joy-beta/src/containers/create-instance/__tests__/__snapshots__/user-script.spec.js.snap +++ b/packages/my-joy-beta/src/containers/create-instance/__tests__/__snapshots__/user-script.spec.js.snap @@ -25,8 +25,8 @@ Array [ -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c6 { @@ -36,12 +36,12 @@ Array [ } .c1 { - margin-right: 0.25rem; + margin-right: 0.375rem; } .c5 { - margin-top: 0.25rem; - margin-bottom: 1rem; + margin-top: 0.375rem; + margin-bottom: 1.125rem; } .c0 { @@ -542,8 +542,8 @@ Array [ -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c17 { @@ -561,8 +561,8 @@ Array [ -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c10 { @@ -570,8 +570,8 @@ Array [ -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c22 { @@ -579,8 +579,8 @@ Array [ -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c6 { @@ -881,12 +881,12 @@ Array [ } .c3 { - padding-right: 1rem; - padding-left: 1rem; + padding-right: 1.125rem; + padding-left: 1.125rem; } .c8 { - padding: 1rem; + padding: 1.125rem; } .c4 { @@ -1139,8 +1139,8 @@ Array [ -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c6 { @@ -1150,12 +1150,12 @@ Array [ } .c1 { - margin-right: 0.25rem; + margin-right: 0.375rem; } .c5 { - margin-top: 0.25rem; - margin-bottom: 1rem; + margin-top: 0.375rem; + margin-bottom: 1.125rem; } .c0 { @@ -1295,8 +1295,8 @@ Array [ -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c1 { @@ -1304,12 +1304,12 @@ Array [ -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c2 { - margin-bottom: 1rem; + margin-bottom: 1.125rem; } @media only screen and (min-width:0em) { @@ -1745,8 +1745,8 @@ Array [ -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c17 { @@ -1764,8 +1764,8 @@ Array [ -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c10 { @@ -1773,8 +1773,8 @@ Array [ -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c22 { @@ -1782,8 +1782,8 @@ Array [ -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c6 { @@ -2084,12 +2084,12 @@ Array [ } .c3 { - padding-right: 1rem; - padding-left: 1rem; + padding-right: 1.125rem; + padding-left: 1.125rem; } .c8 { - padding: 1rem; + padding: 1.125rem; } .c4 { @@ -2505,8 +2505,8 @@ Array [ } .c0 { - margin-top: 0; - margin-bottom: 4rem; + margin-top: 0rem; + margin-bottom: 1.875rem; } <div> @@ -2559,8 +2559,8 @@ Array [ -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c6 { @@ -2570,12 +2570,12 @@ Array [ } .c1 { - margin-right: 0.25rem; + margin-right: 0.375rem; } .c5 { - margin-top: 0.25rem; - margin-bottom: 1rem; + margin-top: 0.375rem; + margin-bottom: 1.125rem; } .c0 { @@ -2715,8 +2715,8 @@ Array [ -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c1 { @@ -2724,12 +2724,12 @@ Array [ -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c2 { - margin-bottom: 1rem; + margin-bottom: 1.125rem; } @media only screen and (min-width:0em) { @@ -2961,8 +2961,8 @@ Array [ } .c0 { - margin-top: 0; - margin-bottom: 4rem; + margin-top: 0rem; + margin-bottom: 1.875rem; } <div> @@ -3015,8 +3015,8 @@ Array [ -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c6 { @@ -3026,12 +3026,12 @@ Array [ } .c1 { - margin-right: 0.25rem; + margin-right: 0.375rem; } .c5 { - margin-top: 0.25rem; - margin-bottom: 1rem; + margin-top: 0.375rem; + margin-bottom: 1.125rem; } .c0 { @@ -3171,8 +3171,8 @@ Array [ -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c1 { @@ -3180,12 +3180,12 @@ Array [ -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c2 { - margin-bottom: 1rem; + margin-bottom: 1.125rem; } @media only screen and (min-width:0em) { @@ -3621,8 +3621,8 @@ Array [ -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c17 { @@ -3640,8 +3640,8 @@ Array [ -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c10 { @@ -3649,8 +3649,8 @@ Array [ -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c22 { @@ -3658,8 +3658,8 @@ Array [ -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c6 { @@ -3960,12 +3960,12 @@ Array [ } .c3 { - padding-right: 1rem; - padding-left: 1rem; + padding-right: 1.125rem; + padding-left: 1.125rem; } .c8 { - padding: 1rem; + padding: 1.125rem; } .c4 { @@ -4190,8 +4190,8 @@ Array [ /> </form>, .c0 { - margin-top: 0.25rem; - margin-bottom: 4rem; + margin-top: 0.375rem; + margin-bottom: 1.875rem; } <div> @@ -4227,8 +4227,8 @@ Array [ -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c6 { @@ -4238,12 +4238,12 @@ Array [ } .c1 { - margin-right: 0.25rem; + margin-right: 0.375rem; } .c5 { - margin-top: 0.25rem; - margin-bottom: 1rem; + margin-top: 0.375rem; + margin-bottom: 1.125rem; } .c0 { @@ -4383,8 +4383,8 @@ Array [ -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c1 { @@ -4392,12 +4392,12 @@ Array [ -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c2 { - margin-bottom: 1rem; + margin-bottom: 1.125rem; } @media only screen and (min-width:0em) { @@ -4833,8 +4833,8 @@ Array [ -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c17 { @@ -4852,8 +4852,8 @@ Array [ -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c10 { @@ -4861,8 +4861,8 @@ Array [ -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c18 { @@ -4870,8 +4870,8 @@ Array [ -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c23 { @@ -4879,8 +4879,8 @@ Array [ -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c16 { @@ -5162,12 +5162,12 @@ Array [ } .c3 { - padding-right: 1rem; - padding-left: 1rem; + padding-right: 1.125rem; + padding-left: 1.125rem; } .c8 { - padding: 1rem; + padding: 1.125rem; } .c4 { @@ -5535,8 +5535,8 @@ Array [ } .c0 { - margin-top: 0.25rem; - margin-bottom: 4rem; + margin-top: 0.375rem; + margin-bottom: 1.875rem; } <div> @@ -5581,8 +5581,8 @@ Array [ -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c6 { @@ -5592,12 +5592,12 @@ Array [ } .c1 { - margin-right: 0.25rem; + margin-right: 0.375rem; } .c5 { - margin-top: 0.25rem; - margin-bottom: 1rem; + margin-top: 0.375rem; + margin-bottom: 1.125rem; } .c0 { @@ -5737,8 +5737,8 @@ Array [ -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c1 { @@ -5746,12 +5746,12 @@ Array [ -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c2 { - margin-bottom: 1rem; + margin-bottom: 1.125rem; } @media only screen and (min-width:0em) { @@ -6187,8 +6187,8 @@ Array [ -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c17 { @@ -6206,8 +6206,8 @@ Array [ -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c10 { @@ -6215,8 +6215,8 @@ Array [ -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c18 { @@ -6224,8 +6224,8 @@ Array [ -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c23 { @@ -6233,8 +6233,8 @@ Array [ -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c16 { @@ -6516,12 +6516,12 @@ Array [ } .c3 { - padding-right: 1rem; - padding-left: 1rem; + padding-right: 1.125rem; + padding-left: 1.125rem; } .c8 { - padding: 1rem; + padding: 1.125rem; } .c4 { @@ -6889,8 +6889,8 @@ Array [ } .c0 { - margin-top: 0.25rem; - margin-bottom: 4rem; + margin-top: 0.375rem; + margin-bottom: 1.875rem; } <div> @@ -6935,8 +6935,8 @@ Array [ -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c6 { @@ -6946,12 +6946,12 @@ Array [ } .c1 { - margin-right: 0.25rem; + margin-right: 0.375rem; } .c5 { - margin-top: 0.25rem; - margin-bottom: 1rem; + margin-top: 0.375rem; + margin-bottom: 1.125rem; } .c0 { @@ -7452,8 +7452,8 @@ Array [ -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c17 { @@ -7471,8 +7471,8 @@ Array [ -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c10 { @@ -7480,8 +7480,8 @@ Array [ -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c22 { @@ -7489,8 +7489,8 @@ Array [ -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c6 { @@ -7791,12 +7791,12 @@ Array [ } .c3 { - padding-right: 1rem; - padding-left: 1rem; + padding-right: 1.125rem; + padding-left: 1.125rem; } .c8 { - padding: 1rem; + padding: 1.125rem; } .c4 { diff --git a/packages/my-joy-beta/src/containers/create-instance/__tests__/metadata.ui.js b/packages/my-joy-beta/src/containers/create-instance/__tests__/metadata.ui.js index fbfb0a42..7b6482cb 100644 --- a/packages/my-joy-beta/src/containers/create-instance/__tests__/metadata.ui.js +++ b/packages/my-joy-beta/src/containers/create-instance/__tests__/metadata.ui.js @@ -1,6 +1,5 @@ import React from 'react'; import { toMatchImageSnapshot } from 'jest-image-snapshot'; -import renderer from 'react-test-renderer'; import screenshot from 'react-screenshot-renderer'; import Theme from '@mocks/theme'; diff --git a/packages/my-joy-beta/src/containers/create-instance/__tests__/networks.ui.js b/packages/my-joy-beta/src/containers/create-instance/__tests__/networks.ui.js index 7890548b..bff83c25 100644 --- a/packages/my-joy-beta/src/containers/create-instance/__tests__/networks.ui.js +++ b/packages/my-joy-beta/src/containers/create-instance/__tests__/networks.ui.js @@ -1,6 +1,5 @@ import React from 'react'; import { toMatchImageSnapshot } from 'jest-image-snapshot'; -import renderer from 'react-test-renderer'; import screenshot from 'react-screenshot-renderer'; import Theme from '@mocks/theme'; diff --git a/packages/my-joy-beta/src/containers/create-instance/__tests__/tag.ui.js b/packages/my-joy-beta/src/containers/create-instance/__tests__/tag.ui.js index 487a2e89..12af1362 100644 --- a/packages/my-joy-beta/src/containers/create-instance/__tests__/tag.ui.js +++ b/packages/my-joy-beta/src/containers/create-instance/__tests__/tag.ui.js @@ -1,6 +1,5 @@ import React from 'react'; import { toMatchImageSnapshot } from 'jest-image-snapshot'; -import renderer from 'react-test-renderer'; import screenshot from 'react-screenshot-renderer'; import Theme from '@mocks/theme'; diff --git a/packages/my-joy-beta/src/containers/create-instance/__tests__/user-script.ui.js b/packages/my-joy-beta/src/containers/create-instance/__tests__/user-script.ui.js index aeddf49d..2bf2e2cc 100644 --- a/packages/my-joy-beta/src/containers/create-instance/__tests__/user-script.ui.js +++ b/packages/my-joy-beta/src/containers/create-instance/__tests__/user-script.ui.js @@ -1,6 +1,5 @@ import React from 'react'; import { toMatchImageSnapshot } from 'jest-image-snapshot'; -import renderer from 'react-test-renderer'; import screenshot from 'react-screenshot-renderer'; import Theme from '@mocks/theme'; 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 a21647e9..41a75dc7 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 47dd7d6d..1cc31152 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 3e1a4398..5ffbe03a 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-loading-1-snap.png b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/cns-ui-js-cns-loading-1-snap.png index 346ca9f1..cb7c9880 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 81331042..22b72d0a 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 1ec9fb28..d655dc60 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 00a05433..a1c64753 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 30613510..8c335655 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 47dd7d6d..1cc31152 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__/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 905df682..116d9ef5 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 905df682..116d9ef5 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 5a049a2d..46eb4802 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 835d1c60..9574b243 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 0b4f1573..82f2fdc6 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 85eeff83..3ee0c3ff 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 977f766b..b70d426e 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__/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 b67ddbbe..b69a9155 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 efbfdd07..a718bb7a 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 10569ec8..d3e81030 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 8a5a09be..7cc1a213 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 9c80f295..312ee5c4 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 9d3bae35..ce41f14d 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 2962e331..000d231c 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 e54f4257..68441af7 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 81874a22..c870f417 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 b649b43a..e489bf0b 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 c1394678..bc26545d 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 7a8cbc07..32fa8702 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 9115af90..d3c64190 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 b3cfcdfd..cd86e2d1 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 a00995c5..18f02c89 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 88cc7a23..fbc0e062 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 b9b097b9..217b0c57 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 efa114ec..7f1446bb 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 55c77d52..a5c50be3 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 b00b77cb..1ae62c06 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 edf5d0e5..725af019 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 1dddd1b2..6c0481f2 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 4170c046..ce553ecb 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 1dddd1b2..6c0481f2 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 007d2337..71defd45 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 5b8c2f15..9637a629 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 1dddd1b2..6c0481f2 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 7d4e014b..faf1a1a7 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 44ab53aa..c55b9b00 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 57b67091..760e5b68 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 @@ -2,41 +2,41 @@ exports[`renders <Cns /> without throwing 1`] = ` .c1 { - margin-bottom: 0.25rem; + margin-bottom: 0.375rem; } .c4 { - margin-bottom: 1rem; + margin-bottom: 1.125rem; } .c12 { - margin-top: 2rem; + margin-top: 1.5rem; } .c18 { - margin-left: 0.5rem; + margin-left: 0.75rem; } .c22 { - margin-top: 2rem; - margin-bottom: 2rem; + margin-top: 1.5rem; + margin-bottom: 1.5rem; } .c27 { - margin-bottom: 2rem; + margin-bottom: 1.5rem; } .c7 { - padding: 2rem; - padding-bottom: 0; + padding: 1.5rem; + padding-bottom: 0rem; } .c9 { - padding-bottom: 0.5rem; + padding-bottom: 0.75rem; } .c13 { - padding-bottom: 1rem; + padding-bottom: 1.125rem; } .c21 { @@ -199,8 +199,8 @@ exports[`renders <Cns /> without throwing 1`] = ` -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c3 { @@ -208,8 +208,8 @@ exports[`renders <Cns /> without throwing 1`] = ` -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c8 { @@ -516,13 +516,13 @@ exports[`renders <Cns /> without throwing 1`] = ` @media only screen and (min-width:64em) { .c0 { - width: 61rem; + width: 56rem; } } @media only screen and (min-width:75em) { .c0 { - width: 76rem; + width: 59rem; } } @@ -754,16 +754,16 @@ exports[`renders <Cns /> without throwing 1`] = ` exports[`renders <Cns disabled /> without throwing 1`] = ` .c1 { - margin-bottom: 0.25rem; + margin-bottom: 0.375rem; } .c4 { - margin-bottom: 1rem; + margin-bottom: 1.125rem; } .c6 { - margin-top: 2rem; - margin-bottom: 2rem; + margin-top: 1.5rem; + margin-bottom: 1.5rem; } .c5 { @@ -823,8 +823,8 @@ exports[`renders <Cns disabled /> without throwing 1`] = ` -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c3 { @@ -832,8 +832,8 @@ exports[`renders <Cns disabled /> without throwing 1`] = ` -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c7 { @@ -981,13 +981,13 @@ exports[`renders <Cns disabled /> without throwing 1`] = ` @media only screen and (min-width:64em) { .c0 { - width: 61rem; + width: 56rem; } } @media only screen and (min-width:75em) { .c0 { - width: 76rem; + width: 59rem; } } @@ -1110,45 +1110,45 @@ exports[`renders <Cns disabled /> without throwing 1`] = ` exports[`renders <Cns hostnames /> without throwing 1`] = ` .c1 { - margin-bottom: 0.25rem; + margin-bottom: 0.375rem; } .c4 { - margin-bottom: 1rem; + margin-bottom: 1.125rem; } .c20 { - margin-top: 2rem; + margin-top: 1.5rem; } .c26 { - margin-left: 0.5rem; + margin-left: 0.75rem; } .c30 { - margin-top: 2rem; - margin-bottom: 2rem; + margin-top: 1.5rem; + margin-bottom: 1.5rem; } .c11 { - margin-bottom: 2rem; + margin-bottom: 1.5rem; } .c16 { - margin-right: 0.25rem; + margin-right: 0.375rem; } .c7 { - padding: 2rem; - padding-bottom: 0; + padding: 1.5rem; + padding-bottom: 0rem; } .c9 { - padding-bottom: 0.5rem; + padding-bottom: 0.75rem; } .c21 { - padding-bottom: 1rem; + padding-bottom: 1.125rem; } .c14 { @@ -1328,8 +1328,8 @@ exports[`renders <Cns hostnames /> without throwing 1`] = ` -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c3 { @@ -1337,8 +1337,8 @@ exports[`renders <Cns hostnames /> without throwing 1`] = ` -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c8 { @@ -1781,13 +1781,13 @@ exports[`renders <Cns hostnames /> without throwing 1`] = ` @media only screen and (min-width:64em) { .c0 { - width: 61rem; + width: 56rem; } } @media only screen and (min-width:75em) { .c0 { - width: 76rem; + width: 59rem; } } @@ -2279,11 +2279,11 @@ exports[`renders <Cns hostnames /> without throwing 1`] = ` exports[`renders <Cns loading /> without throwing 1`] = ` .c1 { - margin-bottom: 0.25rem; + margin-bottom: 0.375rem; } .c4 { - margin-bottom: 1rem; + margin-bottom: 1.125rem; } .c7 { @@ -2412,8 +2412,8 @@ exports[`renders <Cns loading /> without throwing 1`] = ` -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c3 { @@ -2421,8 +2421,8 @@ exports[`renders <Cns loading /> without throwing 1`] = ` -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } @media only screen and (min-width:48em) { @@ -2433,13 +2433,13 @@ exports[`renders <Cns loading /> without throwing 1`] = ` @media only screen and (min-width:64em) { .c0 { - width: 61rem; + width: 56rem; } } @media only screen and (min-width:75em) { .c0 { - width: 76rem; + width: 59rem; } } @@ -2542,32 +2542,32 @@ exports[`renders <Cns loading /> without throwing 1`] = ` exports[`renders <Cns loadingError /> without throwing 1`] = ` .c1 { - margin-bottom: 0.25rem; + margin-bottom: 0.375rem; } .c4 { - margin-bottom: 1rem; + margin-bottom: 1.125rem; } .c17 { - margin-top: 2rem; + margin-top: 1.5rem; } .c23 { - margin-left: 0.5rem; + margin-left: 0.75rem; } .c12 { - padding: 2rem; - padding-bottom: 0; + padding: 1.5rem; + padding-bottom: 0rem; } .c14 { - padding-bottom: 0.5rem; + padding-bottom: 0.75rem; } .c18 { - padding-bottom: 1rem; + padding-bottom: 1.125rem; } .c26 { @@ -2752,8 +2752,8 @@ exports[`renders <Cns loadingError /> without throwing 1`] = ` -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c3 { @@ -2761,8 +2761,8 @@ exports[`renders <Cns loadingError /> without throwing 1`] = ` -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c13 { @@ -2981,13 +2981,13 @@ exports[`renders <Cns loadingError /> without throwing 1`] = ` @media only screen and (min-width:64em) { .c0 { - width: 61rem; + width: 56rem; } } @media only screen and (min-width:75em) { .c0 { - width: 76rem; + width: 59rem; } } @@ -3176,54 +3176,54 @@ exports[`renders <Cns loadingError /> without throwing 1`] = ` exports[`renders <Cns mutating /> without throwing 1`] = ` .c1 { - margin-bottom: 0.25rem; + margin-bottom: 0.375rem; } .c4 { - margin-bottom: 1rem; + margin-bottom: 1.125rem; } .c20 { - margin-top: 2rem; + margin-top: 1.5rem; } .c31 { - margin-left: 0.5rem; + margin-left: 0.75rem; } .c35 { - margin-top: 2rem; - margin-bottom: 2rem; + margin-top: 1.5rem; + margin-bottom: 1.5rem; } .c11 { - margin-bottom: 2rem; + margin-bottom: 1.5rem; } .c16 { - margin-right: 0.25rem; + margin-right: 0.375rem; } .c23 { - margin-top: 0.25rem; + margin-top: 0.375rem; } .c25 { - margin-right: 0.25rem; - margin-bottom: 0.25rem; + margin-right: 0.375rem; + margin-bottom: 0.375rem; } .c7 { - padding: 2rem; - padding-bottom: 0; + padding: 1.5rem; + padding-bottom: 0rem; } .c9 { - padding-bottom: 0.5rem; + padding-bottom: 0.75rem; } .c21 { - padding-bottom: 1rem; + padding-bottom: 1.125rem; } .c14 { @@ -3439,8 +3439,8 @@ exports[`renders <Cns mutating /> without throwing 1`] = ` -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c3 { @@ -3448,8 +3448,8 @@ exports[`renders <Cns mutating /> without throwing 1`] = ` -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c8 { @@ -3984,13 +3984,13 @@ exports[`renders <Cns mutating /> without throwing 1`] = ` @media only screen and (min-width:64em) { .c0 { - width: 61rem; + width: 56rem; } } @media only screen and (min-width:75em) { .c0 { - width: 76rem; + width: 59rem; } } @@ -4542,41 +4542,41 @@ exports[`renders <Cns mutating /> without throwing 1`] = ` exports[`renders <Cns mutationError /> without throwing 1`] = ` .c1 { - margin-bottom: 0.25rem; + margin-bottom: 0.375rem; } .c4 { - margin-bottom: 1rem; + margin-bottom: 1.125rem; } .c17 { - margin-top: 2rem; + margin-top: 1.5rem; } .c23 { - margin-left: 0.5rem; + margin-left: 0.75rem; } .c27 { - margin-top: 2rem; - margin-bottom: 2rem; + margin-top: 1.5rem; + margin-bottom: 1.5rem; } .c32 { - margin-bottom: 2rem; + margin-bottom: 1.5rem; } .c12 { - padding: 2rem; - padding-bottom: 0; + padding: 1.5rem; + padding-bottom: 0rem; } .c14 { - padding-bottom: 0.5rem; + padding-bottom: 0.75rem; } .c18 { - padding-bottom: 1rem; + padding-bottom: 1.125rem; } .c26 { @@ -4761,8 +4761,8 @@ exports[`renders <Cns mutationError /> without throwing 1`] = ` -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c3 { @@ -4770,8 +4770,8 @@ exports[`renders <Cns mutationError /> without throwing 1`] = ` -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c13 { @@ -5112,13 +5112,13 @@ exports[`renders <Cns mutationError /> without throwing 1`] = ` @media only screen and (min-width:64em) { .c0 { - width: 61rem; + width: 56rem; } } @media only screen and (min-width:75em) { .c0 { - width: 76rem; + width: 59rem; } } @@ -5371,50 +5371,50 @@ exports[`renders <Cns mutationError /> without throwing 1`] = ` exports[`renders <Cns services /> without throwing 1`] = ` .c1 { - margin-bottom: 0.25rem; + margin-bottom: 0.375rem; } .c4 { - margin-bottom: 1rem; + margin-bottom: 1.125rem; } .c12 { - margin-top: 2rem; + margin-top: 1.5rem; } .c24 { - margin-left: 0.5rem; + margin-left: 0.75rem; } .c28 { - margin-top: 2rem; - margin-bottom: 2rem; + margin-top: 1.5rem; + margin-bottom: 1.5rem; } .c33 { - margin-bottom: 2rem; + margin-bottom: 1.5rem; } .c15 { - margin-top: 0.25rem; + margin-top: 0.375rem; } .c17 { - margin-right: 0.25rem; - margin-bottom: 0.25rem; + margin-right: 0.375rem; + margin-bottom: 0.375rem; } .c7 { - padding: 2rem; - padding-bottom: 0; + padding: 1.5rem; + padding-bottom: 0rem; } .c9 { - padding-bottom: 0.5rem; + padding-bottom: 0.75rem; } .c13 { - padding-bottom: 1rem; + padding-bottom: 1.125rem; } .c27 { @@ -5582,8 +5582,8 @@ exports[`renders <Cns services /> without throwing 1`] = ` -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c3 { @@ -5591,8 +5591,8 @@ exports[`renders <Cns services /> without throwing 1`] = ` -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c8 { @@ -5950,13 +5950,13 @@ exports[`renders <Cns services /> without throwing 1`] = ` @media only screen and (min-width:64em) { .c0 { - width: 61rem; + width: 56rem; } } @media only screen and (min-width:75em) { .c0 { - width: 76rem; + width: 59rem; } } @@ -6305,16 +6305,16 @@ exports[`renders <Cns services /> without throwing 1`] = ` exports[`renders <Cns services hostnames /> without throwing 1`] = ` .c1 { - margin-bottom: 0.25rem; + margin-bottom: 0.375rem; } .c4 { - margin-bottom: 1rem; + margin-bottom: 1.125rem; } .c6 { - margin-top: 2rem; - margin-bottom: 2rem; + margin-top: 1.5rem; + margin-bottom: 1.5rem; } .c5 { @@ -6374,8 +6374,8 @@ exports[`renders <Cns services hostnames /> without throwing 1`] = ` -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c3 { @@ -6383,8 +6383,8 @@ exports[`renders <Cns services hostnames /> without throwing 1`] = ` -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c7 { @@ -6532,13 +6532,13 @@ exports[`renders <Cns services hostnames /> without throwing 1`] = ` @media only screen and (min-width:64em) { .c0 { - width: 61rem; + width: 56rem; } } @media only screen and (min-width:75em) { .c0 { - width: 76rem; + width: 59rem; } } 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 b5b515a8..fb5941ec 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 @@ -3,27 +3,27 @@ exports[`renders <Firewall /> without throwing 1`] = ` Array [ .c1 { - margin-bottom: 0.25rem; + margin-bottom: 0.375rem; } .c4 { - margin-bottom: 1rem; + margin-bottom: 1.125rem; } .c6 { - margin-bottom: undefined; + margin-bottom: 2.625rem; } .c14 { - margin-top: 4rem; + margin-top: 1.875rem; } .c18 { - margin-bottom: 0.5rem; + margin-bottom: 0.75rem; } .c16 { - padding: 8rem; + padding: 2.25rem; } .c5 { @@ -83,8 +83,8 @@ Array [ -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c3 { @@ -92,8 +92,8 @@ Array [ -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c20 { @@ -325,13 +325,13 @@ Array [ @media only screen and (min-width:64em) { .c0 { - width: 61rem; + width: 56rem; } } @media only screen and (min-width:75em) { .c0 { - width: 76rem; + width: 59rem; } } @@ -484,31 +484,31 @@ Array [ </div> </div>, .c1 { - margin-bottom: 0.25rem; + margin-bottom: 0.375rem; } .c4 { - margin-bottom: 1rem; + margin-bottom: 1.125rem; } .c6 { - margin-bottom: undefined; + margin-bottom: 2.625rem; } .c15 { - margin-top: 4rem; + margin-top: 1.875rem; } .c19 { - margin-bottom: 0.5rem; + margin-bottom: 0.75rem; } .c14 { - margin-top: 2rem; + margin-top: 1.5rem; } .c17 { - padding: 8rem; + padding: 2.25rem; } .c5 { @@ -568,8 +568,8 @@ Array [ -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c3 { @@ -577,8 +577,8 @@ Array [ -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c21 { @@ -810,13 +810,13 @@ Array [ @media only screen and (min-width:64em) { .c0 { - width: 61rem; + width: 56rem; } } @media only screen and (min-width:75em) { .c0 { - width: 76rem; + width: 59rem; } } @@ -1018,27 +1018,27 @@ Array [ exports[`renders <Firewall inactive /> without throwing 1`] = ` Array [ .c1 { - margin-bottom: 0.25rem; + margin-bottom: 0.375rem; } .c4 { - margin-bottom: 1rem; + margin-bottom: 1.125rem; } .c6 { - margin-bottom: undefined; + margin-bottom: 2.625rem; } .c14 { - margin-top: 4rem; + margin-top: 1.875rem; } .c18 { - margin-bottom: 0.5rem; + margin-bottom: 0.75rem; } .c16 { - padding: 8rem; + padding: 2.25rem; } .c5 { @@ -1098,8 +1098,8 @@ Array [ -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c3 { @@ -1107,8 +1107,8 @@ Array [ -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c20 { @@ -1340,13 +1340,13 @@ Array [ @media only screen and (min-width:64em) { .c0 { - width: 61rem; + width: 56rem; } } @media only screen and (min-width:75em) { .c0 { - width: 76rem; + width: 59rem; } } @@ -1499,31 +1499,31 @@ Array [ </div> </div>, .c1 { - margin-bottom: 0.25rem; + margin-bottom: 0.375rem; } .c4 { - margin-bottom: 1rem; + margin-bottom: 1.125rem; } .c6 { - margin-bottom: undefined; + margin-bottom: 2.625rem; } .c15 { - margin-top: 4rem; + margin-top: 1.875rem; } .c19 { - margin-bottom: 0.5rem; + margin-bottom: 0.75rem; } .c14 { - margin-top: 2rem; + margin-top: 1.5rem; } .c17 { - padding: 8rem; + padding: 2.25rem; } .c5 { @@ -1583,8 +1583,8 @@ Array [ -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c3 { @@ -1592,8 +1592,8 @@ Array [ -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c21 { @@ -1825,13 +1825,13 @@ Array [ @media only screen and (min-width:64em) { .c0 { - width: 61rem; + width: 56rem; } } @media only screen and (min-width:75em) { .c0 { - width: 76rem; + width: 59rem; } } @@ -2033,11 +2033,11 @@ Array [ exports[`renders <Firewall loading /> without throwing 1`] = ` Array [ .c1 { - margin-bottom: 0.25rem; + margin-bottom: 0.375rem; } .c4 { - margin-bottom: 1rem; + margin-bottom: 1.125rem; } .c7 { @@ -2166,8 +2166,8 @@ Array [ -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c3 { @@ -2175,8 +2175,8 @@ Array [ -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } @media only screen and (min-width:48em) { @@ -2187,13 +2187,13 @@ Array [ @media only screen and (min-width:64em) { .c0 { - width: 61rem; + width: 56rem; } } @media only screen and (min-width:75em) { .c0 { - width: 76rem; + width: 59rem; } } @@ -2293,11 +2293,11 @@ Array [ </div> </div>, .c1 { - margin-bottom: 0.25rem; + margin-bottom: 0.375rem; } .c4 { - margin-bottom: 1rem; + margin-bottom: 1.125rem; } .c7 { @@ -2426,8 +2426,8 @@ Array [ -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c3 { @@ -2435,8 +2435,8 @@ Array [ -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } @media only screen and (min-width:48em) { @@ -2447,13 +2447,13 @@ Array [ @media only screen and (min-width:64em) { .c0 { - width: 61rem; + width: 56rem; } } @media only screen and (min-width:75em) { .c0 { - width: 76rem; + width: 59rem; } } @@ -2557,27 +2557,27 @@ Array [ exports[`renders <Firewall loadingError /> without throwing 1`] = ` .c1 { - margin-bottom: 0.25rem; + margin-bottom: 0.375rem; } .c4 { - margin-bottom: 1rem; + margin-bottom: 1.125rem; } .c11 { - margin-bottom: undefined; + margin-bottom: 2.625rem; } .c19 { - margin-top: 4rem; + margin-top: 1.875rem; } .c23 { - margin-bottom: 0.5rem; + margin-bottom: 0.75rem; } .c21 { - padding: 8rem; + padding: 2.25rem; } .c5 { @@ -2659,8 +2659,8 @@ exports[`renders <Firewall loadingError /> without throwing 1`] = ` -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c3 { @@ -2668,8 +2668,8 @@ exports[`renders <Firewall loadingError /> without throwing 1`] = ` -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c25 { @@ -2935,13 +2935,13 @@ exports[`renders <Firewall loadingError /> without throwing 1`] = ` @media only screen and (min-width:64em) { .c0 { - width: 61rem; + width: 56rem; } } @media only screen and (min-width:75em) { .c0 { - width: 76rem; + width: 59rem; } } @@ -3118,27 +3118,27 @@ exports[`renders <Firewall loadingError /> without throwing 1`] = ` exports[`renders <Firewall mutationError /> without throwing 1`] = ` .c1 { - margin-bottom: 0.25rem; + margin-bottom: 0.375rem; } .c4 { - margin-bottom: 1rem; + margin-bottom: 1.125rem; } .c11 { - margin-bottom: undefined; + margin-bottom: 2.625rem; } .c19 { - margin-top: 4rem; + margin-top: 1.875rem; } .c23 { - margin-bottom: 0.5rem; + margin-bottom: 0.75rem; } .c21 { - padding: 8rem; + padding: 2.25rem; } .c5 { @@ -3220,8 +3220,8 @@ exports[`renders <Firewall mutationError /> without throwing 1`] = ` -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c3 { @@ -3229,8 +3229,8 @@ exports[`renders <Firewall mutationError /> without throwing 1`] = ` -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c25 { @@ -3496,13 +3496,13 @@ exports[`renders <Firewall mutationError /> without throwing 1`] = ` @media only screen and (min-width:64em) { .c0 { - width: 61rem; + width: 56rem; } } @media only screen and (min-width:75em) { .c0 { - width: 76rem; + width: 59rem; } } @@ -3680,15 +3680,15 @@ exports[`renders <Firewall mutationError /> without throwing 1`] = ` exports[`renders <Firewall tagRules /> without throwing 1`] = ` Array [ .c1 { - margin-bottom: 0.25rem; + margin-bottom: 0.375rem; } .c4 { - margin-bottom: 1rem; + margin-bottom: 1.125rem; } .c6 { - margin-bottom: undefined; + margin-bottom: 2.625rem; } .c5 { @@ -3748,8 +3748,8 @@ Array [ -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c3 { @@ -3757,8 +3757,8 @@ Array [ -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c13 { @@ -3912,13 +3912,13 @@ Array [ @media only screen and (min-width:64em) { .c0 { - width: 61rem; + width: 56rem; } } @media only screen and (min-width:75em) { .c0 { - width: 76rem; + width: 59rem; } } @@ -4041,15 +4041,15 @@ Array [ /> </div>, .c1 { - margin-bottom: 0.25rem; + margin-bottom: 0.375rem; } .c4 { - margin-bottom: 1rem; + margin-bottom: 1.125rem; } .c6 { - margin-bottom: undefined; + margin-bottom: 2.625rem; } .c5 { @@ -4109,8 +4109,8 @@ Array [ -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c3 { @@ -4118,8 +4118,8 @@ Array [ -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c13 { @@ -4273,13 +4273,13 @@ Array [ @media only screen and (min-width:64em) { .c0 { - width: 61rem; + width: 56rem; } } @media only screen and (min-width:75em) { .c0 { - width: 76rem; + width: 59rem; } } @@ -4402,56 +4402,56 @@ Array [ /> </div>, .c1 { - margin-bottom: 0.25rem; + margin-bottom: 0.375rem; } .c4 { - margin-bottom: 1rem; + margin-bottom: 1.125rem; } .c6 { - margin-bottom: undefined; + margin-bottom: 2.625rem; } .c18 { - margin-bottom: 0.5rem; + margin-bottom: 0.75rem; } .c14 { - margin-top: 2rem; + margin-top: 1.5rem; } .c15 { - margin-top: undefined; + margin-top: 3rem; } .c17 { - margin-top: 1rem; + margin-top: 1.125rem; } .c24 { - margin-right: undefined; + margin-right: 0.1875rem; } .c27 { - margin-top: 0.25rem; - margin-bottom: 0.25rem; + margin-top: 0.1875rem; + margin-bottom: 0.1875rem; } .c28 { - margin-left: undefined; + margin-left: 0.1875rem; } -.c29 { - margin-right: 0; - margin-bottom: 0; +.c30 { + margin-right: 0rem; + margin-bottom: 0rem; } .c20 { - padding-top: undefined; - padding-right: 1rem; - padding-bottom: undefined; - padding-left: 1rem; + padding-top: 0.5625rem; + padding-right: 1.125rem; + padding-bottom: 0.5625rem; + padding-left: 1.125rem; } .c5 { @@ -4511,8 +4511,8 @@ Array [ -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c21 { @@ -4530,8 +4530,8 @@ Array [ -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; @@ -4542,8 +4542,8 @@ Array [ -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c22 { @@ -4551,17 +4551,17 @@ Array [ -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } -.c32 { +.c33 { box-sizing: border-box; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c16 { @@ -4572,13 +4572,34 @@ Array [ margin: 0; } +.c26 { + color: rgba(73,73,73,1); + font-weight: 700; + line-height: 1.5rem; + font-size: 0.9375rem; + margin: 0; +} + +.c26 + p, +.c26 + small, +.c26 + h1, +.c26 + h2, +.c26 + label, +.c26 + h3, +.c26 + h4, +.c26 + h5, +.c26 + div, +.c26 + span { + padding-bottom: 2.25rem; +} + .c13 { background-color: rgb(216,216,216); margin: 0; height: 0.0625rem; } -.c30 { +.c31 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; @@ -4593,6 +4614,32 @@ Array [ flex-grow: 1; } +.c19 { + box-sizing: content-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex: 1 0 auto; + -ms-flex: 1 0 auto; + flex: 1 0 auto; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + position: relative; + border-width: 0.0625rem; + border-style: solid; + -webkit-transition: all 300ms ease; + transition: all 300ms ease; + color: rgba(73,73,73,1); + background-color: rgb(255,255,255); + border-color: rgb(216,216,216); + border-color: rgb(216,216,216); + background-color: rgb(250,250,250); + color: rgba(73,73,73,1); + cursor: default; +} + .c7 { display: inline-block; margin: 0; @@ -4722,7 +4769,7 @@ Array [ flex-shrink: 1; } -.c31 { +.c32 { border: 0.0625rem solid rgb(216,216,216); box-sizing: border-box; border-radius: 0.1875rem; @@ -4743,7 +4790,7 @@ Array [ flex-grow: 1; } -.c26 { +.c29 { margin: 0; padding: 0; display: -webkit-box; @@ -4816,14 +4863,6 @@ Array [ flex-basis: 100%; } -.c19 { - display: inline-block; - background-color: rgb(255,255,255); - border: 0.0625rem solid rgb(216,216,216); - min-width: 100%; - color: rgb(151,151,151); -} - @media only screen and (min-width:48em) { .c0 { width: 46rem; @@ -4832,13 +4871,13 @@ Array [ @media only screen and (min-width:64em) { .c0 { - width: 61rem; + width: 56rem; } } @media only screen and (min-width:75em) { .c0 { - width: 76rem; + width: 59rem; } } @@ -4880,7 +4919,7 @@ Array [ } @media only screen and (min-width:0em) { - .c32 { + .c33 { -webkit-flex-basis: 16.666666666666668%; -ms-flex-preferred-size: 16.666666666666668%; flex-basis: 16.666666666666668%; @@ -5040,6 +5079,7 @@ Array [ <div className="c19" disabled={true} + name="card" > <div className="c20" @@ -5059,25 +5099,25 @@ Array [ <div className="c25" > - <b> + <strong + className="c26" + > From: - </b> + </strong> </div> </div> <div className="c8" > - <ul - className="c26" + <div + className="c27" > - <div - className="c27" + <p + className="c5" > - <span> - Any - </span> - </div> - </ul> + Any + </p> + </div> </div> </div> </div> @@ -5093,41 +5133,43 @@ Array [ <div className="c25" > - <b> + <strong + className="c26" + > To: - </b> + </strong> </div> </div> <div className="c8" > - <ul - className="c26" + <div + className="c28" > - <div - className="c28" + <ul + className="c29" > <div - className="c29" + className="c30" > <div - className="c30" + className="c31" > <li - className="c31" + className="c32" onClick={undefined} > wat: </li> </div> </div> - </div> - </ul> + </ul> + </div> </div> </div> </div> <div - className="c32" + className="c33" > <div className="c23" @@ -5138,20 +5180,30 @@ Array [ <div className="c25" > - <b> + <strong + className="c26" + > Protocol: - </b> + </strong> </div> </div> <div className="c8" > - tcp + <div + className="c27" + > + <p + className="c5" + > + tcp + </p> + </div> </div> </div> </div> <div - className="c32" + className="c33" > <div className="c23" @@ -5162,20 +5214,30 @@ Array [ <div className="c25" > - <b> + <strong + className="c26" + > Ports: - </b> + </strong> </div> </div> <div className="c8" > - all + <div + className="c27" + > + <p + className="c5" + > + all + </p> + </div> </div> </div> </div> <div - className="c32" + className="c33" > <div className="c23" @@ -5186,15 +5248,25 @@ Array [ <div className="c25" > - <b> + <strong + className="c26" + > Action: - </b> + </strong> </div> </div> <div className="c8" > - Allow + <div + className="c27" + > + <p + className="c5" + > + Allow + </p> + </div> </div> </div> </div> @@ -5211,15 +5283,15 @@ Array [ exports[`renders <Firewall tagRules /> without throwing 2`] = ` Array [ .c1 { - margin-bottom: 0.25rem; + margin-bottom: 0.375rem; } .c4 { - margin-bottom: 1rem; + margin-bottom: 1.125rem; } .c6 { - margin-bottom: undefined; + margin-bottom: 2.625rem; } .c5 { @@ -5279,8 +5351,8 @@ Array [ -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c3 { @@ -5288,8 +5360,8 @@ Array [ -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c13 { @@ -5443,13 +5515,13 @@ Array [ @media only screen and (min-width:64em) { .c0 { - width: 61rem; + width: 56rem; } } @media only screen and (min-width:75em) { .c0 { - width: 76rem; + width: 59rem; } } @@ -5572,15 +5644,15 @@ Array [ /> </div>, .c1 { - margin-bottom: 0.25rem; + margin-bottom: 0.375rem; } .c4 { - margin-bottom: 1rem; + margin-bottom: 1.125rem; } .c6 { - margin-bottom: undefined; + margin-bottom: 2.625rem; } .c5 { @@ -5640,8 +5712,8 @@ Array [ -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c3 { @@ -5649,8 +5721,8 @@ Array [ -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c13 { @@ -5804,13 +5876,13 @@ Array [ @media only screen and (min-width:64em) { .c0 { - width: 61rem; + width: 56rem; } } @media only screen and (min-width:75em) { .c0 { - width: 76rem; + width: 59rem; } } @@ -5933,56 +6005,56 @@ Array [ /> </div>, .c1 { - margin-bottom: 0.25rem; + margin-bottom: 0.375rem; } .c4 { - margin-bottom: 1rem; + margin-bottom: 1.125rem; } .c6 { - margin-bottom: undefined; + margin-bottom: 2.625rem; } .c15 { - margin-top: 4rem; + margin-top: 1.875rem; } .c18 { - margin-bottom: 0.5rem; + margin-bottom: 0.75rem; } .c14 { - margin-top: 2rem; + margin-top: 1.5rem; } .c17 { - margin-top: 1rem; + margin-top: 1.125rem; } .c24 { - margin-right: undefined; + margin-right: 0.1875rem; } .c27 { - margin-top: 0.25rem; - margin-bottom: 0.25rem; + margin-top: 0.1875rem; + margin-bottom: 0.1875rem; } .c28 { - margin-left: undefined; + margin-left: 0.1875rem; } -.c29 { - margin-right: 0; - margin-bottom: 0; +.c30 { + margin-right: 0rem; + margin-bottom: 0rem; } .c20 { - padding-top: undefined; - padding-right: 1rem; - padding-bottom: undefined; - padding-left: 1rem; + padding-top: 0.5625rem; + padding-right: 1.125rem; + padding-bottom: 0.5625rem; + padding-left: 1.125rem; } .c5 { @@ -6042,8 +6114,8 @@ Array [ -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c21 { @@ -6061,8 +6133,8 @@ Array [ -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; @@ -6073,8 +6145,8 @@ Array [ -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c22 { @@ -6082,17 +6154,17 @@ Array [ -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } -.c32 { +.c33 { box-sizing: border-box; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c16 { @@ -6103,13 +6175,34 @@ Array [ margin: 0; } +.c26 { + color: rgba(73,73,73,1); + font-weight: 700; + line-height: 1.5rem; + font-size: 0.9375rem; + margin: 0; +} + +.c26 + p, +.c26 + small, +.c26 + h1, +.c26 + h2, +.c26 + label, +.c26 + h3, +.c26 + h4, +.c26 + h5, +.c26 + div, +.c26 + span { + padding-bottom: 2.25rem; +} + .c13 { background-color: rgb(216,216,216); margin: 0; height: 0.0625rem; } -.c30 { +.c31 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; @@ -6124,6 +6217,32 @@ Array [ flex-grow: 1; } +.c19 { + box-sizing: content-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex: 1 0 auto; + -ms-flex: 1 0 auto; + flex: 1 0 auto; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + position: relative; + border-width: 0.0625rem; + border-style: solid; + -webkit-transition: all 300ms ease; + transition: all 300ms ease; + color: rgba(73,73,73,1); + background-color: rgb(255,255,255); + border-color: rgb(216,216,216); + border-color: rgb(216,216,216); + background-color: rgb(250,250,250); + color: rgba(73,73,73,1); + cursor: default; +} + .c7 { display: inline-block; margin: 0; @@ -6253,7 +6372,7 @@ Array [ flex-shrink: 1; } -.c31 { +.c32 { border: 0.0625rem solid rgb(216,216,216); box-sizing: border-box; border-radius: 0.1875rem; @@ -6274,7 +6393,7 @@ Array [ flex-grow: 1; } -.c26 { +.c29 { margin: 0; padding: 0; display: -webkit-box; @@ -6347,14 +6466,6 @@ Array [ flex-basis: 100%; } -.c19 { - display: inline-block; - background-color: rgb(255,255,255); - border: 0.0625rem solid rgb(216,216,216); - min-width: 100%; - color: rgb(151,151,151); -} - @media only screen and (min-width:48em) { .c0 { width: 46rem; @@ -6363,13 +6474,13 @@ Array [ @media only screen and (min-width:64em) { .c0 { - width: 61rem; + width: 56rem; } } @media only screen and (min-width:75em) { .c0 { - width: 76rem; + width: 59rem; } } @@ -6411,7 +6522,7 @@ Array [ } @media only screen and (min-width:0em) { - .c32 { + .c33 { -webkit-flex-basis: 16.666666666666668%; -ms-flex-preferred-size: 16.666666666666668%; flex-basis: 16.666666666666668%; @@ -6571,6 +6682,7 @@ Array [ <div className="c19" disabled={true} + name="card" > <div className="c20" @@ -6590,25 +6702,25 @@ Array [ <div className="c25" > - <b> + <strong + className="c26" + > From: - </b> + </strong> </div> </div> <div className="c8" > - <ul - className="c26" + <div + className="c27" > - <div - className="c27" + <p + className="c5" > - <span> - Any - </span> - </div> - </ul> + Any + </p> + </div> </div> </div> </div> @@ -6624,41 +6736,43 @@ Array [ <div className="c25" > - <b> + <strong + className="c26" + > To: - </b> + </strong> </div> </div> <div className="c8" > - <ul - className="c26" + <div + className="c28" > - <div - className="c28" + <ul + className="c29" > <div - className="c29" + className="c30" > <div - className="c30" + className="c31" > <li - className="c31" + className="c32" onClick={undefined} > wat: </li> </div> </div> - </div> - </ul> + </ul> + </div> </div> </div> </div> <div - className="c32" + className="c33" > <div className="c23" @@ -6669,20 +6783,30 @@ Array [ <div className="c25" > - <b> + <strong + className="c26" + > Protocol: - </b> + </strong> </div> </div> <div className="c8" > - tcp + <div + className="c27" + > + <p + className="c5" + > + tcp + </p> + </div> </div> </div> </div> <div - className="c32" + className="c33" > <div className="c23" @@ -6693,20 +6817,30 @@ Array [ <div className="c25" > - <b> + <strong + className="c26" + > Ports: - </b> + </strong> </div> </div> <div className="c8" > - all + <div + className="c27" + > + <p + className="c5" + > + all + </p> + </div> </div> </div> </div> <div - className="c32" + className="c33" > <div className="c23" @@ -6717,15 +6851,25 @@ Array [ <div className="c25" > - <b> + <strong + className="c26" + > Action: - </b> + </strong> </div> </div> <div className="c8" > - Allow + <div + className="c27" + > + <p + className="c5" + > + Allow + </p> + </div> </div> </div> </div> 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 11f3cf18..e59ae06a 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 @@ -240,8 +240,8 @@ exports[`renders <List /> without throwing 1`] = ` -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c3 { @@ -259,8 +259,8 @@ exports[`renders <List /> without throwing 1`] = ` -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; @@ -271,8 +271,8 @@ exports[`renders <List /> without throwing 1`] = ` -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c8 { @@ -280,8 +280,8 @@ exports[`renders <List /> without throwing 1`] = ` -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c1 { @@ -693,7 +693,7 @@ exports[`renders <List /> without throwing 1`] = ` } .c10 { - margin-top: undefined; + margin-top: 0.875rem; } @media only screen and (min-width:48em) { @@ -704,13 +704,13 @@ exports[`renders <List /> without throwing 1`] = ` @media only screen and (min-width:64em) { .c0 { - width: 61rem; + width: 56rem; } } @media only screen and (min-width:75em) { .c0 { - width: 76rem; + width: 59rem; } } @@ -1243,8 +1243,8 @@ exports[`renders <List error /> without throwing 1`] = ` -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c3 { @@ -1262,8 +1262,8 @@ exports[`renders <List error /> without throwing 1`] = ` -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; @@ -1274,8 +1274,8 @@ exports[`renders <List error /> without throwing 1`] = ` -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c8 { @@ -1283,8 +1283,8 @@ exports[`renders <List error /> without throwing 1`] = ` -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c18 { @@ -1730,7 +1730,7 @@ exports[`renders <List error /> without throwing 1`] = ` } .c10 { - margin-top: undefined; + margin-top: 0.875rem; } @media only screen and (min-width:48em) { @@ -1741,13 +1741,13 @@ exports[`renders <List error /> without throwing 1`] = ` @media only screen and (min-width:64em) { .c0 { - width: 61rem; + width: 56rem; } } @media only screen and (min-width:75em) { .c0 { - width: 76rem; + width: 59rem; } } @@ -2300,8 +2300,8 @@ exports[`renders <List instances /> without throwing 1`] = ` -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c3 { @@ -2319,8 +2319,8 @@ exports[`renders <List instances /> without throwing 1`] = ` -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; @@ -2331,8 +2331,8 @@ exports[`renders <List instances /> without throwing 1`] = ` -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c8 { @@ -2340,8 +2340,8 @@ exports[`renders <List instances /> without throwing 1`] = ` -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c1 { @@ -2886,7 +2886,7 @@ exports[`renders <List instances /> without throwing 1`] = ` } .c10 { - margin-top: undefined; + margin-top: 0.875rem; } @media only screen and (min-width:48em) { @@ -2897,13 +2897,13 @@ exports[`renders <List instances /> without throwing 1`] = ` @media only screen and (min-width:64em) { .c0 { - width: 61rem; + width: 56rem; } } @media only screen and (min-width:75em) { .c0 { - width: 76rem; + width: 59rem; } } @@ -4286,8 +4286,8 @@ exports[`renders <List instances selected /> without throwing 1`] = ` -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c3 { @@ -4305,8 +4305,8 @@ exports[`renders <List instances selected /> without throwing 1`] = ` -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; @@ -4327,8 +4327,8 @@ exports[`renders <List instances selected /> without throwing 1`] = ` -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; @@ -4339,8 +4339,8 @@ exports[`renders <List instances selected /> without throwing 1`] = ` -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c8 { @@ -4348,8 +4348,8 @@ exports[`renders <List instances selected /> without throwing 1`] = ` -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c47 { @@ -4357,8 +4357,8 @@ exports[`renders <List instances selected /> without throwing 1`] = ` -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c50 { @@ -4366,8 +4366,8 @@ exports[`renders <List instances selected /> without throwing 1`] = ` -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c1 { @@ -4943,7 +4943,7 @@ exports[`renders <List instances selected /> without throwing 1`] = ` } .c10 { - margin-top: undefined; + margin-top: 0.875rem; } @media only screen and (min-width:48em) { @@ -4954,13 +4954,13 @@ exports[`renders <List instances selected /> without throwing 1`] = ` @media only screen and (min-width:64em) { .c0 { - width: 61rem; + width: 56rem; } } @media only screen and (min-width:75em) { .c0 { - width: 76rem; + width: 59rem; } } @@ -4979,13 +4979,13 @@ exports[`renders <List instances selected /> without throwing 1`] = ` @media only screen and (min-width:64em) { .c45 { - width: 61rem; + width: 56rem; } } @media only screen and (min-width:75em) { .c45 { - width: 76rem; + width: 59rem; } } @@ -6726,8 +6726,8 @@ exports[`renders <List instances selected=all /> without throwing 1`] = ` -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c3 { @@ -6745,8 +6745,8 @@ exports[`renders <List instances selected=all /> without throwing 1`] = ` -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; @@ -6767,8 +6767,8 @@ exports[`renders <List instances selected=all /> without throwing 1`] = ` -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; @@ -6779,8 +6779,8 @@ exports[`renders <List instances selected=all /> without throwing 1`] = ` -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c8 { @@ -6788,8 +6788,8 @@ exports[`renders <List instances selected=all /> without throwing 1`] = ` -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c47 { @@ -6797,8 +6797,8 @@ exports[`renders <List instances selected=all /> without throwing 1`] = ` -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c50 { @@ -6806,8 +6806,8 @@ exports[`renders <List instances selected=all /> without throwing 1`] = ` -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c1 { @@ -7383,7 +7383,7 @@ exports[`renders <List instances selected=all /> without throwing 1`] = ` } .c10 { - margin-top: undefined; + margin-top: 0.875rem; } @media only screen and (min-width:48em) { @@ -7394,13 +7394,13 @@ exports[`renders <List instances selected=all /> without throwing 1`] = ` @media only screen and (min-width:64em) { .c0 { - width: 61rem; + width: 56rem; } } @media only screen and (min-width:75em) { .c0 { - width: 76rem; + width: 59rem; } } @@ -7419,13 +7419,13 @@ exports[`renders <List instances selected=all /> without throwing 1`] = ` @media only screen and (min-width:64em) { .c45 { - width: 61rem; + width: 56rem; } } @media only screen and (min-width:75em) { .c45 { - width: 76rem; + width: 59rem; } } @@ -9377,8 +9377,8 @@ exports[`renders <List instances selected=all allowedActions /> without throwing -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c3 { @@ -9396,8 +9396,8 @@ exports[`renders <List instances selected=all allowedActions /> without throwing -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; @@ -9418,8 +9418,8 @@ exports[`renders <List instances selected=all allowedActions /> without throwing -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; @@ -9430,8 +9430,8 @@ exports[`renders <List instances selected=all allowedActions /> without throwing -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c8 { @@ -9439,8 +9439,8 @@ exports[`renders <List instances selected=all allowedActions /> without throwing -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c47 { @@ -9448,8 +9448,8 @@ exports[`renders <List instances selected=all allowedActions /> without throwing -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c52 { @@ -9457,8 +9457,8 @@ exports[`renders <List instances selected=all allowedActions /> without throwing -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c1 { @@ -10034,7 +10034,7 @@ exports[`renders <List instances selected=all allowedActions /> without throwing } .c10 { - margin-top: undefined; + margin-top: 0.875rem; } @media only screen and (min-width:48em) { @@ -10045,13 +10045,13 @@ exports[`renders <List instances selected=all allowedActions /> without throwing @media only screen and (min-width:64em) { .c0 { - width: 61rem; + width: 56rem; } } @media only screen and (min-width:75em) { .c0 { - width: 76rem; + width: 59rem; } } @@ -10070,13 +10070,13 @@ exports[`renders <List instances selected=all allowedActions /> without throwing @media only screen and (min-width:64em) { .c45 { - width: 61rem; + width: 56rem; } } @media only screen and (min-width:75em) { .c45 { - width: 76rem; + width: 59rem; } } @@ -11217,8 +11217,8 @@ exports[`renders <List loading /> without throwing 1`] = ` -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c3 { @@ -11236,8 +11236,8 @@ exports[`renders <List loading /> without throwing 1`] = ` -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; @@ -11248,8 +11248,8 @@ exports[`renders <List loading /> without throwing 1`] = ` -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c8 { @@ -11257,8 +11257,8 @@ exports[`renders <List loading /> without throwing 1`] = ` -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c1 { @@ -11386,7 +11386,7 @@ exports[`renders <List loading /> without throwing 1`] = ` } .c10 { - margin-top: undefined; + margin-top: 0.875rem; } @media only screen and (min-width:48em) { @@ -11397,13 +11397,13 @@ exports[`renders <List loading /> without throwing 1`] = ` @media only screen and (min-width:64em) { .c0 { - width: 61rem; + width: 56rem; } } @media only screen and (min-width:75em) { .c0 { - width: 76rem; + width: 59rem; } } diff --git a/packages/my-joy-beta/src/containers/instances/__tests__/__snapshots__/metadata.spec.js.snap b/packages/my-joy-beta/src/containers/instances/__tests__/__snapshots__/metadata.spec.js.snap index e6e51f6e..4fc8bd65 100644 --- a/packages/my-joy-beta/src/containers/instances/__tests__/__snapshots__/metadata.spec.js.snap +++ b/packages/my-joy-beta/src/containers/instances/__tests__/__snapshots__/metadata.spec.js.snap @@ -2,11 +2,11 @@ exports[`renders <Metadata /> without throwing 1`] = ` .c8 { - margin-top: undefined; + margin-top: 0.875rem; } .c17 { - margin-bottom: 2rem; + margin-bottom: 1.5rem; } .c11 { @@ -167,8 +167,8 @@ exports[`renders <Metadata /> without throwing 1`] = ` -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; @@ -189,8 +189,8 @@ exports[`renders <Metadata /> without throwing 1`] = ` -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c2 { @@ -198,8 +198,8 @@ exports[`renders <Metadata /> without throwing 1`] = ` -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c6 { @@ -207,8 +207,8 @@ exports[`renders <Metadata /> without throwing 1`] = ` -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c18 { @@ -362,13 +362,13 @@ exports[`renders <Metadata /> without throwing 1`] = ` @media only screen and (min-width:64em) { .c0 { - width: 61rem; + width: 56rem; } } @media only screen and (min-width:75em) { .c0 { - width: 76rem; + width: 59rem; } } @@ -510,21 +510,21 @@ exports[`renders <Metadata /> without throwing 1`] = ` exports[`renders <Metadata addOpen /> without throwing 1`] = ` .c8 { - margin-top: undefined; + margin-top: 0.875rem; } .c38 { - margin-top: 2rem; - margin-bottom: 2rem; + margin-top: 1.5rem; + margin-bottom: 1.5rem; } .c20 { - padding-right: 1rem; - padding-left: 1rem; + padding-right: 1.125rem; + padding-left: 1.125rem; } .c25 { - padding: 1rem; + padding: 1.125rem; } .c11 { @@ -1017,8 +1017,8 @@ exports[`renders <Metadata addOpen /> without throwing 1`] = ` -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; @@ -1039,8 +1039,8 @@ exports[`renders <Metadata addOpen /> without throwing 1`] = ` -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c32 { @@ -1058,8 +1058,8 @@ exports[`renders <Metadata addOpen /> without throwing 1`] = ` -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c2 { @@ -1067,8 +1067,8 @@ exports[`renders <Metadata addOpen /> without throwing 1`] = ` -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c6 { @@ -1076,8 +1076,8 @@ exports[`renders <Metadata addOpen /> without throwing 1`] = ` -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c26 { @@ -1085,8 +1085,8 @@ exports[`renders <Metadata addOpen /> without throwing 1`] = ` -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c35 { @@ -1094,8 +1094,8 @@ exports[`renders <Metadata addOpen /> without throwing 1`] = ` -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c39 { @@ -1633,13 +1633,13 @@ exports[`renders <Metadata addOpen /> without throwing 1`] = ` @media only screen and (min-width:64em) { .c0 { - width: 61rem; + width: 56rem; } } @media only screen and (min-width:75em) { .c0 { - width: 76rem; + width: 59rem; } } @@ -1997,11 +1997,11 @@ exports[`renders <Metadata addOpen /> without throwing 1`] = ` exports[`renders <Metadata error /> without throwing 1`] = ` .c8 { - margin-top: undefined; + margin-top: 0.875rem; } .c22 { - margin-bottom: 2rem; + margin-bottom: 1.5rem; } .c11 { @@ -2184,8 +2184,8 @@ exports[`renders <Metadata error /> without throwing 1`] = ` -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; @@ -2206,8 +2206,8 @@ exports[`renders <Metadata error /> without throwing 1`] = ` -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c2 { @@ -2215,8 +2215,8 @@ exports[`renders <Metadata error /> without throwing 1`] = ` -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c6 { @@ -2224,8 +2224,8 @@ exports[`renders <Metadata error /> without throwing 1`] = ` -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c23 { @@ -2413,13 +2413,13 @@ exports[`renders <Metadata error /> without throwing 1`] = ` @media only screen and (min-width:64em) { .c0 { - width: 61rem; + width: 56rem; } } @media only screen and (min-width:75em) { .c0 { - width: 76rem; + width: 59rem; } } @@ -2582,7 +2582,7 @@ exports[`renders <Metadata error /> without throwing 1`] = ` exports[`renders <Metadata loading /> without throwing 1`] = ` .c8 { - margin-top: undefined; + margin-top: 0.875rem; } .c11 { @@ -2847,8 +2847,8 @@ exports[`renders <Metadata loading /> without throwing 1`] = ` -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; @@ -2869,8 +2869,8 @@ exports[`renders <Metadata loading /> without throwing 1`] = ` -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c2 { @@ -2878,8 +2878,8 @@ exports[`renders <Metadata loading /> without throwing 1`] = ` -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c6 { @@ -2887,8 +2887,8 @@ exports[`renders <Metadata loading /> without throwing 1`] = ` -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c12 { @@ -3023,13 +3023,13 @@ exports[`renders <Metadata loading /> without throwing 1`] = ` @media only screen and (min-width:64em) { .c0 { - width: 61rem; + width: 56rem; } } @media only screen and (min-width:75em) { .c0 { - width: 76rem; + width: 59rem; } } @@ -3187,20 +3187,20 @@ exports[`renders <Metadata loading /> without throwing 1`] = ` exports[`renders <Metadata metadata /> without throwing 1`] = ` .c8 { - margin-top: undefined; + margin-top: 0.875rem; } .c17 { - margin-bottom: 2rem; + margin-bottom: 1.5rem; } .c22 { - padding-right: 1rem; - padding-left: 1rem; + padding-right: 1.125rem; + padding-left: 1.125rem; } .c27 { - padding: 1rem; + padding: 1.125rem; } .c11 { @@ -3897,8 +3897,8 @@ exports[`renders <Metadata metadata /> without throwing 1`] = ` -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; @@ -3919,8 +3919,8 @@ exports[`renders <Metadata metadata /> without throwing 1`] = ` -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c34 { @@ -3938,8 +3938,8 @@ exports[`renders <Metadata metadata /> without throwing 1`] = ` -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c2 { @@ -3947,8 +3947,8 @@ exports[`renders <Metadata metadata /> without throwing 1`] = ` -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c6 { @@ -3956,8 +3956,8 @@ exports[`renders <Metadata metadata /> without throwing 1`] = ` -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c28 { @@ -3965,8 +3965,8 @@ exports[`renders <Metadata metadata /> without throwing 1`] = ` -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c35 { @@ -3974,8 +3974,8 @@ exports[`renders <Metadata metadata /> without throwing 1`] = ` -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c38 { @@ -3983,8 +3983,8 @@ exports[`renders <Metadata metadata /> without throwing 1`] = ` -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c18 { @@ -4512,13 +4512,13 @@ exports[`renders <Metadata metadata /> without throwing 1`] = ` @media only screen and (min-width:64em) { .c0 { - width: 61rem; + width: 56rem; } } @media only screen and (min-width:75em) { .c0 { - width: 76rem; + width: 59rem; } } diff --git a/packages/my-joy-beta/src/containers/instances/__tests__/__snapshots__/networks.spec.js.snap b/packages/my-joy-beta/src/containers/instances/__tests__/__snapshots__/networks.spec.js.snap index c1c1f18b..a4339a69 100644 --- a/packages/my-joy-beta/src/containers/instances/__tests__/__snapshots__/networks.spec.js.snap +++ b/packages/my-joy-beta/src/containers/instances/__tests__/__snapshots__/networks.spec.js.snap @@ -2,11 +2,11 @@ exports[`renders <Networks /> without throwing 1`] = ` .c1 { - margin-bottom: 0.25rem; + margin-bottom: 0.375rem; } .c4 { - margin-bottom: 1rem; + margin-bottom: 1.125rem; } .c5 { @@ -53,8 +53,8 @@ exports[`renders <Networks /> without throwing 1`] = ` -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c3 { @@ -62,8 +62,8 @@ exports[`renders <Networks /> without throwing 1`] = ` -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c6 { @@ -95,13 +95,13 @@ exports[`renders <Networks /> without throwing 1`] = ` @media only screen and (min-width:64em) { .c0 { - width: 61rem; + width: 56rem; } } @media only screen and (min-width:75em) { .c0 { - width: 76rem; + width: 59rem; } } @@ -173,11 +173,11 @@ exports[`renders <Networks /> without throwing 1`] = ` exports[`renders <Networks error /> without throwing 1`] = ` .c1 { - margin-bottom: 0.25rem; + margin-bottom: 0.375rem; } .c4 { - margin-bottom: 1rem; + margin-bottom: 1.125rem; } .c5 { @@ -246,8 +246,8 @@ exports[`renders <Networks error /> without throwing 1`] = ` -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c3 { @@ -255,8 +255,8 @@ exports[`renders <Networks error /> without throwing 1`] = ` -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c6 { @@ -322,13 +322,13 @@ exports[`renders <Networks error /> without throwing 1`] = ` @media only screen and (min-width:64em) { .c0 { - width: 61rem; + width: 56rem; } } @media only screen and (min-width:75em) { .c0 { - width: 76rem; + width: 59rem; } } @@ -421,11 +421,11 @@ exports[`renders <Networks error /> without throwing 1`] = ` exports[`renders <Networks loading /> without throwing 1`] = ` .c1 { - margin-bottom: 0.25rem; + margin-bottom: 0.375rem; } .c4 { - margin-bottom: 1rem; + margin-bottom: 1.125rem; } .c8 { @@ -554,8 +554,8 @@ exports[`renders <Networks loading /> without throwing 1`] = ` -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c3 { @@ -563,8 +563,8 @@ exports[`renders <Networks loading /> without throwing 1`] = ` -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c6 { @@ -596,13 +596,13 @@ exports[`renders <Networks loading /> without throwing 1`] = ` @media only screen and (min-width:64em) { .c0 { - width: 61rem; + width: 56rem; } } @media only screen and (min-width:75em) { .c0 { - width: 76rem; + width: 59rem; } } @@ -709,36 +709,36 @@ exports[`renders <Networks loading /> without throwing 1`] = ` exports[`renders <Networks networks /> without throwing 1`] = ` .c1 { - margin-bottom: 0.25rem; + margin-bottom: 0.375rem; } .c4 { - margin-bottom: 1rem; + margin-bottom: 1.125rem; } .c7 { - margin-bottom: 2rem; + margin-bottom: 1.5rem; } .c16 { - margin-right: 2rem; + margin-right: 1.5rem; } .c19 { - margin-right: 0.25rem; + margin-right: 0.375rem; } .c20 { - margin-top: 1rem; + margin-top: 1.125rem; } .c11 { - padding-right: 1rem; - padding-left: 1rem; + padding-right: 1.125rem; + padding-left: 1.125rem; } .c14 { - padding: 2rem; + padding: 1.5rem; } .c5 { @@ -785,8 +785,8 @@ exports[`renders <Networks networks /> without throwing 1`] = ` -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c3 { @@ -794,8 +794,8 @@ exports[`renders <Networks networks /> without throwing 1`] = ` -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c6 { @@ -1264,13 +1264,13 @@ exports[`renders <Networks networks /> without throwing 1`] = ` @media only screen and (min-width:64em) { .c0 { - width: 61rem; + width: 56rem; } } @media only screen and (min-width:75em) { .c0 { - width: 76rem; + width: 59rem; } } diff --git a/packages/my-joy-beta/src/containers/instances/__tests__/__snapshots__/summary.spec.js.snap b/packages/my-joy-beta/src/containers/instances/__tests__/__snapshots__/summary.spec.js.snap index efb8f274..b6652d44 100644 --- a/packages/my-joy-beta/src/containers/instances/__tests__/__snapshots__/summary.spec.js.snap +++ b/packages/my-joy-beta/src/containers/instances/__tests__/__snapshots__/summary.spec.js.snap @@ -18,13 +18,13 @@ exports[`renders <Summary /> without throwing 1`] = ` @media only screen and (min-width:64em) { .c0 { - width: 61rem; + width: 56rem; } } @media only screen and (min-width:75em) { .c0 { - width: 76rem; + width: 59rem; } } @@ -161,13 +161,13 @@ exports[`renders <Summary loading /> without throwing 1`] = ` @media only screen and (min-width:64em) { .c0 { - width: 61rem; + width: 56rem; } } @media only screen and (min-width:75em) { .c0 { - width: 76rem; + width: 59rem; } } @@ -293,13 +293,13 @@ exports[`renders <Summary loadingError /> without throwing 1`] = ` @media only screen and (min-width:64em) { .c0 { - width: 61rem; + width: 56rem; } } @media only screen and (min-width:75em) { .c0 { - width: 76rem; + width: 59rem; } } @@ -411,13 +411,13 @@ exports[`renders <Summary mutationError /> without throwing 1`] = ` @media only screen and (min-width:64em) { .c0 { - width: 61rem; + width: 56rem; } } @media only screen and (min-width:75em) { .c0 { - width: 76rem; + width: 59rem; } } @@ -473,13 +473,13 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi @media only screen and (min-width:64em) { .c0 { - width: 61rem; + width: 56rem; } } @media only screen and (min-width:75em) { .c0 { - width: 76rem; + width: 59rem; } } @@ -1314,8 +1314,8 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c6 { @@ -1333,8 +1333,8 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c17 { @@ -1352,8 +1352,8 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c2 { @@ -1361,8 +1361,8 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c7 { @@ -1370,8 +1370,8 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c18 { @@ -1379,8 +1379,8 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c25 { @@ -1388,8 +1388,8 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c30 { @@ -1397,8 +1397,8 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c8 { @@ -1565,21 +1565,21 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi } .c9 { - margin-top: 0.5rem; - margin-bottom: 1rem; + margin-top: 0.75rem; + margin-bottom: 1.125rem; } .c15 { - margin-top: 0.25rem; + margin-top: 0.375rem; } .c28 { - margin-top: 2rem; - margin-bottom: 4rem; + margin-top: 1.5rem; + margin-bottom: 1.875rem; } .c5 { - padding: 2rem; + padding: 1.5rem; } .c16 { @@ -1671,13 +1671,13 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi @media only screen and (min-width:64em) { .c0 { - width: 61rem; + width: 56rem; } } @media only screen and (min-width:75em) { .c0 { - width: 76rem; + width: 59rem; } } @@ -3414,8 +3414,8 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c6 { @@ -3433,8 +3433,8 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c17 { @@ -3452,8 +3452,8 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c2 { @@ -3461,8 +3461,8 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c7 { @@ -3470,8 +3470,8 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c18 { @@ -3479,8 +3479,8 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c25 { @@ -3488,8 +3488,8 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c30 { @@ -3497,8 +3497,8 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c8 { @@ -3665,21 +3665,21 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi } .c9 { - margin-top: 0.5rem; - margin-bottom: 1rem; + margin-top: 0.75rem; + margin-bottom: 1.125rem; } .c15 { - margin-top: 0.25rem; + margin-top: 0.375rem; } .c28 { - margin-top: 2rem; - margin-bottom: 4rem; + margin-top: 1.5rem; + margin-bottom: 1.875rem; } .c5 { - padding: 2rem; + padding: 1.5rem; } .c16 { @@ -3771,13 +3771,13 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi @media only screen and (min-width:64em) { .c0 { - width: 61rem; + width: 56rem; } } @media only screen and (min-width:75em) { .c0 { - width: 76rem; + width: 59rem; } } diff --git a/packages/my-joy-beta/src/containers/instances/__tests__/__snapshots__/tags.spec.js.snap b/packages/my-joy-beta/src/containers/instances/__tests__/__snapshots__/tags.spec.js.snap index 6c5d476d..c1de8ac6 100644 --- a/packages/my-joy-beta/src/containers/instances/__tests__/__snapshots__/tags.spec.js.snap +++ b/packages/my-joy-beta/src/containers/instances/__tests__/__snapshots__/tags.spec.js.snap @@ -2,11 +2,11 @@ exports[`renders <Tags /> without throwing 1`] = ` .c8 { - margin-top: undefined; + margin-top: 0.875rem; } .c17 { - margin-bottom: 2rem; + margin-bottom: 1.5rem; } .c11 { @@ -167,8 +167,8 @@ exports[`renders <Tags /> without throwing 1`] = ` -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; @@ -189,8 +189,8 @@ exports[`renders <Tags /> without throwing 1`] = ` -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c2 { @@ -198,8 +198,8 @@ exports[`renders <Tags /> without throwing 1`] = ` -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c6 { @@ -207,8 +207,8 @@ exports[`renders <Tags /> without throwing 1`] = ` -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c18 { @@ -375,13 +375,13 @@ exports[`renders <Tags /> without throwing 1`] = ` @media only screen and (min-width:64em) { .c0 { - width: 61rem; + width: 56rem; } } @media only screen and (min-width:75em) { .c0 { - width: 76rem; + width: 59rem; } } @@ -526,21 +526,21 @@ exports[`renders <Tags /> without throwing 1`] = ` exports[`renders <Tags addOpen /> without throwing 1`] = ` .c8 { - margin-top: undefined; + margin-top: 0.875rem; } .c38 { - margin-top: 2rem; - margin-bottom: 2rem; + margin-top: 1.5rem; + margin-bottom: 1.5rem; } .c20 { - padding-right: 1rem; - padding-left: 1rem; + padding-right: 1.125rem; + padding-left: 1.125rem; } .c25 { - padding: 1rem; + padding: 1.125rem; } .c11 { @@ -1021,8 +1021,8 @@ exports[`renders <Tags addOpen /> without throwing 1`] = ` -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; @@ -1043,8 +1043,8 @@ exports[`renders <Tags addOpen /> without throwing 1`] = ` -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c31 { @@ -1062,8 +1062,8 @@ exports[`renders <Tags addOpen /> without throwing 1`] = ` -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c2 { @@ -1071,8 +1071,8 @@ exports[`renders <Tags addOpen /> without throwing 1`] = ` -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c6 { @@ -1080,8 +1080,8 @@ exports[`renders <Tags addOpen /> without throwing 1`] = ` -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c32 { @@ -1089,8 +1089,8 @@ exports[`renders <Tags addOpen /> without throwing 1`] = ` -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c35 { @@ -1098,8 +1098,8 @@ exports[`renders <Tags addOpen /> without throwing 1`] = ` -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c39 { @@ -1627,13 +1627,13 @@ exports[`renders <Tags addOpen /> without throwing 1`] = ` @media only screen and (min-width:64em) { .c0 { - width: 61rem; + width: 56rem; } } @media only screen and (min-width:75em) { .c0 { - width: 76rem; + width: 59rem; } } @@ -1985,11 +1985,11 @@ exports[`renders <Tags addOpen /> without throwing 1`] = ` exports[`renders <Tags editable /> without throwing 1`] = ` .c8 { - margin-top: undefined; + margin-top: 0.875rem; } .c17 { - margin-bottom: 2rem; + margin-bottom: 1.5rem; } .c11 { @@ -2150,8 +2150,8 @@ exports[`renders <Tags editable /> without throwing 1`] = ` -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; @@ -2172,8 +2172,8 @@ exports[`renders <Tags editable /> without throwing 1`] = ` -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c2 { @@ -2181,8 +2181,8 @@ exports[`renders <Tags editable /> without throwing 1`] = ` -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c6 { @@ -2190,8 +2190,8 @@ exports[`renders <Tags editable /> without throwing 1`] = ` -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c18 { @@ -2358,13 +2358,13 @@ exports[`renders <Tags editable /> without throwing 1`] = ` @media only screen and (min-width:64em) { .c0 { - width: 61rem; + width: 56rem; } } @media only screen and (min-width:75em) { .c0 { - width: 76rem; + width: 59rem; } } @@ -2509,20 +2509,20 @@ exports[`renders <Tags editable /> without throwing 1`] = ` exports[`renders <Tags editing /> without throwing 1`] = ` .c8 { - margin-top: undefined; + margin-top: 0.875rem; } .c38 { - margin-bottom: 2rem; + margin-bottom: 1.5rem; } .c20 { - padding-right: 1rem; - padding-left: 1rem; + padding-right: 1.125rem; + padding-left: 1.125rem; } .c25 { - padding: 1rem; + padding: 1.125rem; } .c11 { @@ -3025,8 +3025,8 @@ exports[`renders <Tags editing /> without throwing 1`] = ` -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; @@ -3047,8 +3047,8 @@ exports[`renders <Tags editing /> without throwing 1`] = ` -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c31 { @@ -3066,8 +3066,8 @@ exports[`renders <Tags editing /> without throwing 1`] = ` -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c2 { @@ -3075,8 +3075,8 @@ exports[`renders <Tags editing /> without throwing 1`] = ` -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c6 { @@ -3084,8 +3084,8 @@ exports[`renders <Tags editing /> without throwing 1`] = ` -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c32 { @@ -3093,8 +3093,8 @@ exports[`renders <Tags editing /> without throwing 1`] = ` -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c35 { @@ -3102,8 +3102,8 @@ exports[`renders <Tags editing /> without throwing 1`] = ` -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c39 { @@ -3621,13 +3621,13 @@ exports[`renders <Tags editing /> without throwing 1`] = ` @media only screen and (min-width:64em) { .c0 { - width: 61rem; + width: 56rem; } } @media only screen and (min-width:75em) { .c0 { - width: 76rem; + width: 59rem; } } @@ -4007,20 +4007,20 @@ exports[`renders <Tags editing /> without throwing 1`] = ` exports[`renders <Tags editing.removing /> without throwing 1`] = ` .c8 { - margin-top: undefined; + margin-top: 0.875rem; } .c42 { - margin-bottom: 2rem; + margin-bottom: 1.5rem; } .c20 { - padding-right: 1rem; - padding-left: 1rem; + padding-right: 1.125rem; + padding-left: 1.125rem; } .c25 { - padding: 1rem; + padding: 1.125rem; } .c11 { @@ -4598,8 +4598,8 @@ exports[`renders <Tags editing.removing /> without throwing 1`] = ` -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; @@ -4620,8 +4620,8 @@ exports[`renders <Tags editing.removing /> without throwing 1`] = ` -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c31 { @@ -4639,8 +4639,8 @@ exports[`renders <Tags editing.removing /> without throwing 1`] = ` -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c2 { @@ -4648,8 +4648,8 @@ exports[`renders <Tags editing.removing /> without throwing 1`] = ` -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c6 { @@ -4657,8 +4657,8 @@ exports[`renders <Tags editing.removing /> without throwing 1`] = ` -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c32 { @@ -4666,8 +4666,8 @@ exports[`renders <Tags editing.removing /> without throwing 1`] = ` -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c35 { @@ -4675,8 +4675,8 @@ exports[`renders <Tags editing.removing /> without throwing 1`] = ` -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c43 { @@ -5194,13 +5194,13 @@ exports[`renders <Tags editing.removing /> without throwing 1`] = ` @media only screen and (min-width:64em) { .c0 { - width: 61rem; + width: 56rem; } } @media only screen and (min-width:75em) { .c0 { - width: 76rem; + width: 59rem; } } @@ -5589,11 +5589,11 @@ exports[`renders <Tags editing.removing /> without throwing 1`] = ` exports[`renders <Tags error /> without throwing 1`] = ` .c8 { - margin-top: undefined; + margin-top: 0.875rem; } .c17 { - margin-bottom: 2rem; + margin-bottom: 1.5rem; } .c11 { @@ -5754,8 +5754,8 @@ exports[`renders <Tags error /> without throwing 1`] = ` -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; @@ -5776,8 +5776,8 @@ exports[`renders <Tags error /> without throwing 1`] = ` -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c2 { @@ -5785,8 +5785,8 @@ exports[`renders <Tags error /> without throwing 1`] = ` -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c6 { @@ -5794,8 +5794,8 @@ exports[`renders <Tags error /> without throwing 1`] = ` -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c18 { @@ -5962,13 +5962,13 @@ exports[`renders <Tags error /> without throwing 1`] = ` @media only screen and (min-width:64em) { .c0 { - width: 61rem; + width: 56rem; } } @media only screen and (min-width:75em) { .c0 { - width: 76rem; + width: 59rem; } } @@ -6113,7 +6113,7 @@ exports[`renders <Tags error /> without throwing 1`] = ` exports[`renders <Tags loading /> without throwing 1`] = ` .c8 { - margin-top: undefined; + margin-top: 0.875rem; } .c11 { @@ -6356,8 +6356,8 @@ exports[`renders <Tags loading /> without throwing 1`] = ` -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; @@ -6378,8 +6378,8 @@ exports[`renders <Tags loading /> without throwing 1`] = ` -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c2 { @@ -6387,8 +6387,8 @@ exports[`renders <Tags loading /> without throwing 1`] = ` -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c6 { @@ -6396,8 +6396,8 @@ exports[`renders <Tags loading /> without throwing 1`] = ` -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c12 { @@ -6532,13 +6532,13 @@ exports[`renders <Tags loading /> without throwing 1`] = ` @media only screen and (min-width:64em) { .c0 { - width: 61rem; + width: 56rem; } } @media only screen and (min-width:75em) { .c0 { - width: 76rem; + width: 59rem; } } @@ -6696,16 +6696,16 @@ exports[`renders <Tags loading /> without throwing 1`] = ` exports[`renders <Tags tags /> without throwing 1`] = ` .c8 { - margin-top: undefined; + margin-top: 0.875rem; } .c17 { - margin-bottom: 2rem; + margin-bottom: 1.5rem; } .c20 { - margin-right: 0.25rem; - margin-bottom: 0.25rem; + margin-right: 0.375rem; + margin-bottom: 0.375rem; } .c11 { @@ -6866,8 +6866,8 @@ exports[`renders <Tags tags /> without throwing 1`] = ` -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; @@ -6888,8 +6888,8 @@ exports[`renders <Tags tags /> without throwing 1`] = ` -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c2 { @@ -6897,8 +6897,8 @@ exports[`renders <Tags tags /> without throwing 1`] = ` -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c6 { @@ -6906,8 +6906,8 @@ exports[`renders <Tags tags /> without throwing 1`] = ` -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c18 { @@ -7110,13 +7110,13 @@ exports[`renders <Tags tags /> without throwing 1`] = ` @media only screen and (min-width:64em) { .c0 { - width: 61rem; + width: 56rem; } } @media only screen and (min-width:75em) { .c0 { - width: 76rem; + width: 59rem; } } diff --git a/packages/my-joy-beta/src/containers/instances/__tests__/cns.ui.js b/packages/my-joy-beta/src/containers/instances/__tests__/cns.ui.js index 8038066c..0cbe32f9 100644 --- a/packages/my-joy-beta/src/containers/instances/__tests__/cns.ui.js +++ b/packages/my-joy-beta/src/containers/instances/__tests__/cns.ui.js @@ -1,6 +1,5 @@ import React from 'react'; import { toMatchImageSnapshot } from 'jest-image-snapshot'; -import renderer from 'react-test-renderer'; import screenshot from 'react-screenshot-renderer'; import { Cns } from '../cns'; 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 a65ddeab..7963904e 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,6 +1,5 @@ import React, { Fragment } from 'react'; import { toMatchImageSnapshot } from 'jest-image-snapshot'; -import renderer from 'react-test-renderer'; import screenshot from 'react-screenshot-renderer'; import { Firewall } from '../firewall'; diff --git a/packages/my-joy-beta/src/containers/instances/__tests__/list.ui.js b/packages/my-joy-beta/src/containers/instances/__tests__/list.ui.js index ec490f81..b5862ff9 100644 --- a/packages/my-joy-beta/src/containers/instances/__tests__/list.ui.js +++ b/packages/my-joy-beta/src/containers/instances/__tests__/list.ui.js @@ -1,6 +1,5 @@ import React from 'react'; import { toMatchImageSnapshot } from 'jest-image-snapshot'; -import renderer from 'react-test-renderer'; import screenshot from 'react-screenshot-renderer'; import { List } from '../list'; diff --git a/packages/my-joy-beta/src/containers/instances/__tests__/metadata.ui.js b/packages/my-joy-beta/src/containers/instances/__tests__/metadata.ui.js index 7054707b..ba044cc2 100644 --- a/packages/my-joy-beta/src/containers/instances/__tests__/metadata.ui.js +++ b/packages/my-joy-beta/src/containers/instances/__tests__/metadata.ui.js @@ -1,6 +1,5 @@ import React from 'react'; import { toMatchImageSnapshot } from 'jest-image-snapshot'; -import renderer from 'react-test-renderer'; import screenshot from 'react-screenshot-renderer'; import { Metadata } from '../metadata'; 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 d8a7273b..0cbf879b 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,6 +1,5 @@ import React from 'react'; import { toMatchImageSnapshot } from 'jest-image-snapshot'; -import renderer from 'react-test-renderer'; import screenshot from 'react-screenshot-renderer'; import { Networks } from '../networks'; diff --git a/packages/my-joy-beta/src/containers/instances/__tests__/summary.ui.js b/packages/my-joy-beta/src/containers/instances/__tests__/summary.ui.js index 4bb12e3a..d0067ee4 100644 --- a/packages/my-joy-beta/src/containers/instances/__tests__/summary.ui.js +++ b/packages/my-joy-beta/src/containers/instances/__tests__/summary.ui.js @@ -1,6 +1,5 @@ import React from 'react'; import { toMatchImageSnapshot } from 'jest-image-snapshot'; -import renderer from 'react-test-renderer'; import screenshot from 'react-screenshot-renderer'; import { Summary } from '../summary'; diff --git a/packages/my-joy-beta/src/containers/instances/__tests__/tags.ui.js b/packages/my-joy-beta/src/containers/instances/__tests__/tags.ui.js index e39218b4..90c468f9 100644 --- a/packages/my-joy-beta/src/containers/instances/__tests__/tags.ui.js +++ b/packages/my-joy-beta/src/containers/instances/__tests__/tags.ui.js @@ -1,6 +1,5 @@ import React from 'react'; import { toMatchImageSnapshot } from 'jest-image-snapshot'; -import renderer from 'react-test-renderer'; import screenshot from 'react-screenshot-renderer'; import { Tags } from '../tags'; 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 be0fb552..59b49944 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 a914168e..b598f285 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/my-joy-beta/src/containers/navigation/__tests__/__snapshots__/breadcrumb.spec.js.snap b/packages/my-joy-beta/src/containers/navigation/__tests__/__snapshots__/breadcrumb.spec.js.snap index 1566923f..b9e29da9 100644 --- a/packages/my-joy-beta/src/containers/navigation/__tests__/__snapshots__/breadcrumb.spec.js.snap +++ b/packages/my-joy-beta/src/containers/navigation/__tests__/__snapshots__/breadcrumb.spec.js.snap @@ -4,8 +4,8 @@ exports[`renders <Breadcrumb /> without throwing 1`] = ` .c0 { margin-right: auto; margin-left: auto; - padding-right: 2rem; - padding-left: 2rem; + padding-right: 1.875rem; + padding-left: 1.875rem; box-sizing: border-box; width: 100%; padding-left: 0; @@ -36,8 +36,8 @@ exports[`renders <Breadcrumb /> without throwing 1`] = ` -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c3 { @@ -45,8 +45,8 @@ exports[`renders <Breadcrumb /> without throwing 1`] = ` -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c5 { @@ -95,13 +95,13 @@ exports[`renders <Breadcrumb /> without throwing 1`] = ` @media only screen and (min-width:64em) { .c1 { - width: 61rem; + width: 56rem; } } @media only screen and (min-width:75em) { .c1 { - width: 76rem; + width: 59rem; } } @@ -173,8 +173,8 @@ exports[`renders <Breadcrumb match /> without throwing 1`] = ` .c0 { margin-right: auto; margin-left: auto; - padding-right: 2rem; - padding-left: 2rem; + padding-right: 1.875rem; + padding-left: 1.875rem; box-sizing: border-box; width: 100%; padding-left: 0; @@ -205,8 +205,8 @@ exports[`renders <Breadcrumb match /> without throwing 1`] = ` -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c3 { @@ -214,8 +214,8 @@ exports[`renders <Breadcrumb match /> without throwing 1`] = ` -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } .c5 { @@ -264,13 +264,13 @@ exports[`renders <Breadcrumb match /> without throwing 1`] = ` @media only screen and (min-width:64em) { .c1 { - width: 61rem; + width: 56rem; } } @media only screen and (min-width:75em) { .c1 { - width: 76rem; + width: 59rem; } } diff --git a/packages/my-joy-beta/src/containers/navigation/__tests__/breadcrumb.ui.js b/packages/my-joy-beta/src/containers/navigation/__tests__/breadcrumb.ui.js index f9e9ffd7..78c7522e 100644 --- a/packages/my-joy-beta/src/containers/navigation/__tests__/breadcrumb.ui.js +++ b/packages/my-joy-beta/src/containers/navigation/__tests__/breadcrumb.ui.js @@ -1,6 +1,5 @@ import React from 'react'; import { toMatchImageSnapshot } from 'jest-image-snapshot'; -import renderer from 'react-test-renderer'; import screenshot from 'react-screenshot-renderer'; import Breadcrumb from '../breadcrumb'; diff --git a/packages/navigation/package.json b/packages/navigation/package.json index ea091ce2..5c8f41f9 100644 --- a/packages/navigation/package.json +++ b/packages/navigation/package.json @@ -29,17 +29,17 @@ "param-case": "^2.1.1", "pascal-case": "^2.0.1", "preact": "^8.2.7", - "preact-compat": "^3.17.0", + "preact-compat": "^3.18.0", "preact-emotion": "^8.0.12", "preact-emotion-flexboxgrid": "^1.0.1", "react-apollo": "^2.0.4", - "remcalc": "^1.0.9" + "remcalc": "^1.0.10" }, "devDependencies": { "babel-eslint": "^8.2.1", - "babel-preset-joyent-portal": "^6.0.1", - "eslint": "^4.15.0", - "eslint-config-joyent-portal": "^3.2.0", - "joyent-react-scripts": "^7.2.0" + "babel-preset-joyent-portal": "^6.0.3", + "eslint": "^4.16.0", + "eslint-config-joyent-portal": "^3.3.1", + "joyent-react-scripts": "^7.2.2" } } diff --git a/packages/ui-toolkit/package.json b/packages/ui-toolkit/package.json index c7a160ee..ecf8fdf4 100644 --- a/packages/ui-toolkit/package.json +++ b/packages/ui-toolkit/package.json @@ -28,36 +28,38 @@ "lodash.isnan": "^3.0.2", "lodash.isundefined": "^3.0.1", "lodash.values": "^4.3.0", - "normalized-styled-components": "^1.0.17", + "normalized-styled-components": "^1.0.18", "outy": "^0.1.2", "pascal-case": "^2.0.1", "prop-types": "^15.6.0", "react-bundle": "^1.0.4", - "react-popper": "^0.7.4", + "react-popper": "^0.7.5", "react-responsive": "^4.0.3", "react-styled-flexboxgrid": "^2.1.1", - "remcalc": "^1.0.9", - "rnd-id": "^2.0.1", - "styled-components": "^2.3.0", - "styled-is": "^1.1.0", - "unitcalc": "^1.1.1" + "remcalc": "^1.0.10", + "rnd-id": "^2.0.2", + "styled-components": "^3.1.2", + "styled-is": "^1.1.2", + "unitcalc": "^1.1.2" }, "devDependencies": { "babel-cli": "^6.26.0", - "babel-preset-joyent-portal": "^6.0.1", + "babel-preset-joyent-portal": "^6.0.3", "classnames": "^2.2.5", - "eslint": "^4.13.1", - "eslint-config-joyent-portal": "^3.2.0", - "jest-styled-components": "^4.9.0", - "joyent-react-scripts": "^7.2.0", + "eslint": "^4.16.0", + "eslint-config-joyent-portal": "^3.3.1", + "jest-styled-components": "^4.11.0-0", + "joyent-react-scripts": "^7.2.2", "lodash.isboolean": "^3.0.3", "react": "^16.2.0", "react-docgen": "^3.0.0-beta8", "react-docgen-displayname-handler": "^1.0.1", "react-dom": "^16.2.0", - "react-styleguidist": "^6.0.33", + "react-styleguidist": "^6.2.0", "react-test-renderer": "^16.2.0", "redrun": "^5.10.0", + "styled-components-spacing": "^2.1.3", + "styled-flex-component": "^2.1.0", "webpack": "^3.10.0" }, "peerDependencies": { diff --git a/packages/ui-toolkit/src/breadcrumb/__tests__/__snapshots__/index.spec.js.snap b/packages/ui-toolkit/src/breadcrumb/__tests__/__snapshots__/index.spec.js.snap index 925c8bb7..cedb31a5 100644 --- a/packages/ui-toolkit/src/breadcrumb/__tests__/__snapshots__/index.spec.js.snap +++ b/packages/ui-toolkit/src/breadcrumb/__tests__/__snapshots__/index.spec.js.snap @@ -42,8 +42,8 @@ exports[`Breadcrumb Default Breadcrumb 1`] = ` .c0 { margin-right: auto; margin-left: auto; - padding-right: 2rem; - padding-left: 2rem; + padding-right: 1.875rem; + padding-left: 1.875rem; box-sizing: border-box; width: 100%; padding-left: 0; @@ -74,8 +74,8 @@ exports[`Breadcrumb Default Breadcrumb 1`] = ` -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c3 { @@ -83,8 +83,8 @@ exports[`Breadcrumb Default Breadcrumb 1`] = ` -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding-right: 0.5rem; - padding-left: 0.5rem; + padding-right: 0.625rem; + padding-left: 0.625rem; } @media only screen and (min-width:48em) { @@ -95,13 +95,13 @@ exports[`Breadcrumb Default Breadcrumb 1`] = ` @media only screen and (min-width:64em) { .c1 { - width: 61rem; + width: 56rem; } } @media only screen and (min-width:75em) { .c1 { - width: 76rem; + width: 59rem; } } diff --git a/packages/ui-toolkit/src/card/card.js b/packages/ui-toolkit/src/card/card.js index 2f7a2994..b4bfd29d 100644 --- a/packages/ui-toolkit/src/card/card.js +++ b/packages/ui-toolkit/src/card/card.js @@ -1,6 +1,6 @@ import React from 'react'; import { Broadcast } from 'joy-react-broadcast'; -import styled, { css } from 'styled-components'; +import styled, { css, keyframes } from 'styled-components'; import PropTypes from 'prop-types'; import is, { isNot } from 'styled-is'; import remcalc from 'remcalc'; @@ -16,6 +16,16 @@ const paperEffect = css` 0 ${remcalc(16)} ${remcalc(1)} ${remcalc(-9)} ${props => props.theme.grey}; `; +const fadeIn = keyframes` + from { + opacity: 0; + } + + to { + opacity: 1; + } +`; + export const BaseCard = styled.div` box-sizing: content-box; display: flex; @@ -82,6 +92,47 @@ export const BaseCard = styled.div` `}; `; +const Preview = styled.div` + width: ${remcalc(144)}; + height: ${remcalc(144)}; + background: ${props => props.theme.white}; + border: ${remcalc(1)} solid ${props => props.theme.grey}; + border-radius: ${remcalc(4)}; + box-sizing: border-box; + padding-top: ${remcalc(12)}; + align-items: center; + justify-content: space-between; + flex-direction: column; + display: flex; + margin-bottom: ${remcalc(20)}; + animation: ${fadeIn} 0.2s ease-in-out; + + ${is('active')` + border: ${remcalc(1)} solid ${props => props.theme.primaryActive}; + + select { + border-color: ${props => props.theme.primaryActive}; + } + `}; + + ${is('disabled')` + background: ${props => props.theme.disabled}; + border: ${remcalc(1)} solid ${props => props.theme.grey}; + + select { + border-color: ${props => props.theme.grey}; + } + `}; + + ${is('error')` + border: ${remcalc(1)} solid ${props => props.theme.red}; + + select { + border-color: ${props => props.theme.red}; + } + `}; +`; + /** * @example ./demo.md */ @@ -95,6 +146,7 @@ const Card = ({ active, shadow, actionable, + preview, ...rest }) => { const newValue = { @@ -105,14 +157,17 @@ const Card = ({ stacked, active, shadow, - actionable + actionable, + preview }; + const Component = preview ? Preview : BaseCard; + return ( <Broadcast channel="card" value={newValue}> - <BaseCard {...rest} {...newValue} name="card"> + <Component {...rest} {...newValue} name="card"> {children} - </BaseCard> + </Component> </Broadcast> ); }; @@ -138,7 +193,8 @@ Card.defaultProps = { stacked: false, active: false, shadow: false, - actionable: false + actionable: false, + preview: false }; export default Baseline(Card); diff --git a/packages/ui-toolkit/src/card/demo.md b/packages/ui-toolkit/src/card/demo.md index 8f5c12f4..73d45761 100644 --- a/packages/ui-toolkit/src/card/demo.md +++ b/packages/ui-toolkit/src/card/demo.md @@ -1,433 +1,332 @@ +#### Container + ```jsx const React = require('react'); +const { Margin } = require('styled-components-spacing'); const { default: Card } = require('.'); -<Card />; -``` - -#### Card > Shadow - -```jsx -const React = require('react'); -const { default: Card } = require('.'); - -<Card shadow />; -``` - -#### Card > Headed > Collapsed - -```jsx -const React = require('react'); -const { default: Card, Header, HeaderBox, HeaderMeta } = require('.'); -const { Row, Col } = require('react-styled-flexboxgrid'); -const { H4, P } = require('../text'); - -const { Instances, Actions } = require('../icons'); - -<Card shadow collapsed> - <Header> - <HeaderMeta> - <Row between="xs" middle="xs"> - <Col xs={4} sm={8}> - <H4 white>Nginx</H4> - </Col> - <Col xs={8} sm={4}> - <P white> - <Instances marginRight="0.5" light /> 4 of 4 instances - </P> - </Col> - </Row> - </HeaderMeta> - <HeaderBox border="left" actionable> - <Actions light /> - </HeaderBox> - </Header> +<Card> + <Margin top={11} /> </Card>; ``` -#### Card > Headed +#### Card Header ```jsx const React = require('react'); +const { Margin } = require('styled-components-spacing'); const { default: Card, Header, HeaderBox, HeaderMeta, Outlet } = require('.'); -const { Row, Col } = require('react-styled-flexboxgrid'); -const { H4, P } = require('../text'); - -const { Instances, Health, Actions } = require('../icons'); - -<Card shadow> - <Header> - <HeaderMeta> - <Row between="xs" middle="xs"> - <Col xs={4} sm={8}> - <H4 white>Nginx</H4> - </Col> - <Col xs={8} sm={4}> - <P white> - <Instances marginRight="0.5" light /> 4 of 4 instances - </P> - </Col> - </Row> - </HeaderMeta> - <HeaderBox border="left" actionable> - <Actions light /> - </HeaderBox> - </Header> - <Outlet> - <div - style={{ - display: 'flex', - flex: '1 0 auto', - flexDirection: 'row', - alignSelf: 'stretch', - justifyContent: 'flex-end', - alignContent: 'stretch', - alignItems: 'stretch' - }} - > - <P style={{ flex: '1 0 auto', alignSelf: 'flex-end' }}> - <Health width="18" healthy /> Healthy - </P> - </div> - </Outlet> -</Card>; -``` - -#### Card > Single State - -```jsx -const React = require('react'); -const { default: Card, Header, HeaderBox, HeaderMeta, Outlet } = require('.'); -const { Row, Col } = require('react-styled-flexboxgrid'); -const { H4, P, Small } = require('../text'); - -const { Instances, Actions } = require('../icons'); - -<Card shadow> - <Header> - <HeaderMeta> - <Row between="xs" middle="xs"> - <Col xs={4} sm={8}> - <H4 white>Nginx</H4> - </Col> - <Col xs={8} sm={4}> - <P white> - <Instances marginRight="0.5" light /> 4 of 4 instances - </P> - </Col> - </Row> - </HeaderMeta> - <HeaderBox border="left" actionable> - <Actions light /> - </HeaderBox> - </Header> - <Outlet> - <Small style={{ paddingBottom: '0' }}>1 instance paused</Small> - <Small style={{ paddingBottom: '0' }}>1 instances stopped</Small> - <Small style={{ paddingBottom: '0' }}>1 instance not responding</Small> - </Outlet> -</Card>; -``` - -#### Card > Provisioning - -```jsx -const React = require('react'); -const { default: Card, Header, HeaderBox, HeaderMeta, Outlet } = require('.'); -const { Row, Col } = require('react-styled-flexboxgrid'); -const { H4, P } = require('../text'); -const { default: StatusLoader } = require('../status-loader'); - -const { Actions, Instances, Health } = require('../icons'); - -[ - <Row> - <Col xs={12}> - <Card collapsed disabled> - <Header> - <HeaderMeta> - <Row middle="xs"> - <Col xs={2} sm={3}> - <H4 white>Nginx</H4> - </Col> - <Col xs={8} sm={4}> - <StatusLoader marginLeft="0" inline row msg="Provisioning" /> - </Col> - </Row> - </HeaderMeta> - <HeaderBox border="left" actionable> - <Actions /> - </HeaderBox> - </Header> - </Card> - </Col> - </Row>, - <br />, - <Row> - <Col xs={12}> - <Card shadow> - <Header> - <HeaderMeta> - <Row between="xs" middle="xs"> - <Col xs={4} sm={8}> - <H4 white>Nginx</H4> - </Col> - <Col xs={8} sm={4}> - <P white> - <Instances marginRight="0.5" light /> 4 of 4 instances - </P> - </Col> - </Row> - </HeaderMeta> - <HeaderBox border="left" actionable> - <Actions light /> - </HeaderBox> - </Header> - <Outlet> - <div - style={{ - display: 'flex', - flex: '1 0 auto', - flexDirection: 'column', - alignSelf: 'stretch', - justifyContent: 'space-between', - alignContent: 'stretch', - alignItems: 'stretch' - }} - > - <div style={{ flex: '0 1 auto', alignSelf: 'flex-start' }}> - <StatusLoader - marginLeft="0" - inline - row - msg="Provisioning 3 instances" - /> - </div> - <P style={{ flex: '0 1 auto', alignSelf: 'stretch' }}> - <Health width="18" healthy /> Healthy - </P> - </div> - </Outlet> - </Card> - </Col> - </Row> -]; -``` - -#### Card > Disabled - -```jsx -const React = require('react'); -const { default: Card, Header, HeaderBox, HeaderMeta, Outlet } = require('.'); -const { Row, Col } = require('react-styled-flexboxgrid'); -const { H4, P } = require('../text'); +const { H4 } = require('../text'); const { Actions } = require('../icons'); -<Card disabled shadow> +<Card> <Header> <HeaderMeta> - <Row between="xs" middle="xs"> - <Col xs={2} sm={9} md={9}> - <H4 white>Nginx</H4> - </Col> - <Col xs={5} sm={2} md={3}> - <P white>1 Instance</P> - </Col> - </Row> + <Margin left={2} rigth={2}> + <H4 white>Nginx</H4> + </Margin> </HeaderMeta> <HeaderBox border="left" actionable> + <Actions light /> + </HeaderBox> + </Header> + <Margin top={11} /> +</Card>; +``` + +### Inactive/Disabled Card Header + +```jsx +const React = require('react'); +const { Margin } = require('styled-components-spacing'); +const { default: Card, Header, HeaderBox, HeaderMeta, Outlet } = require('.'); +const { H4 } = require('../text'); +const { Actions } = require('../icons'); + +<Card disabled> + <Header> + <HeaderMeta> + <Margin left={2} rigth={2}> + <H4>Nginx</H4> + </Margin> + </HeaderMeta> + <HeaderBox border="left"> <Actions /> </HeaderBox> </Header> - <Outlet /> + <Margin top={11} /> </Card>; ``` -#### Card > Instance +### Listed Cards ```jsx const React = require('react'); -const { default: Card, Outlet } = require('.'); -const { H4, P } = require('../text'); -const { Health } = require('../icons'); +const { Padding, Margin } = require('styled-components-spacing'); +const { default: Flex, FlexItem } = require('styled-flex-component'); +const { default: Card, Header, HeaderBox, HeaderMeta, Outlet } = require('.'); +const { Row, Col } = require('../grid'); +const { H4, Strong, P } = require('../text'); +const { TagList, TagItem } = require('../tags'); +const { Actions } = require('../icons'); +const { Fragment } = React; -<Card> - <Outlet> - <div - style={{ - display: 'flex', - flex: '1 0 auto', - flexDirection: 'column', - alignSelf: 'stretch', - justifyContent: 'space-between', - alignContent: 'stretch', - alignItems: 'stretch' - }} - > - <div style={{ flex: '0 1 auto', alignSelf: 'flex-start' }}> - <H4>percona_primary</H4> - </div> - <P style={{ flex: '0 1 auto', alignSelf: 'stretch' }}> - <Health width="18" healthy /> Healthy - </P> - </div> - </Outlet> -</Card>; -``` - -#### Card > Instance > Stacked - -```jsx -const React = require('react'); -const { default: Card, Outlet } = require('.'); -const { H4, P } = require('../text'); -const { Health } = require('../icons'); - -<Card stacked shadow> - <Outlet> - <div - style={{ - display: 'flex', - flex: '1 0 auto', - flexDirection: 'column', - alignSelf: 'stretch', - justifyContent: 'space-between', - alignContent: 'stretch', - alignItems: 'stretch' - }} - > - <div style={{ flex: '0 1 auto', alignSelf: 'flex-start' }}> - <H4>percona_primary</H4> - </div> - <P style={{ flex: '0 1 auto', alignSelf: 'stretch' }}> - <Health width="18" healthy /> Healthy - </P> - </div> - </Outlet> -</Card>; -``` - -#### Card > Instance > Group - -```jsx -const React = require('react'); -const { default: Card, Outlet } = require('.'); -const { H4, P } = require('../text'); -const { Health } = require('../icons'); - -[ - <Card marginBottom="6px"> - <Outlet> - <div - style={{ - display: 'flex', - flex: '1 0 auto', - flexDirection: 'column', - alignSelf: 'stretch', - justifyContent: 'space-between', - alignContent: 'stretch', - alignItems: 'stretch' - }} - > - <div style={{ flex: '0 1 auto', alignSelf: 'flex-start' }}> - <H4>percona_secondary</H4> - </div> - <P style={{ flex: '0 1 auto', alignSelf: 'stretch' }}> - <Health width="18" healthy /> Healthy - </P> - </div> - </Outlet> - </Card>, - <Card marginBottom="6px"> - <Outlet> - <div - style={{ - display: 'flex', - flex: '1 0 auto', - flexDirection: 'column', - alignSelf: 'stretch', - justifyContent: 'space-between', - alignContent: 'stretch', - alignItems: 'stretch' - }} - > - <div style={{ flex: '0 1 auto', alignSelf: 'flex-start' }}> - <H4>percona_secondary</H4> - </div> - <P style={{ flex: '0 1 auto', alignSelf: 'stretch' }}> - <Health width="18" healthy /> Healthy - </P> - </div> - </Outlet> - </Card>, - <Card shadow stacked> - <Outlet> - <div - style={{ - display: 'flex', - flex: '1 0 auto', - flexDirection: 'column', - alignSelf: 'stretch', - justifyContent: 'space-between', - alignContent: 'stretch', - alignItems: 'stretch' - }} - > - <div style={{ flex: '0 1 auto', alignSelf: 'flex-start' }}> - <H4>percona_secondary</H4> - </div> - <P style={{ flex: '0 1 auto', alignSelf: 'stretch' }}> - <Health width="18" healthy /> Healthy - </P> - </div> - </Outlet> - </Card> -]; -``` - -#### Card > Instance > List - -```jsx -const React = require('react'); -const { default: Card, Header, HeaderBox, HeaderMeta } = require('.'); -const { Row, Col } = require('react-styled-flexboxgrid'); -const { H4, P } = require('../text'); -const { Health, Actions, DataCenter } = require('../icons'); - -[ - <Card collapsed> - <Header transparent> - <HeaderMeta> - <Row between="xs" middle="xs"> - <Col xs={2} sm={5}> - <H4>Nginx</H4> +<Fragment> + <Margin bottom={2}> + <Card> + <Padding left={3} right={3} top={1.5} bottom={1.5}> + <Row> + <Col xs={3}> + <Flex justifyStart alignCenter contentStretch full> + <Margin right={0.5}> + <FlexItem> + <Strong>From: </Strong> + </FlexItem> + </Margin> + <Flex alignCenter> + <Margin top={0.5} bottom={0.5}> + <P>All VMs in DC</P> + </Margin> + </Flex> + </Flex> </Col> - <Col xs={5} sm={3}> - <P - style={{ - display: 'flex', - alignItems: 'center' - }} - > - <Health healthy /> Healthy - </P> + <Col xs={3}> + <Flex justifyStart alignCenter contentStretch full> + <Margin right={0.5}> + <FlexItem> + <Strong>To: </Strong> + </FlexItem> + </Margin> + <Flex alignCenter> + <Margin top={0.5} bottom={0.5}> + <P>Any</P> + </Margin> + </Flex> + </Flex> </Col> - <Col xs={5} sm={3}> - <P - style={{ - display: 'flex', - alignItems: 'center' - }} - > - <DataCenter /> eu-ams-1 - </P> + <Col xs={2}> + <Flex justifyStart alignCenter contentStretch full> + <Margin right={0.5}> + <FlexItem> + <Strong>Protocol: </Strong> + </FlexItem> + </Margin> + <Flex alignCenter> + <Margin top={0.5} bottom={0.5}> + <P>TCP</P> + </Margin> + </Flex> + </Flex> + </Col> + <Col xs={2}> + <Flex justifyStart alignCenter contentStretch full> + <Margin right={0.5}> + <FlexItem> + <Strong>Ports: </Strong> + </FlexItem> + </Margin> + <Flex alignCenter> + <Margin top={0.5} bottom={0.5}> + <P>80;443</P> + </Margin> + </Flex> + </Flex> + </Col> + <Col xs={2}> + <Flex justifyStart alignCenter contentStretch full> + <Margin right={0.5}> + <FlexItem> + <Strong>Action: </Strong> + </FlexItem> + </Margin> + <Flex alignCenter> + <Margin top={0.5} bottom={0.5}> + <P>ALLOW</P> + </Margin> + </Flex> + </Flex> </Col> </Row> - </HeaderMeta> - <HeaderBox border="left" actionable> - <Actions /> - </HeaderBox> - </Header> + </Padding> + </Card> + </Margin> + <Margin bottom={2}> + <Card> + <Padding left={3} right={3} top={1.5} bottom={1.5}> + <Row> + <Col xs={3}> + <Flex justifyStart alignCenter contentStretch full> + <Margin right={0.5}> + <FlexItem> + <Strong>From: </Strong> + </FlexItem> + </Margin> + <Flex alignCenter> + <Margin top={0.5} bottom={0.5}> + <P>All VMs in DC</P> + </Margin> + </Flex> + </Flex> + </Col> + <Col xs={3}> + <Flex justifyStart alignCenter contentStretch full> + <Margin right={0.5}> + <FlexItem> + <Strong>To: </Strong> + </FlexItem> + </Margin> + <Flex alignCenter> + <Margin top={0.5} bottom={0.5}> + <P>Any</P> + </Margin> + </Flex> + </Flex> + </Col> + <Col xs={2}> + <Flex justifyStart alignCenter contentStretch full> + <Margin right={0.5}> + <FlexItem> + <Strong>Protocol: </Strong> + </FlexItem> + </Margin> + <Flex alignCenter> + <Margin top={0.5} bottom={0.5}> + <P>UDP</P> + </Margin> + </Flex> + </Flex> + </Col> + <Col xs={2}> + <Flex justifyStart alignCenter contentStretch full> + <Margin right={0.5}> + <FlexItem> + <Strong>Ports: </Strong> + </FlexItem> + </Margin> + <Flex alignCenter> + <Margin top={0.5} bottom={0.5}> + <P>80;443</P> + </Margin> + </Flex> + </Flex> + </Col> + <Col xs={2}> + <Flex justifyStart alignCenter contentStretch full> + <Margin right={0.5}> + <FlexItem> + <Strong>Action: </Strong> + </FlexItem> + </Margin> + <Flex alignCenter> + <Margin top={0.5} bottom={0.5}> + <P>ALLOW</P> + </Margin> + </Flex> + </Flex> + </Col> + </Row> + </Padding> + </Card> + </Margin> + <Card> + <Padding left={3} right={3} top={1.5} bottom={1.5}> + <Row> + <Col xs={3}> + <Flex justifyStart alignCenter contentStretch full> + <Margin right={0.5}> + <FlexItem> + <Strong>From: </Strong> + </FlexItem> + </Margin> + <Flex alignCenter> + <TagList> + <TagItem>wat</TagItem> + </TagList> + </Flex> + </Flex> + </Col> + <Col xs={3}> + <Flex justifyStart alignCenter contentStretch full> + <Margin right={0.5}> + <FlexItem> + <Strong>To: </Strong> + </FlexItem> + </Margin> + <Flex alignCenter> + <Margin top={0.5} bottom={0.5}> + <P>Any</P> + </Margin> + </Flex> + </Flex> + </Col> + <Col xs={2}> + <Flex justifyStart alignCenter contentStretch full> + <Margin right={0.5}> + <FlexItem> + <Strong>Protocol: </Strong> + </FlexItem> + </Margin> + <Flex alignCenter> + <Margin top={0.5} bottom={0.5}> + <P>TCP</P> + </Margin> + </Flex> + </Flex> + </Col> + <Col xs={2}> + <Flex justifyStart alignCenter contentStretch full> + <Margin right={0.5}> + <FlexItem> + <Strong>Ports: </Strong> + </FlexItem> + </Margin> + <Flex alignCenter> + <Margin top={0.5} bottom={0.5}> + <P>80;443</P> + </Margin> + </Flex> + </Flex> + </Col> + <Col xs={2}> + <Flex justifyStart alignCenter contentStretch full> + <Margin right={0.5}> + <FlexItem> + <Strong>Action: </Strong> + </FlexItem> + </Margin> + <Flex alignCenter> + <Margin top={0.5} bottom={0.5}> + <P>ALLOW</P> + </Margin> + </Flex> + </Flex> + </Col> + </Row> + </Padding> </Card> -]; +</Fragment>; +``` + + +### Select Cards + +```jsx +const React = require('react'); +const { default: Card } = require('.'); +const { Row, Col } = require('../grid'); + +<Row> + <Col xs="3"> + <Card preview /> + </Col> + <Col xs="3"> + <Card preview active /> + </Col> + <Col xs="3"> + <Card preview disabled /> + </Col> + <Col xs="3"> + <Card preview error /> + </Col> +</Row> ``` diff --git a/packages/ui-toolkit/src/divider/__tests___/__snapshots__/divider.spec.js.snap b/packages/ui-toolkit/src/divider/__tests___/__snapshots__/divider.spec.js.snap index 9aef0839..ef581970 100644 --- a/packages/ui-toolkit/src/divider/__tests___/__snapshots__/divider.spec.js.snap +++ b/packages/ui-toolkit/src/divider/__tests___/__snapshots__/divider.spec.js.snap @@ -16,8 +16,8 @@ exports[`Divider Default Divider 1`] = ` -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c0 { @@ -46,8 +46,8 @@ exports[`Divider Transparent Divider 1`] = ` -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-right: -0.5rem; - margin-left: -0.5rem; + margin-right: -0.625rem; + margin-left: -0.625rem; } .c0 { diff --git a/packages/ui-toolkit/src/footer/__tests__/__snapshots__/footer.spec.js.snap b/packages/ui-toolkit/src/footer/__tests__/__snapshots__/footer.spec.js.snap index 4e9dc32e..518238b8 100644 --- a/packages/ui-toolkit/src/footer/__tests__/__snapshots__/footer.spec.js.snap +++ b/packages/ui-toolkit/src/footer/__tests__/__snapshots__/footer.spec.js.snap @@ -58,13 +58,13 @@ exports[`Footer Footer 1`] = ` @media only screen and (min-width:64em) { .c1 { - width: 61rem; + width: 56rem; } } @media only screen and (min-width:75em) { .c1 { - width: 76rem; + width: 59rem; } } diff --git a/packages/ui-toolkit/src/index.js b/packages/ui-toolkit/src/index.js index 0b523067..7f932792 100644 --- a/packages/ui-toolkit/src/index.js +++ b/packages/ui-toolkit/src/index.js @@ -7,6 +7,7 @@ export { PageContainer, RootContainer, ViewContainer } from './layout'; export { H1, H2, H3, H4, H5, H6 } from './text/headings'; export { default as P } from './text/p'; export { default as Small } from './text/small'; +export { default as Strong } from './text/strong'; export { default as theme } from './theme'; export { default as Divider } from './divider'; export { default as Footer } from './footer'; diff --git a/packages/ui-toolkit/src/layout/__tests__/__snapshots__/layout.spec.js.snap b/packages/ui-toolkit/src/layout/__tests__/__snapshots__/layout.spec.js.snap index 7ad491eb..876d482f 100644 --- a/packages/ui-toolkit/src/layout/__tests__/__snapshots__/layout.spec.js.snap +++ b/packages/ui-toolkit/src/layout/__tests__/__snapshots__/layout.spec.js.snap @@ -37,13 +37,13 @@ exports[`Layout ViewContainer 1`] = ` @media only screen and (min-width:64em) { .c0 { - width: 61rem; + width: 56rem; } } @media only screen and (min-width:75em) { .c0 { - width: 76rem; + width: 59rem; } } @@ -97,13 +97,13 @@ exports[`Layout ViewContainer center 1`] = ` @media only screen and (min-width:64em) { .c0 { - width: 61rem; + width: 56rem; } } @media only screen and (min-width:75em) { .c0 { - width: 76rem; + width: 59rem; } } @@ -123,8 +123,8 @@ exports[`Layout ViewContainer fluid 1`] = ` .c0 { margin-right: auto; margin-left: auto; - padding-right: 2rem; - padding-left: 2rem; + padding-right: 1.875rem; + padding-left: 1.875rem; box-sizing: border-box; width: 100%; padding-left: 0; @@ -154,13 +154,13 @@ exports[`Layout ViewContainer main 1`] = ` @media only screen and (min-width:64em) { .c0 { - width: 61rem; + width: 56rem; } } @media only screen and (min-width:75em) { .c0 { - width: 76rem; + width: 59rem; } } diff --git a/packages/ui-toolkit/src/styleguide/component.js b/packages/ui-toolkit/src/styleguide/component.js index 3eebf6c7..c6703eb6 100644 --- a/packages/ui-toolkit/src/styleguide/component.js +++ b/packages/ui-toolkit/src/styleguide/component.js @@ -12,12 +12,12 @@ const CardStyled = styled(Card)` const Header = styled.header` background: ${props => props.theme.primary}; - padding: ${remcalc(50)} ${remcalc(120)}; + padding: ${remcalc(48)} ${remcalc(60)}; position: relative; `; const Main = styled.div` - padding: ${remcalc(50)} ${remcalc(120)}; + padding: ${remcalc(48)} ${remcalc(60)}; h4[class*='rsg--heading'] { margin: 0; diff --git a/packages/ui-toolkit/src/styleguide/renderer.js b/packages/ui-toolkit/src/styleguide/renderer.js index 45235f3d..b1c8411e 100644 --- a/packages/ui-toolkit/src/styleguide/renderer.js +++ b/packages/ui-toolkit/src/styleguide/renderer.js @@ -17,6 +17,7 @@ const Sticky = styled.div` ${is('sidebar')` top: ${remcalc(100)}; + margin-left: ${remcalc(10)}; max-height: 85vh; overflow: auto; `}; @@ -24,19 +25,19 @@ const Sticky = styled.div` const fullTheme = { ...theme, - spacing: { - 0.5: remcalc(4), - 0: remcalc(0), - 1: remcalc(6), - 2: remcalc(12), - 3: remcalc(18), - 4: remcalc(24), - 5: remcalc(30), - 6: remcalc(36), - 7: remcalc(42), - 8: remcalc(48), - 9: remcalc(54), - 10: remcalc(60) + flexboxgrid: { + ...theme.flexboxgrid, + breakpoints: { + xs: 0, // em + sm: 48, // em + md: 68, // em + lg: 85 // em + }, + container: { + sm: 48, // rem + md: 68, // rem + lg: 85 // rem + } } }; diff --git a/packages/ui-toolkit/src/styleguide/wrapper.js b/packages/ui-toolkit/src/styleguide/wrapper.js index d6afcde7..de0ce69e 100644 --- a/packages/ui-toolkit/src/styleguide/wrapper.js +++ b/packages/ui-toolkit/src/styleguide/wrapper.js @@ -7,15 +7,15 @@ import { RootContainer } from '../layout'; import 'codemirror/mode/jsx/jsx'; injectGlobal` -@import url('https://fonts.googleapis.com/css?family=Roboto+Mono'); -@import url('https://fonts.googleapis.com/css?family=Libre+Franklin'); + @import url('https://fonts.googleapis.com/css?family=Roboto+Mono:700,400'); + @import url('https://fonts.googleapis.com/css?family=Libre+Franklin:400,500,600,700'); button { cursor: pointer; } code, .CodeMirror-line * { - font-family: 'Roboto Mono'; + font-family: 'Roboto Mono'; } `; diff --git a/packages/ui-toolkit/src/text/index.js b/packages/ui-toolkit/src/text/index.js index ada0fd26..f9fa1aba 100644 --- a/packages/ui-toolkit/src/text/index.js +++ b/packages/ui-toolkit/src/text/index.js @@ -5,5 +5,6 @@ export { H1, H2, H3, H4, H5, H6 } from './headings'; export { default as P } from './p'; export { default as Small } from './small'; +export { default as Strong } from './strong'; export { default as Label } from '../label'; export { default as Anchor } from '../anchor'; diff --git a/packages/ui-toolkit/src/text/strong.js b/packages/ui-toolkit/src/text/strong.js new file mode 100644 index 00000000..f191d836 --- /dev/null +++ b/packages/ui-toolkit/src/text/strong.js @@ -0,0 +1,36 @@ +import styled from 'styled-components'; +import remcalc from 'remcalc'; + +import is, { isNot } from 'styled-is'; + +export default styled.strong` + color: ${props => props.theme.text}; + font-weight: ${props => props.theme.font.weight.bold}; + line-height: ${remcalc(24)}; + font-size: ${remcalc(15)}; + margin: 0; + + ${is('inline')` + display: inline-block; + `}; + + ${is('white')` + -webkit-text-fill-color: currentcolor; + color: ${props => props.theme.white} + `}; + + ${isNot('noMargin')` + & + p, + & + small, + & + h1, + & + h2, + & + label, + & + h3, + & + h4, + & + h5, + & + div, + & + span { + padding-bottom: ${remcalc(36)}; + } + `}; +`; diff --git a/packages/ui-toolkit/src/theme/index.js b/packages/ui-toolkit/src/theme/index.js index 4058df23..3407dcda 100644 --- a/packages/ui-toolkit/src/theme/index.js +++ b/packages/ui-toolkit/src/theme/index.js @@ -1,5 +1,55 @@ import remcalc from 'remcalc'; +const flexboxgrid = { + gridSize: 12, // rem + gutterWidth: 1.25, // rem + outerMargin: 1.875, // rem + mediaQuery: 'only screen', + container: { + sm: 46, // rem + md: 56, // rem + lg: 59 // rem + }, + breakpoints: { + xs: 0, // em + sm: 48, // em + md: 64, // em + lg: 75 // em + } +}; + +const spacing = { + 0: remcalc(0), + 0.5: remcalc(3), + 1: remcalc(6), + 1.5: remcalc(9), + 2: remcalc(12), + 2.5: remcalc(15), + 3: remcalc(18), + 3.5: remcalc(21), + 4: remcalc(24), + 4.5: remcalc(27), + 5: remcalc(30), + 5.5: remcalc(33), + 6: remcalc(36), + 6.5: remcalc(39), + 7: remcalc(42), + 7.5: remcalc(45), + 8: remcalc(48), + 8.5: remcalc(51), + 9: remcalc(54), + 9.5: remcalc(57), + 10: remcalc(60), + 10.5: remcalc(63), + 11: remcalc(66), + 11.5: remcalc(69), + 12: remcalc(72), + 12.5: remcalc(75), + 13: remcalc(78), + 13.5: remcalc(81), + '14px': remcalc(14) +}; + /* * There should be no string value to keys outside the `base` object. * If a new colors needs to be used, check it doesn't already exist, or @@ -91,8 +141,9 @@ export const font = { href: () => `${document.location.protocol}//${ document.location.host - }/fonts/css?family=Libre+Franklin:400,500,600`, + }/fonts/css?family=Libre+Franklin:400,500,600,700`, weight: { + bold: 700, semibold: 600, medium: 500, normal: 400 @@ -157,6 +208,8 @@ export const shadows = { export default { ...base, + flexboxgrid, + spacing, font, monoFont, inactive, diff --git a/yarn.lock b/yarn.lock index 61501b69..0d4739b4 100644 --- a/yarn.lock +++ b/yarn.lock @@ -168,9 +168,9 @@ mkdirp "^0.5.1" rimraf "^2.5.2" -"@types/async@2.0.46": - version "2.0.46" - resolved "https://registry.yarnpkg.com/@types/async/-/async-2.0.46.tgz#f13a6c336a6582b95d0c0269e796b709488fd54d" +"@types/async@2.0.47": + version "2.0.47" + resolved "https://registry.yarnpkg.com/@types/async/-/async-2.0.47.tgz#f49ba1dd1f189486beb6e1d070a850f6ab4bd521" "@types/zen-observable@0.5.3", "@types/zen-observable@^0.5.3": version "0.5.3" @@ -320,27 +320,11 @@ ansi-html@0.0.7: version "0.0.7" resolved "https://registry.yarnpkg.com/ansi-html/-/ansi-html-0.0.7.tgz#813584021962a9e9e6fd039f940d12f56ca7859e" -ansi-regex@^0.2.0, ansi-regex@^0.2.1: - version "0.2.1" - resolved "https://registry.yarnpkg.com/ansi-regex/-/ansi-regex-0.2.1.tgz#0d8e946967a3d8143f93e24e298525fc1b2235f9" - -ansi-regex@^2.0.0, ansi-regex@^2.1.1: - version "2.1.1" - resolved "https://registry.yarnpkg.com/ansi-regex/-/ansi-regex-2.1.1.tgz#c3b33ab5ee360d86e0e628f0468ae7ef27d654df" - -ansi-regex@^3.0.0: +ansi-regex@3.0.0, ansi-regex@^0.2.0, ansi-regex@^2.0.0, ansi-regex@^2.1.1, ansi-regex@^3.0.0: version "3.0.0" resolved "https://registry.yarnpkg.com/ansi-regex/-/ansi-regex-3.0.0.tgz#ed0317c322064f79466c02966bddb605ab37d998" -ansi-styles@^1.1.0: - version "1.1.0" - resolved "https://registry.yarnpkg.com/ansi-styles/-/ansi-styles-1.1.0.tgz#eaecbf66cd706882760b2f4691582b8f55d7a7de" - -ansi-styles@^2.2.1: - version "2.2.1" - resolved "https://registry.yarnpkg.com/ansi-styles/-/ansi-styles-2.2.1.tgz#b432dd3358b634cf75e1e4664368240533c1ddbe" - -ansi-styles@^3.0.0, ansi-styles@^3.1.0, ansi-styles@^3.2.0: +ansi-styles@3.2.0, ansi-styles@^1.1.0, ansi-styles@^2.2.1, ansi-styles@^3.0.0, ansi-styles@^3.1.0, ansi-styles@^3.2.0: version "3.2.0" resolved "https://registry.yarnpkg.com/ansi-styles/-/ansi-styles-3.2.0.tgz#c159b8d5be0f9e5a6f346dab94f16ce022161b88" dependencies: @@ -365,32 +349,32 @@ anymatch@^2.0.0: normalize-path "^2.1.1" apollo-cache-inmemory@^1.1.5: - version "1.1.5" - resolved "https://registry.yarnpkg.com/apollo-cache-inmemory/-/apollo-cache-inmemory-1.1.5.tgz#74111367fd59caee120197ef663dcb2516971300" + version "1.1.6" + resolved "https://registry.yarnpkg.com/apollo-cache-inmemory/-/apollo-cache-inmemory-1.1.6.tgz#05239803cad0ff5a865b6c82db6dd2176abadc93" dependencies: - apollo-cache "^1.1.0" - apollo-utilities "^1.0.4" - graphql-anywhere "^4.1.1" + apollo-cache "^1.1.1" + apollo-utilities "^1.0.5" + graphql-anywhere "^4.1.2" -apollo-cache@^1.1.0: - version "1.1.0" - resolved "https://registry.yarnpkg.com/apollo-cache/-/apollo-cache-1.1.0.tgz#281b6a0fb6ca2c5bce69825642f685de92d05f3c" +apollo-cache@^1.1.1: + version "1.1.1" + resolved "https://registry.yarnpkg.com/apollo-cache/-/apollo-cache-1.1.1.tgz#bfe9b718ebc94774fbf1981a1ef4f1391bdfc7ae" dependencies: - apollo-utilities "^1.0.4" + apollo-utilities "^1.0.5" apollo-client@^2.2.0: - version "2.2.0" - resolved "https://registry.yarnpkg.com/apollo-client/-/apollo-client-2.2.0.tgz#e22c4ba3a3c01aec6dc916a5dbc0f39c58d277fb" + version "2.2.1" + resolved "https://registry.yarnpkg.com/apollo-client/-/apollo-client-2.2.1.tgz#9402ea5aa71d49c668c5a8451025001e135b0beb" dependencies: "@types/zen-observable" "^0.5.3" - apollo-cache "^1.1.0" + apollo-cache "^1.1.1" apollo-link "^1.0.0" apollo-link-dedup "^1.0.0" - apollo-utilities "^1.0.4" + apollo-utilities "^1.0.5" symbol-observable "^1.0.2" zen-observable "^0.7.0" optionalDependencies: - "@types/async" "2.0.46" + "@types/async" "2.0.47" apollo-link-dedup@^1.0.0: version "1.0.5" @@ -423,9 +407,9 @@ apollo-server-module-graphiql@^1.3.2: version "1.3.2" resolved "https://registry.yarnpkg.com/apollo-server-module-graphiql/-/apollo-server-module-graphiql-1.3.2.tgz#0a9e4c48dece3af904fee333f95f7b9817335ca7" -apollo-utilities@^1.0.0, apollo-utilities@^1.0.1, apollo-utilities@^1.0.4: - version "1.0.4" - resolved "https://registry.yarnpkg.com/apollo-utilities/-/apollo-utilities-1.0.4.tgz#560009ea5541b9fdc4ee07ebb1714ee319a76c15" +apollo-utilities@^1.0.0, apollo-utilities@^1.0.1, apollo-utilities@^1.0.5: + version "1.0.5" + resolved "https://registry.yarnpkg.com/apollo-utilities/-/apollo-utilities-1.0.5.tgz#a5e99507d730ce21e84e07c7a9c7586b2ccdc58e" apollo@^0.2.2: version "0.2.2" @@ -449,150 +433,96 @@ append-transform@^0.4.0: default-require-extensions "^1.0.0" apr-awaitify@^3.0.2: - version "3.0.2" - resolved "https://registry.yarnpkg.com/apr-awaitify/-/apr-awaitify-3.0.2.tgz#1c1fbe1cb26c10978ee478cf7f3343e9fcf6e086" + version "3.0.3" + resolved "https://registry.yarnpkg.com/apr-awaitify/-/apr-awaitify-3.0.3.tgz#8868aef51dbeff9678864cbdecd05edaf9680d08" -apr-engine-back@^3.0.2: - version "3.0.2" - resolved "https://registry.yarnpkg.com/apr-engine-back/-/apr-engine-back-3.0.2.tgz#8e62bc7451489017a02915af2d3be3032e508d25" +apr-engine-back@^3.0.3: + version "3.0.3" + resolved "https://registry.yarnpkg.com/apr-engine-back/-/apr-engine-back-3.0.3.tgz#a88b39e0e78d3aa4e9675e9cb53f908cd0fc8672" dependencies: - apr-engine-iterator "^3.0.2" - apr-engine-sum "^3.0.2" + apr-engine-iterator "^3.0.3" + apr-engine-sum "^3.0.3" lodash.find "^4.6.0" lodash.isarraylike "^4.2.0" -apr-engine-each@^1.0.3: - version "1.0.3" - resolved "https://registry.yarnpkg.com/apr-engine-each/-/apr-engine-each-1.0.3.tgz#bc94fe790c95db6d47825a165c31f746b37f889f" +apr-engine-each@^3.0.3: + version "3.0.3" + resolved "https://registry.yarnpkg.com/apr-engine-each/-/apr-engine-each-3.0.3.tgz#1d678537c89380b6987c5c1f0aac7a7dca3e63c8" dependencies: - apr-engine-run "^1.0.3" + apr-engine-run "^3.0.3" lodash.defaults "^4.2.0" -apr-engine-each@^3.0.2: - version "3.0.2" - resolved "https://registry.yarnpkg.com/apr-engine-each/-/apr-engine-each-3.0.2.tgz#effca0bb632ab061316a3fce6a55f602b7db6955" +apr-engine-iterator@^3.0.3: + version "3.0.3" + resolved "https://registry.yarnpkg.com/apr-engine-iterator/-/apr-engine-iterator-3.0.3.tgz#013415eae0acebb569daa6cfb7e25698101d4f5d" dependencies: - apr-engine-run "^3.0.2" - lodash.defaults "^4.2.0" - -apr-engine-iterator@^1.0.3: - version "1.0.3" - resolved "https://registry.yarnpkg.com/apr-engine-iterator/-/apr-engine-iterator-1.0.3.tgz#5699d77066bba0796ec057f62361ef549ec2b1e5" - dependencies: - apr-engine-until "^1.0.3" + apr-engine-until "^3.0.3" build-array "^1.0.0" lodash.isarraylike "^4.2.0" lodash.isfinite "^3.3.2" lodash.keys "^4.2.0" -apr-engine-iterator@^3.0.2: - version "3.0.2" - resolved "https://registry.yarnpkg.com/apr-engine-iterator/-/apr-engine-iterator-3.0.2.tgz#19ff8a2d725ef3e2313486fe0e660faa6c4f41b3" +apr-engine-run@^3.0.3: + version "3.0.3" + resolved "https://registry.yarnpkg.com/apr-engine-run/-/apr-engine-run-3.0.3.tgz#c7f3e6e31f12de636d00e84be22160fe82569990" dependencies: - apr-engine-until "^3.0.2" - build-array "^1.0.0" - lodash.isarraylike "^4.2.0" - lodash.isfinite "^3.3.2" - lodash.keys "^4.2.0" + apr-engine-iterator "^3.0.3" -apr-engine-run@^1.0.3: - version "1.0.3" - resolved "https://registry.yarnpkg.com/apr-engine-run/-/apr-engine-run-1.0.3.tgz#10914b6e954f875ee708f7be9b2c3f3f782a0841" - dependencies: - apr-engine-iterator "^1.0.3" - -apr-engine-run@^3.0.2: - version "3.0.2" - resolved "https://registry.yarnpkg.com/apr-engine-run/-/apr-engine-run-3.0.2.tgz#b203a95d4bd013bc0348719c6210dc44bf6d2349" - dependencies: - apr-engine-iterator "^3.0.2" - -apr-engine-sum@^1.0.3: - version "1.0.3" - resolved "https://registry.yarnpkg.com/apr-engine-sum/-/apr-engine-sum-1.0.3.tgz#60c38b615ed549c2e636aaf232ee7bd292ca5b57" +apr-engine-sum@^3.0.3: + version "3.0.3" + resolved "https://registry.yarnpkg.com/apr-engine-sum/-/apr-engine-sum-3.0.3.tgz#48af1a89d3a7fb60745d32118a51bd225a26732b" dependencies: lodash.isarraylike "^4.2.0" -apr-engine-sum@^3.0.2: - version "3.0.2" - resolved "https://registry.yarnpkg.com/apr-engine-sum/-/apr-engine-sum-3.0.2.tgz#f049aec7ba1080e8cd91372e34e16c748db9f647" - dependencies: - lodash.isarraylike "^4.2.0" - -apr-engine-until@^1.0.3: - version "1.0.3" - resolved "https://registry.yarnpkg.com/apr-engine-until/-/apr-engine-until-1.0.3.tgz#f3f73a2f4e24729b4b272337db60c7d05fcce876" - -apr-engine-until@^3.0.2: - version "3.0.2" - resolved "https://registry.yarnpkg.com/apr-engine-until/-/apr-engine-until-3.0.2.tgz#83480d8ca3be4607f22625b67d1d21ff7cf78f24" +apr-engine-until@^3.0.3: + version "3.0.3" + resolved "https://registry.yarnpkg.com/apr-engine-until/-/apr-engine-until-3.0.3.tgz#0168a429e1f6ad054cc8fbe2edff65663f92e9cb" apr-filter@^3.0.2: - version "3.0.2" - resolved "https://registry.yarnpkg.com/apr-filter/-/apr-filter-3.0.2.tgz#f2e3ac9bb2cbeef7a2e58223af94e2337f3bd15d" + version "3.0.3" + resolved "https://registry.yarnpkg.com/apr-filter/-/apr-filter-3.0.3.tgz#312ec887559e97b5bbaef6188a3e23d501037d02" dependencies: - apr-engine-back "^3.0.2" - apr-engine-sum "^3.0.2" - apr-map "^3.0.2" + apr-engine-back "^3.0.3" + apr-engine-sum "^3.0.3" + apr-map "^3.0.3" -apr-for-each@^1.0.6: - version "1.0.6" - resolved "https://registry.yarnpkg.com/apr-for-each/-/apr-for-each-1.0.6.tgz#3947bb25fdb7b79a7f02bfa925fdb79576098903" +apr-for-each@^3.0.2, apr-for-each@^3.0.3: + version "3.0.3" + resolved "https://registry.yarnpkg.com/apr-for-each/-/apr-for-each-3.0.3.tgz#2efa6834bcac3ac8a7ecda4642edd318b7708580" dependencies: - apr-engine-each "^1.0.3" + apr-engine-each "^3.0.3" lodash.defaults "^4.2.0" -apr-for-each@^3.0.2: - version "3.0.2" - resolved "https://registry.yarnpkg.com/apr-for-each/-/apr-for-each-3.0.2.tgz#39804a45065c5bd777a70515e6eaaed27ba556b1" - dependencies: - apr-engine-each "^3.0.2" - lodash.defaults "^4.2.0" +apr-intercept@^3.0.3: + version "3.0.3" + resolved "https://registry.yarnpkg.com/apr-intercept/-/apr-intercept-3.0.3.tgz#421666a55753c4ed0e571494cf8895b721c01369" -apr-intercept@^3.0.2: - version "3.0.2" - resolved "https://registry.yarnpkg.com/apr-intercept/-/apr-intercept-3.0.2.tgz#8f6905917a9275e3dfc02bdf20e51a73c9c5338c" - -apr-main@^2.0.2: - version "2.0.2" - resolved "https://registry.yarnpkg.com/apr-main/-/apr-main-2.0.2.tgz#89bd28aaac10d44a7c81142c79d9966b394d9576" +apr-main@^4.0.2, apr-main@^4.0.3: + version "4.0.3" + resolved "https://registry.yarnpkg.com/apr-main/-/apr-main-4.0.3.tgz#a069262ab87110ccadb61c0252754d2a1c01503a" dependencies: is-promise "^2.1.0" -apr-main@^4.0.2: - version "4.0.2" - resolved "https://registry.yarnpkg.com/apr-main/-/apr-main-4.0.2.tgz#97fed2d45a7eac739162b78b7030afac5f1db0d8" +apr-map@^3.0.2, apr-map@^3.0.3: + version "3.0.3" + resolved "https://registry.yarnpkg.com/apr-map/-/apr-map-3.0.3.tgz#2bf91e9aeb18794bc95631311d6e94741ef16dc2" dependencies: - is-promise "^2.1.0" - -apr-map@^1.0.5: - version "1.0.5" - resolved "https://registry.yarnpkg.com/apr-map/-/apr-map-1.0.5.tgz#f6c484beeb8e8378ac445f5e172047c4896392c4" - dependencies: - apr-engine-each "^1.0.3" - apr-engine-sum "^1.0.3" - lodash.defaults "^4.2.0" - -apr-map@^3.0.2: - version "3.0.2" - resolved "https://registry.yarnpkg.com/apr-map/-/apr-map-3.0.2.tgz#5007e5418c4fd6fd30d22fbd41331023fcbb3b04" - dependencies: - apr-engine-each "^3.0.2" - apr-engine-sum "^3.0.2" + apr-engine-each "^3.0.3" + apr-engine-sum "^3.0.3" lodash.defaults "^4.2.0" apr-parallel@^3.0.2: - version "3.0.2" - resolved "https://registry.yarnpkg.com/apr-parallel/-/apr-parallel-3.0.2.tgz#bc099d19e3ff0f0d76ad4780b2a9613c3ca41b29" + version "3.0.3" + resolved "https://registry.yarnpkg.com/apr-parallel/-/apr-parallel-3.0.3.tgz#c06c3cb5be6017fda7332b86f334a5516bd5cdc4" dependencies: - apr-engine-sum "^3.0.2" - apr-reduce "^3.0.2" + apr-engine-sum "^3.0.3" + apr-reduce "^3.0.3" -apr-reduce@^3.0.2: - version "3.0.2" - resolved "https://registry.yarnpkg.com/apr-reduce/-/apr-reduce-3.0.2.tgz#c601fccd604bfa35a2382bdc9b916b0545df6561" +apr-reduce@^3.0.2, apr-reduce@^3.0.3: + version "3.0.3" + resolved "https://registry.yarnpkg.com/apr-reduce/-/apr-reduce-3.0.3.tgz#be875cf29cdb80a4d47eaeb0f92b4de2857c13d7" dependencies: - apr-engine-each "^3.0.2" + apr-engine-each "^3.0.3" lodash.defaults "^4.2.0" aproba@^1.0.3, aproba@^1.1.1: @@ -827,6 +757,13 @@ aws4@^1.2.1, aws4@^1.6.0: version "1.6.0" resolved "https://registry.yarnpkg.com/aws4/-/aws4-1.6.0.tgz#83ef5ca860b2b32e4a0deedee8c771b9db57471e" +axios@0.15.3, axios@0.16.2, axios@^0.16.2: + version "0.16.2" + resolved "https://registry.yarnpkg.com/axios/-/axios-0.16.2.tgz#ba4f92f17167dfbab40983785454b9ac149c3c6d" + dependencies: + follow-redirects "^1.2.3" + is-buffer "^1.1.5" + axobject-query@^0.1.0: version "0.1.0" resolved "https://registry.yarnpkg.com/axobject-query/-/axobject-query-0.1.0.tgz#62f59dbc59c9f9242759ca349960e7a2fe3c36c0" @@ -1217,7 +1154,7 @@ babel-plugin-minify-type-constructors@^0.2.0: dependencies: babel-helper-is-void-0 "^0.2.0" -babel-plugin-styled-components@^1.3.0: +babel-plugin-styled-components@^1.5.0: version "1.5.0" resolved "https://registry.yarnpkg.com/babel-plugin-styled-components/-/babel-plugin-styled-components-1.5.0.tgz#4549f28a19fb05170aa9ee429b4de0eac2d2401d" dependencies: @@ -1565,6 +1502,14 @@ babel-plugin-transform-undefined-to-void@^6.8.3: version "6.8.3" resolved "https://registry.yarnpkg.com/babel-plugin-transform-undefined-to-void/-/babel-plugin-transform-undefined-to-void-6.8.3.tgz#fc52707f6ee1ddc71bb91b0d314fbefdeef9beb4" +babel-polyfill@6.23.0: + version "6.23.0" + resolved "https://registry.yarnpkg.com/babel-polyfill/-/babel-polyfill-6.23.0.tgz#8364ca62df8eafb830499f699177466c3b03499d" + dependencies: + babel-runtime "^6.22.0" + core-js "^2.4.0" + regenerator-runtime "^0.10.0" + babel-polyfill@^6.23.0, babel-polyfill@^6.26.0, babel-polyfill@^6.3.14: version "6.26.0" resolved "https://registry.yarnpkg.com/babel-polyfill/-/babel-polyfill-6.26.0.tgz#379937abc67d7895970adc621f284cd966cf2153" @@ -1620,13 +1565,13 @@ babel-preset-jest@^20.0.3: dependencies: babel-plugin-jest-hoist "^20.0.3" -babel-preset-joyent-portal@^6.0.1: - version "6.0.1" - resolved "https://registry.yarnpkg.com/babel-preset-joyent-portal/-/babel-preset-joyent-portal-6.0.1.tgz#cedf8ca03625b5e9c7174b978860c5f160d7dc1a" +babel-preset-joyent-portal@^6.0.3: + version "6.0.3" + resolved "https://registry.yarnpkg.com/babel-preset-joyent-portal/-/babel-preset-joyent-portal-6.0.3.tgz#78e6b638cdef758fd3f608f5d93f0d6d4ba95e8c" dependencies: babel-plugin-lodash "^3.3.2" - babel-plugin-styled-components "^1.3.0" - babel-preset-react-app "^3.1.0" + babel-plugin-styled-components "^1.5.0" + babel-preset-react-app "^3.1.1" babel-preset-minify@^0.2.0: version "0.2.0" @@ -1656,7 +1601,7 @@ babel-preset-minify@^0.2.0: babel-plugin-transform-undefined-to-void "^6.8.3" lodash.isplainobject "^4.0.6" -babel-preset-react-app@^3.1.0, babel-preset-react-app@^3.1.1: +babel-preset-react-app@^3.1.1: version "3.1.1" resolved "https://registry.yarnpkg.com/babel-preset-react-app/-/babel-preset-react-app-3.1.1.tgz#d3f06a79742f0e89d7afcb72e282d9809c850920" dependencies: @@ -2087,6 +2032,21 @@ builtin-status-codes@^3.0.0: version "3.0.0" resolved "https://registry.yarnpkg.com/builtin-status-codes/-/builtin-status-codes-3.0.0.tgz#85982878e21b98e1c66425e03d0174788f569ee8" +bundlesize@^0.15.3: + version "0.15.3" + resolved "https://registry.yarnpkg.com/bundlesize/-/bundlesize-0.15.3.tgz#5cf7a48c11fd2835cfc9112e24429bb47c086ca8" + dependencies: + axios "^0.16.2" + bytes "^3.0.0" + ci-env "^1.4.0" + commander "^2.11.0" + github-build "^1.2.0" + glob "^7.1.2" + gzip-size "^4.0.0" + opencollective "^1.0.3" + prettycli "^1.4.3" + read-pkg-up "^2.0.0" + byline@^5.0.0: version "5.0.0" resolved "https://registry.yarnpkg.com/byline/-/byline-5.0.0.tgz#741c5216468eadc457b03410118ad77de8c1ddb1" @@ -2188,8 +2148,8 @@ caniuse-api@^1.5.2: lodash.uniq "^4.5.0" caniuse-db@^1.0.30000529, caniuse-db@^1.0.30000634, caniuse-db@^1.0.30000639: - version "1.0.30000795" - resolved "https://registry.yarnpkg.com/caniuse-db/-/caniuse-db-1.0.30000795.tgz#644f03fab00dd8bd1693e5e1e70d86b31c5cfece" + version "1.0.30000798" + resolved "https://registry.yarnpkg.com/caniuse-db/-/caniuse-db-1.0.30000798.tgz#92f26f77f89cc2a4d60487f41e0b3d2a6c3fe341" caniuse-lite@^1.0.30000748, caniuse-lite@^1.0.30000792: version "1.0.30000792" @@ -2245,6 +2205,14 @@ chalk@1.1.3, chalk@^1.0.0, chalk@^1.1.0, chalk@^1.1.1, chalk@^1.1.3: strip-ansi "^3.0.0" supports-color "^2.0.0" +chalk@2.1.0: + version "2.1.0" + resolved "https://registry.yarnpkg.com/chalk/-/chalk-2.1.0.tgz#ac5becf14fa21b99c6c92ca7a7d7cfd5b17e743e" + dependencies: + ansi-styles "^3.1.0" + escape-string-regexp "^1.0.5" + supports-color "^4.0.0" + chalk@^2.0.0, chalk@^2.0.1, chalk@^2.1.0, chalk@^2.3.0: version "2.3.0" resolved "https://registry.yarnpkg.com/chalk/-/chalk-2.3.0.tgz#b5ea48efc9c1793dccc9b4767c93914d3f2d52ba" @@ -2325,6 +2293,10 @@ chownr@^1.0.1: version "1.0.1" resolved "https://registry.yarnpkg.com/chownr/-/chownr-1.0.1.tgz#e2a75042a9551908bebd25b8523d5f9769d79181" +ci-env@^1.4.0: + version "1.5.2" + resolved "https://registry.yarnpkg.com/ci-env/-/ci-env-1.5.2.tgz#6a1f025f32a3a14a8197359bf0cdb56699e4be2d" + ci-info@^1.0.0: version "1.1.2" resolved "https://registry.yarnpkg.com/ci-info/-/ci-info-1.1.2.tgz#03561259db48d0474c8bdc90f5b47b068b6bbfb4" @@ -2370,8 +2342,8 @@ clean-css@4.1.x: source-map "0.5.x" clean-webpack-plugin@^0.1.17: - version "0.1.17" - resolved "https://registry.yarnpkg.com/clean-webpack-plugin/-/clean-webpack-plugin-0.1.17.tgz#71c57242e6d47204d46f809413176e7bed28ec49" + version "0.1.18" + resolved "https://registry.yarnpkg.com/clean-webpack-plugin/-/clean-webpack-plugin-0.1.18.tgz#2e2173897c76646031bff047c14b9c22c80d8c4a" dependencies: rimraf "^2.6.1" @@ -2403,9 +2375,9 @@ cli-width@^2.0.0: version "2.2.0" resolved "https://registry.yarnpkg.com/cli-width/-/cli-width-2.2.0.tgz#ff19ede8a9a5e579324147b0c11f0fbcbabed639" -clipboard-copy@^1.2.0: - version "1.2.0" - resolved "https://registry.yarnpkg.com/clipboard-copy/-/clipboard-copy-1.2.0.tgz#f6a3de65a8a252fa993fcb2a4e0cfe3aa4b8769e" +clipboard-copy@^1.2.0, clipboard-copy@^1.2.1: + version "1.2.1" + resolved "https://registry.yarnpkg.com/clipboard-copy/-/clipboard-copy-1.2.1.tgz#d9a816f1ba0577a22fb36640b14b0e403756f334" cliui@^2.1.0: version "2.1.0" @@ -2435,18 +2407,18 @@ clone@^1.0.2: version "1.0.3" resolved "https://registry.yarnpkg.com/clone/-/clone-1.0.3.tgz#298d7e2231660f40c003c2ed3140decf3f53085f" -cloudapi-gql@^4.5.0: - version "4.5.0" - resolved "https://registry.yarnpkg.com/cloudapi-gql/-/cloudapi-gql-4.5.0.tgz#af2d6c49d108256049c63e761eb5af74390011e2" +cloudapi-gql@^4.5.1: + version "4.5.1" + resolved "https://registry.yarnpkg.com/cloudapi-gql/-/cloudapi-gql-4.5.1.tgz#33730004a9e7fa4303bcf11841bd8bb3b7074da3" dependencies: - apr-map "^1.0.5" + apr-map "^3.0.3" boom "^7.1.1" bounce "^1.2.0" constant-case "^2.0.0" force-array "^3.1.0" fwrule "^1.4.1" - graphi "^5.2.0" - graphql-tools "^2.6.1" + graphi "^5.3.0" + graphql-tools "^2.19.0" hasha "^3.0.0" lodash.isundefined "^3.0.1" lodash.uniq "^4.5.0" @@ -2476,9 +2448,9 @@ code-point-at@^1.0.0: version "1.1.0" resolved "https://registry.yarnpkg.com/code-point-at/-/code-point-at-1.1.0.tgz#0d070b4d043a5bea33a2f1a40e2edb3d9a4ccf77" -codemirror@^5.18.2, codemirror@^5.32.0: - version "5.33.0" - resolved "https://registry.yarnpkg.com/codemirror/-/codemirror-5.33.0.tgz#462ad9a6fe8d38b541a9536a3997e1ef93b40c6a" +codemirror@^5.32.0: + version "5.34.0" + resolved "https://registry.yarnpkg.com/codemirror/-/codemirror-5.34.0.tgz#e345dcc09a6149db65cc70dff9d389c1c4b0cd06" coleman-liau@^1.0.0: version "1.0.2" @@ -2689,46 +2661,46 @@ content@4.x.x: dependencies: boom "7.x.x" -conventional-changelog-angular@^1.3.3, conventional-changelog-angular@^1.5.2: - version "1.6.0" - resolved "https://registry.yarnpkg.com/conventional-changelog-angular/-/conventional-changelog-angular-1.6.0.tgz#0a26a071f2c9fcfcf2b86ba0cfbf6e6301b75bfa" +conventional-changelog-angular@^1.3.3, conventional-changelog-angular@^1.6.1: + version "1.6.1" + resolved "https://registry.yarnpkg.com/conventional-changelog-angular/-/conventional-changelog-angular-1.6.1.tgz#e1434d017c854032b272f690424a8c0ca16dc318" dependencies: compare-func "^1.3.1" q "^1.4.1" -conventional-changelog-atom@^0.1.2: - version "0.1.2" - resolved "https://registry.yarnpkg.com/conventional-changelog-atom/-/conventional-changelog-atom-0.1.2.tgz#12595ad5267a6937c34cf900281b1c65198a4c63" +conventional-changelog-atom@^0.2.0: + version "0.2.0" + resolved "https://registry.yarnpkg.com/conventional-changelog-atom/-/conventional-changelog-atom-0.2.0.tgz#72f18e5c74e3d8807411252fe013818ddffa7157" dependencies: q "^1.4.1" conventional-changelog-cli@^1.3.2: - version "1.3.5" - resolved "https://registry.yarnpkg.com/conventional-changelog-cli/-/conventional-changelog-cli-1.3.5.tgz#46c51496216b7406588883defa6fac589e9bb31e" + version "1.3.8" + resolved "https://registry.yarnpkg.com/conventional-changelog-cli/-/conventional-changelog-cli-1.3.8.tgz#3b3f3591cb8d1f154bdb28e1819c5fcd8d967536" dependencies: add-stream "^1.0.0" - conventional-changelog "^1.1.7" + conventional-changelog "^1.1.10" lodash "^4.1.0" meow "^3.7.0" tempfile "^1.1.1" -conventional-changelog-codemirror@^0.2.1: - version "0.2.1" - resolved "https://registry.yarnpkg.com/conventional-changelog-codemirror/-/conventional-changelog-codemirror-0.2.1.tgz#299a4f7147baf350e6c8158fc54954a291c5cc09" +conventional-changelog-codemirror@^0.3.0: + version "0.3.0" + resolved "https://registry.yarnpkg.com/conventional-changelog-codemirror/-/conventional-changelog-codemirror-0.3.0.tgz#4dd8abb9f521a638cab49f683496c26b8a5c6d31" dependencies: q "^1.4.1" -conventional-changelog-core@^1.9.3: - version "1.9.5" - resolved "https://registry.yarnpkg.com/conventional-changelog-core/-/conventional-changelog-core-1.9.5.tgz#5db7566dad7c0cb75daf47fbb2976f7bf9928c1d" +conventional-changelog-core@^2.0.0: + version "2.0.0" + resolved "https://registry.yarnpkg.com/conventional-changelog-core/-/conventional-changelog-core-2.0.0.tgz#1bdf7d21f3d066427ff9e07db0a2c5dd60015b9f" dependencies: - conventional-changelog-writer "^2.0.3" + conventional-changelog-writer "^3.0.0" conventional-commits-parser "^2.1.0" dateformat "^1.0.12" get-pkg-repo "^1.0.0" git-raw-commits "^1.3.0" git-remote-origin-url "^2.0.0" - git-semver-tags "^1.2.3" + git-semver-tags "^1.3.0" lodash "^4.0.0" normalize-package-data "^2.3.5" q "^1.4.1" @@ -2736,21 +2708,21 @@ conventional-changelog-core@^1.9.3: read-pkg-up "^1.0.1" through2 "^2.0.0" -conventional-changelog-ember@^0.2.9: - version "0.2.10" - resolved "https://registry.yarnpkg.com/conventional-changelog-ember/-/conventional-changelog-ember-0.2.10.tgz#dcd6e4cdc2e6c2b58653cf4d2cb1656a60421929" +conventional-changelog-ember@^0.3.1: + version "0.3.1" + resolved "https://registry.yarnpkg.com/conventional-changelog-ember/-/conventional-changelog-ember-0.3.1.tgz#bc71dc0a57e5c7ed0bf0538c32e44220691871d1" dependencies: q "^1.4.1" -conventional-changelog-eslint@^0.2.1: - version "0.2.1" - resolved "https://registry.yarnpkg.com/conventional-changelog-eslint/-/conventional-changelog-eslint-0.2.1.tgz#2c2a11beb216f80649ba72834180293b687c0662" +conventional-changelog-eslint@^1.0.0: + version "1.0.0" + resolved "https://registry.yarnpkg.com/conventional-changelog-eslint/-/conventional-changelog-eslint-1.0.0.tgz#c63cd9d6f09d4e204530ae7369d7a20a167bc6bc" dependencies: q "^1.4.1" -conventional-changelog-express@^0.2.1: - version "0.2.1" - resolved "https://registry.yarnpkg.com/conventional-changelog-express/-/conventional-changelog-express-0.2.1.tgz#838d9e1e6c9099703b150b9c19aa2d781742bd6c" +conventional-changelog-express@^0.3.0: + version "0.3.0" + resolved "https://registry.yarnpkg.com/conventional-changelog-express/-/conventional-changelog-express-0.3.0.tgz#5ed006f48682d8615ee0ab5f53cacb26fbd3e1c8" dependencies: q "^1.4.1" @@ -2766,16 +2738,16 @@ conventional-changelog-jscs@^0.1.0: dependencies: q "^1.4.1" -conventional-changelog-jshint@^0.2.1: - version "0.2.1" - resolved "https://registry.yarnpkg.com/conventional-changelog-jshint/-/conventional-changelog-jshint-0.2.1.tgz#86139bb3ac99899f2b177e9617e09b37d99bcf3a" +conventional-changelog-jshint@^0.3.0: + version "0.3.0" + resolved "https://registry.yarnpkg.com/conventional-changelog-jshint/-/conventional-changelog-jshint-0.3.0.tgz#0393fd468113baf73cba911d17c5826423366a28" dependencies: compare-func "^1.3.1" q "^1.4.1" -conventional-changelog-writer@^2.0.3: - version "2.0.3" - resolved "https://registry.yarnpkg.com/conventional-changelog-writer/-/conventional-changelog-writer-2.0.3.tgz#073b0c39f1cc8fc0fd9b1566e93833f51489c81c" +conventional-changelog-writer@^3.0.0: + version "3.0.0" + resolved "https://registry.yarnpkg.com/conventional-changelog-writer/-/conventional-changelog-writer-3.0.0.tgz#e106154ed94341e387d717b61be2181ff53254cc" dependencies: compare-func "^1.3.1" conventional-commits-filter "^1.1.1" @@ -2788,20 +2760,20 @@ conventional-changelog-writer@^2.0.3: split "^1.0.0" through2 "^2.0.0" -conventional-changelog@^1.1.7: - version "1.1.7" - resolved "https://registry.yarnpkg.com/conventional-changelog/-/conventional-changelog-1.1.7.tgz#9151a62b1d8edb2d82711dabf5b7cf71041f82b1" +conventional-changelog@^1.1.10: + version "1.1.10" + resolved "https://registry.yarnpkg.com/conventional-changelog/-/conventional-changelog-1.1.10.tgz#d9bb3aad9086152d283e4707fb45a5b7a28e9e98" dependencies: - conventional-changelog-angular "^1.5.2" - conventional-changelog-atom "^0.1.2" - conventional-changelog-codemirror "^0.2.1" - conventional-changelog-core "^1.9.3" - conventional-changelog-ember "^0.2.9" - conventional-changelog-eslint "^0.2.1" - conventional-changelog-express "^0.2.1" + conventional-changelog-angular "^1.6.1" + conventional-changelog-atom "^0.2.0" + conventional-changelog-codemirror "^0.3.0" + conventional-changelog-core "^2.0.0" + conventional-changelog-ember "^0.3.1" + conventional-changelog-eslint "^1.0.0" + conventional-changelog-express "^0.3.0" conventional-changelog-jquery "^0.1.0" conventional-changelog-jscs "^0.1.0" - conventional-changelog-jshint "^0.2.1" + conventional-changelog-jshint "^0.3.0" conventional-commits-filter@^1.1.1: version "1.1.1" @@ -2823,14 +2795,14 @@ conventional-commits-parser@^2.1.0: trim-off-newlines "^1.0.0" conventional-recommended-bump@^1.0.1: - version "1.1.0" - resolved "https://registry.yarnpkg.com/conventional-recommended-bump/-/conventional-recommended-bump-1.1.0.tgz#964d4fcc70fb5259d41fa9b39d3df6afdb87d253" + version "1.2.0" + resolved "https://registry.yarnpkg.com/conventional-recommended-bump/-/conventional-recommended-bump-1.2.0.tgz#864fb955825d9c6056620cee4657b0dc0628a3e9" dependencies: concat-stream "^1.4.10" conventional-commits-filter "^1.1.1" conventional-commits-parser "^2.1.0" git-raw-commits "^1.3.0" - git-semver-tags "^1.2.3" + git-semver-tags "^1.3.0" meow "^3.3.0" object-assign "^4.0.1" @@ -2876,11 +2848,7 @@ copy-webpack-plugin@^4.3.0: pify "^3.0.0" serialize-javascript "^1.4.0" -core-js@^1.0.0: - version "1.2.7" - resolved "https://registry.yarnpkg.com/core-js/-/core-js-1.2.7.tgz#652294c14651db28fa93bd2d5ff2983a4f08c636" - -core-js@^2.4.0, core-js@^2.4.1, core-js@^2.5.0: +core-js@2.5.3, core-js@^1.0.0, core-js@^2.4.0, core-js@^2.4.1, core-js@^2.5.0: version "2.5.3" resolved "https://registry.yarnpkg.com/core-js/-/core-js-2.5.3.tgz#8acc38345824f16d8365b7c9b4259168e8ed603e" @@ -2942,14 +2910,6 @@ create-hmac@^1.1.0, create-hmac@^1.1.2, create-hmac@^1.1.4: safe-buffer "^5.0.1" sha.js "^2.4.8" -create-react-class@^15.5.1: - version "15.6.2" - resolved "https://registry.yarnpkg.com/create-react-class/-/create-react-class-15.6.2.tgz#cf1ed15f12aad7f14ef5f2dfe05e6c42f91ef02a" - dependencies: - fbjs "^0.8.9" - loose-envify "^1.3.1" - object-assign "^4.1.1" - cross-env@^5.1.0: version "5.1.3" resolved "https://registry.yarnpkg.com/cross-env/-/cross-env-5.1.3.tgz#f8ae18faac87692b0a8b4d2f7000d4ec3a85dfd7" @@ -3223,13 +3183,7 @@ dateformat@^1.0.11, dateformat@^1.0.12: get-stdin "^4.0.1" meow "^3.3.0" -debug@2.6.9, debug@^2.2.0, debug@^2.3.3, debug@^2.6.0, debug@^2.6.6, debug@^2.6.8, debug@^2.6.9: - version "2.6.9" - resolved "https://registry.yarnpkg.com/debug/-/debug-2.6.9.tgz#5d128515df134ff327e90a4c93f4e077a536341f" - dependencies: - ms "2.0.0" - -debug@^3.0.0, debug@^3.0.1, debug@^3.1.0: +debug@2.6.9, debug@3.1.0, debug@^2.2.0, debug@^2.3.3, debug@^2.6.0, debug@^2.6.6, debug@^2.6.8, debug@^2.6.9, debug@^3.0.0, debug@^3.0.1, debug@^3.1.0: version "3.1.0" resolved "https://registry.yarnpkg.com/debug/-/debug-3.1.0.tgz#5bb5a0672628b64149566ba16819e61518c67261" dependencies: @@ -3436,7 +3390,7 @@ dns-equal@^1.0.0: version "1.0.0" resolved "https://registry.yarnpkg.com/dns-equal/-/dns-equal-1.0.0.tgz#b39e7f1da6eb0a75ba9c17324b34753c47e0654d" -dns-packet@^1.0.1: +dns-packet@^1.3.1: version "1.3.1" resolved "https://registry.yarnpkg.com/dns-packet/-/dns-packet-1.3.1.tgz#12aa426981075be500b910eedcd0b47dd7deda5a" dependencies: @@ -3663,7 +3617,7 @@ errno@^0.1.3, errno@^0.1.4: dependencies: prr "~1.0.1" -error-ex@^1.2.0, error-ex@^1.3.1: +error-ex@^1.3.1: version "1.3.1" resolved "https://registry.yarnpkg.com/error-ex/-/error-ex-1.3.1.tgz#f855a86ce61adc4e8621c3cda21e7a7612c3a8dc" dependencies: @@ -3791,9 +3745,9 @@ escope@^3.6.0: esrecurse "^4.1.0" estraverse "^4.1.1" -eslint-config-joyent-portal@^3.2.0: - version "3.2.0" - resolved "https://registry.yarnpkg.com/eslint-config-joyent-portal/-/eslint-config-joyent-portal-3.2.0.tgz#20de54035938ea6918160393dc4b387e2792d57f" +eslint-config-joyent-portal@^3.2.0, eslint-config-joyent-portal@^3.3.1: + version "3.3.1" + resolved "https://registry.yarnpkg.com/eslint-config-joyent-portal/-/eslint-config-joyent-portal-3.3.1.tgz#8cf7289f55e6c7ce63b64f21f4161c8ca7b2a6f1" eslint-config-prettier@^2.6.0: version "2.9.0" @@ -3922,8 +3876,8 @@ eslint-plugin-react@7.4.0: prop-types "^15.5.10" eslint-plugin-react@^7.4.0: - version "7.6.0" - resolved "https://registry.yarnpkg.com/eslint-plugin-react/-/eslint-plugin-react-7.6.0.tgz#351651188c74c5b2fecc2717e3936b7207baa728" + version "7.6.1" + resolved "https://registry.yarnpkg.com/eslint-plugin-react/-/eslint-plugin-react-7.6.1.tgz#5d0e908be599f0c02fbf4eef0c7ed6f29dff7633" dependencies: doctrine "^2.0.2" has "^1.0.1" @@ -3983,7 +3937,7 @@ eslint@4.10.0: table "^4.0.1" text-table "~0.2.0" -eslint@^4.13.1, eslint@^4.15.0, eslint@^4.9.0: +eslint@^4.16.0, eslint@^4.9.0: version "4.16.0" resolved "https://registry.yarnpkg.com/eslint/-/eslint-4.16.0.tgz#934ada9e98715e1d7bbfd6f6f0519ed2fab35cc1" dependencies: @@ -4229,7 +4183,7 @@ extend@^3.0.0, extend@~3.0.0, extend@~3.0.1: version "3.0.1" resolved "https://registry.yarnpkg.com/extend/-/extend-3.0.1.tgz#a755ea7bc1adfcc5a31ce7e762dbaadc5e636444" -external-editor@^2.0.4: +external-editor@^2.0.1, external-editor@^2.0.4: version "2.1.0" resolved "https://registry.yarnpkg.com/external-editor/-/external-editor-2.1.0.tgz#3d026a21b7f95b5726387d4200ac160d372c3b48" dependencies: @@ -4467,8 +4421,8 @@ find-up@^2.0.0, find-up@^2.1.0: locate-path "^2.0.0" find@^0.2.4: - version "0.2.8" - resolved "https://registry.yarnpkg.com/find/-/find-0.2.8.tgz#7440e9faf53cec3256e2641aa1ebce183bc59050" + version "0.2.9" + resolved "https://registry.yarnpkg.com/find/-/find-0.2.9.tgz#4b73f1ff9e56ad91b76e716407fe5ffe6554bb8c" dependencies: traverse-chain "~0.1.0" @@ -4503,6 +4457,12 @@ flush-write-stream@^1.0.0: inherits "^2.0.1" readable-stream "^2.0.4" +follow-redirects@1.4.1, follow-redirects@^1.2.3: + version "1.4.1" + resolved "https://registry.yarnpkg.com/follow-redirects/-/follow-redirects-1.4.1.tgz#d8120f4518190f55aac65bb6fc7b85fcd666d6aa" + dependencies: + debug "^3.1.0" + for-in@^1.0.1, for-in@^1.0.2: version "1.0.2" resolved "https://registry.yarnpkg.com/for-in/-/for-in-1.0.2.tgz#81068d295a8142ec0ac726c6e2200c30fb6d5e80" @@ -4751,9 +4711,9 @@ git-remote-origin-url@^2.0.0: gitconfiglocal "^1.0.0" pify "^2.3.0" -git-semver-tags@^1.2.3: - version "1.2.3" - resolved "https://registry.yarnpkg.com/git-semver-tags/-/git-semver-tags-1.2.3.tgz#188b453882bf9d7a23afd31baba537dab7388d5d" +git-semver-tags@^1.3.0: + version "1.3.0" + resolved "https://registry.yarnpkg.com/git-semver-tags/-/git-semver-tags-1.3.0.tgz#b154833a6ab5c360c0ad3b1aa9b8f12ea06de919" dependencies: meow "^3.3.0" semver "^5.0.1" @@ -4764,6 +4724,12 @@ gitconfiglocal@^1.0.0: dependencies: ini "^1.3.2" +github-build@^1.2.0: + version "1.2.0" + resolved "https://registry.yarnpkg.com/github-build/-/github-build-1.2.0.tgz#b0bdb705ae4088218577e863c1a301030211051f" + dependencies: + axios "0.15.3" + github-slugger@^1.2.0: version "1.2.0" resolved "https://registry.yarnpkg.com/github-slugger/-/github-slugger-1.2.0.tgz#8ada3286fd046d8951c3c952a8d7854cfd90fd9a" @@ -4891,7 +4857,7 @@ graceful-fs@^4.1.11, graceful-fs@^4.1.2, graceful-fs@^4.1.3, graceful-fs@^4.1.4, version "4.1.11" resolved "https://registry.yarnpkg.com/graceful-fs/-/graceful-fs-4.1.11.tgz#0e8bdfe4d1ddb8854d64e04ea7c00e2a026e5658" -graphi@^5.2.0: +graphi@^5.3.0: version "5.3.0" resolved "https://registry.yarnpkg.com/graphi/-/graphi-5.3.0.tgz#1698c9fce7dec49e771d00d9f3175693ad7461e4" dependencies: @@ -4900,11 +4866,11 @@ graphi@^5.2.0: graphql-server-module-graphiql "1.3.x" lodash.merge "4.6.x" -graphql-anywhere@^4.1.0-alpha.0, graphql-anywhere@^4.1.1: - version "4.1.1" - resolved "https://registry.yarnpkg.com/graphql-anywhere/-/graphql-anywhere-4.1.1.tgz#67924b67b053d1a23bc30d0e4c8db943c1d791a8" +graphql-anywhere@^4.1.0-alpha.0, graphql-anywhere@^4.1.2: + version "4.1.2" + resolved "https://registry.yarnpkg.com/graphql-anywhere/-/graphql-anywhere-4.1.2.tgz#55e58593158f3deb0814def522c55e948c57cabb" dependencies: - apollo-utilities "^1.0.4" + apollo-utilities "^1.0.5" graphql-config@~1.0.9: version "1.0.9" @@ -4939,7 +4905,7 @@ graphql-tag@^2.6.1: version "2.6.1" resolved "https://registry.yarnpkg.com/graphql-tag/-/graphql-tag-2.6.1.tgz#4788d509f6e29607d947fc47a40c4e18f736d34a" -graphql-tools@^2.6.1: +graphql-tools@^2.19.0: version "2.19.0" resolved "https://registry.yarnpkg.com/graphql-tools/-/graphql-tools-2.19.0.tgz#04e1065532ab877aff3ad1883530fb56804ce9bf" dependencies: @@ -4975,6 +4941,13 @@ gzip-size@3.0.0: dependencies: duplexer "^0.1.1" +gzip-size@^4.0.0: + version "4.1.0" + resolved "https://registry.yarnpkg.com/gzip-size/-/gzip-size-4.1.0.tgz#8ae096257eabe7d69c45be2b67c448124ffb517c" + dependencies: + duplexer "^0.1.1" + pify "^3.0.0" + handle-thing@^1.2.5: version "1.2.5" resolved "https://registry.yarnpkg.com/handle-thing/-/handle-thing-1.2.5.tgz#fd7aad726bf1a5fd16dfc29b2f7a6601d27139c4" @@ -5045,11 +5018,7 @@ has-ansi@^2.0.0: dependencies: ansi-regex "^2.0.0" -has-flag@^1.0.0: - version "1.0.0" - resolved "https://registry.yarnpkg.com/has-flag/-/has-flag-1.0.0.tgz#9d9e793165ce017a00f00418c43f942a7b1d11fa" - -has-flag@^2.0.0: +has-flag@2.0.0, has-flag@^2.0.0: version "2.0.0" resolved "https://registry.yarnpkg.com/has-flag/-/has-flag-2.0.0.tgz#e8207af1cc7b30d446cc70b734b5e8be18f88d51" @@ -5463,6 +5432,24 @@ inquirer@0.11.0: strip-ansi "^3.0.0" through "^2.3.6" +inquirer@3.0.6: + version "3.0.6" + resolved "https://registry.yarnpkg.com/inquirer/-/inquirer-3.0.6.tgz#e04aaa9d05b7a3cb9b0f407d04375f0447190347" + dependencies: + ansi-escapes "^1.1.0" + chalk "^1.0.0" + cli-cursor "^2.1.0" + cli-width "^2.0.0" + external-editor "^2.0.1" + figures "^2.0.0" + lodash "^4.3.0" + mute-stream "0.0.7" + run-async "^2.2.0" + rx "^4.1.0" + string-width "^2.0.0" + strip-ansi "^3.0.0" + through "^2.3.6" + inquirer@3.3.0, inquirer@^3.0.6, inquirer@^3.2.2: version "3.3.0" resolved "https://registry.yarnpkg.com/inquirer/-/inquirer-3.3.0.tgz#9dd2f2ad765dcab1ff0443b491442a20ba227dc9" @@ -6181,9 +6168,9 @@ jest-snapshot@^20.0.3: natural-compare "^1.4.0" pretty-format "^20.0.3" -jest-styled-components@^4.9.0: - version "4.10.0" - resolved "https://registry.yarnpkg.com/jest-styled-components/-/jest-styled-components-4.10.0.tgz#6fcd83208fefc4ceb87b79b55d44697a05d226a8" +jest-styled-components@^4.11.0-0: + version "4.11.0-0" + resolved "https://registry.yarnpkg.com/jest-styled-components/-/jest-styled-components-4.11.0-0.tgz#c1c2483ccc2561ea1267dc4d3242f55ba262d14e" dependencies: css "^2.2.1" @@ -6233,20 +6220,20 @@ joy-react-broadcast@^0.6.9: prop-types "^15.5.6" warning "^3.0.0" -joyent-manifest-editor@1.4.0: - version "1.4.0" - resolved "https://registry.yarnpkg.com/joyent-manifest-editor/-/joyent-manifest-editor-1.4.0.tgz#0c02efe6c02b0386a5b209ae4ddcc3492b9c22ac" +joyent-manifest-editor@3.0.1: + version "3.0.1" + resolved "https://registry.yarnpkg.com/joyent-manifest-editor/-/joyent-manifest-editor-3.0.1.tgz#b99dd7d0806bd049fbc28e0ae93c3e018b3e1735" dependencies: prettier "^1.7.4" prop-types "^15.6.0" - react-codemirror "^1.0.0" + react-codemirror2 "^3.0.3" -joyent-react-scripts@^7.2.0: - version "7.2.0" - resolved "https://registry.yarnpkg.com/joyent-react-scripts/-/joyent-react-scripts-7.2.0.tgz#e71e500f13b8405ba5f0160c5ad89455d6647312" +joyent-react-scripts@^7.2.2: + version "7.2.2" + resolved "https://registry.yarnpkg.com/joyent-react-scripts/-/joyent-react-scripts-7.2.2.tgz#11d81cfaace656db4124b809dc888c7451c410f7" dependencies: - apr-for-each "^1.0.6" - apr-main "^2.0.2" + apr-for-each "^3.0.3" + apr-main "^4.0.3" babel-minify-webpack-plugin "^0.2.0" duplicate-package-checker-webpack-plugin "^2.1.0" execa "^0.9.0" @@ -6264,8 +6251,8 @@ joyent-react-scripts@^7.2.0: webpack-visualizer-plugin "^0.1.11" js-base64@^2.1.9: - version "2.4.2" - resolved "https://registry.yarnpkg.com/js-base64/-/js-base64-2.4.2.tgz#1896da010ef8862f385d8887648e9b6dc4a7a2e9" + version "2.4.3" + resolved "https://registry.yarnpkg.com/js-base64/-/js-base64-2.4.3.tgz#2e545ec2b0f2957f41356510205214e98fad6582" js-tokens@^3.0.0, js-tokens@^3.0.2: version "3.0.2" @@ -6325,7 +6312,7 @@ json-loader@^0.5.4: version "0.5.7" resolved "https://registry.yarnpkg.com/json-loader/-/json-loader-0.5.7.tgz#dca14a70235ff82f0ac9a3abeb60d337a365185d" -json-parse-better-errors@^1.0.0, json-parse-better-errors@^1.0.1: +json-parse-better-errors@^1.0.0: version "1.0.1" resolved "https://registry.yarnpkg.com/json-parse-better-errors/-/json-parse-better-errors-1.0.1.tgz#50183cd1b2d25275de069e9e71b467ac9eab973a" @@ -6425,8 +6412,8 @@ jss-nested@^6.0.1: warning "^3.0.0" jss@^9.3.3: - version "9.5.1" - resolved "https://registry.yarnpkg.com/jss/-/jss-9.5.1.tgz#c869f38cdc44a32f4425fe007ea46b8891536326" + version "9.6.0" + resolved "https://registry.yarnpkg.com/jss/-/jss-9.6.0.tgz#a4f256263608b39a37f2d3c10b9ab08d9ab841f3" dependencies: is-in-browser "^1.1.3" symbol-observable "^1.1.0" @@ -6663,10 +6650,6 @@ lodash.cond@^4.3.0: version "4.5.2" resolved "https://registry.yarnpkg.com/lodash.cond/-/lodash.cond-4.5.2.tgz#f471a1da486be60f6ab955d17115523dd1d255d5" -lodash.debounce@^4.0.8: - version "4.0.8" - resolved "https://registry.yarnpkg.com/lodash.debounce/-/lodash.debounce-4.0.8.tgz#82d79bff30a67c4005ffd5e2515300ad9ca4d7af" - lodash.defaults@^4.2.0: version "4.2.0" resolved "https://registry.yarnpkg.com/lodash.defaults/-/lodash.defaults-4.2.0.tgz#d09178716ffea4dde9e5fb7b37f6f0802274580c" @@ -7114,14 +7097,14 @@ minimist@0.0.8: version "0.0.8" resolved "https://registry.yarnpkg.com/minimist/-/minimist-0.0.8.tgz#857fcabfc3397d2625b8228262e86aa7a011b05d" +minimist@1.2.0, minimist@^1.1.1, minimist@^1.1.3, minimist@^1.2.0: + version "1.2.0" + resolved "https://registry.yarnpkg.com/minimist/-/minimist-1.2.0.tgz#a35008b20f41383eec1fb914f4cd5df79a264284" + minimist@^0.1.0: version "0.1.0" resolved "https://registry.yarnpkg.com/minimist/-/minimist-0.1.0.tgz#99df657a52574c21c9057497df742790b2b4c0de" -minimist@^1.1.1, minimist@^1.1.3, minimist@^1.2.0: - version "1.2.0" - resolved "https://registry.yarnpkg.com/minimist/-/minimist-1.2.0.tgz#a35008b20f41383eec1fb914f4cd5df79a264284" - minimist@~0.0.1: version "0.0.10" resolved "https://registry.yarnpkg.com/minimist/-/minimist-0.0.10.tgz#de3f98543dbf96082be48ad1a0c7cda836301dcf" @@ -7206,11 +7189,11 @@ multicast-dns-service-types@^1.1.0: resolved "https://registry.yarnpkg.com/multicast-dns-service-types/-/multicast-dns-service-types-1.1.0.tgz#899f11d9686e5e05cb91b35d5f0e63b773cfc901" multicast-dns@^6.0.1: - version "6.2.2" - resolved "https://registry.yarnpkg.com/multicast-dns/-/multicast-dns-6.2.2.tgz#300b6133361f8aaaf2b8d1248e85c363fe5b95a0" + version "6.2.3" + resolved "https://registry.yarnpkg.com/multicast-dns/-/multicast-dns-6.2.3.tgz#a0ec7bd9055c4282f790c3c82f4e28db3b31b229" dependencies: - dns-packet "^1.0.1" - thunky "^0.1.0" + dns-packet "^1.3.1" + thunky "^1.0.2" mute-stream@0.0.5: version "0.0.5" @@ -7305,16 +7288,16 @@ node-dir@^0.1.10: dependencies: minimatch "^3.0.2" -node-fetch@1.7.3, node-fetch@^1.0.1: +node-fetch@1.6.3, node-fetch@1.7.3, node-fetch@^1.0.1: version "1.7.3" resolved "https://registry.yarnpkg.com/node-fetch/-/node-fetch-1.7.3.tgz#980f6f72d85211a5347c6b2bc18c5b84c3eb47ef" dependencies: encoding "^0.1.11" is-stream "^1.0.1" -node-forge@0.6.33: - version "0.6.33" - resolved "https://registry.yarnpkg.com/node-forge/-/node-forge-0.6.33.tgz#463811879f573d45155ad6a9f43dc296e8e85ebc" +node-forge@0.7.1: + version "0.7.1" + resolved "https://registry.yarnpkg.com/node-forge/-/node-forge-0.7.1.tgz#9da611ea08982f4b94206b3beb4cc9665f20c300" node-int64@^0.4.0: version "0.4.0" @@ -7436,11 +7419,11 @@ normalize-url@^1.4.0: query-string "^4.1.0" sort-keys "^1.0.0" -normalized-styled-components@^1.0.17: - version "1.0.17" - resolved "https://registry.yarnpkg.com/normalized-styled-components/-/normalized-styled-components-1.0.17.tgz#fd3a82e00b87d0c89d973f795cdaa7b5025ebb8a" +normalized-styled-components@^1.0.18: + version "1.0.18" + resolved "https://registry.yarnpkg.com/normalized-styled-components/-/normalized-styled-components-1.0.18.tgz#4df3ce9bda139c78cf3fc5e817aa434616636f8d" dependencies: - remcalc "^1.0.9" + remcalc "^1.0.10" npm-run-path@^2.0.0: version "2.0.2" @@ -7555,6 +7538,24 @@ onetime@^2.0.0: dependencies: mimic-fn "^1.0.0" +opencollective@^1.0.3: + version "1.0.3" + resolved "https://registry.yarnpkg.com/opencollective/-/opencollective-1.0.3.tgz#aee6372bc28144583690c3ca8daecfc120dd0ef1" + dependencies: + babel-polyfill "6.23.0" + chalk "1.1.3" + inquirer "3.0.6" + minimist "1.2.0" + node-fetch "1.6.3" + opn "4.0.2" + +opn@4.0.2: + version "4.0.2" + resolved "https://registry.yarnpkg.com/opn/-/opn-4.0.2.tgz#7abc22e644dff63b0a96d5ab7f2790c0f01abc95" + dependencies: + object-assign "^4.0.1" + pinkie-promise "^2.0.0" + opn@5.1.0: version "5.1.0" resolved "https://registry.yarnpkg.com/opn/-/opn-5.1.0.tgz#72ce2306a17dbea58ff1041853352b4a8fc77519" @@ -7736,25 +7737,12 @@ parse-glob@^3.0.4: is-extglob "^1.0.0" is-glob "^2.0.0" -parse-json@^2.2.0: - version "2.2.0" - resolved "https://registry.yarnpkg.com/parse-json/-/parse-json-2.2.0.tgz#f480f40434ef80741f8469099f8dea18f55a4dc9" - dependencies: - error-ex "^1.2.0" - -parse-json@^3.0.0: +parse-json@3.0.0, parse-json@^2.2.0, parse-json@^3.0.0, parse-json@^4.0.0: version "3.0.0" resolved "https://registry.yarnpkg.com/parse-json/-/parse-json-3.0.0.tgz#fa6f47b18e23826ead32f263e744d0e1e847fb13" dependencies: error-ex "^1.3.1" -parse-json@^4.0.0: - version "4.0.0" - resolved "https://registry.yarnpkg.com/parse-json/-/parse-json-4.0.0.tgz#be35f5425be1f7f6c747184f98a788cb99477ee0" - dependencies: - error-ex "^1.3.1" - json-parse-better-errors "^1.0.1" - parse-latin@^4.0.0: version "4.1.0" resolved "https://registry.yarnpkg.com/parse-latin/-/parse-latin-4.1.0.tgz#f560d46cab1cf04d632815443485a8b3b31e31a7" @@ -7882,11 +7870,7 @@ pez@4.x.x: hoek "5.x.x" nigel "3.x.x" -pify@^2.0.0, pify@^2.3.0: - version "2.3.0" - resolved "https://registry.yarnpkg.com/pify/-/pify-2.3.0.tgz#ed141a6ac043a849ea588498e7dca8b15330e90c" - -pify@^3.0.0: +pify@3.0.0, pify@^2.0.0, pify@^2.3.0, pify@^3.0.0: version "3.0.0" resolved "https://registry.yarnpkg.com/pify/-/pify-3.0.0.tgz#e5a4acd2c101fdf3d9a4d07f0dbc4db49dd28176" @@ -8239,7 +8223,7 @@ postcss@^6.0.0, postcss@^6.0.1, postcss@^6.0.13: source-map "^0.6.1" supports-color "^5.1.0" -preact-compat@^3.17.0: +preact-compat@^3.18.0: version "3.18.0" resolved "https://registry.yarnpkg.com/preact-compat/-/preact-compat-3.18.0.tgz#ca430cc1f67193fb9feaf7c510832957b2ebe701" dependencies: @@ -8320,6 +8304,12 @@ pretty-format@^3.5.1: version "3.8.0" resolved "https://registry.yarnpkg.com/pretty-format/-/pretty-format-3.8.0.tgz#bfbed56d5e9a776645f4b1ff7aa1a3ac4fa3c385" +prettycli@^1.4.3: + version "1.4.3" + resolved "https://registry.yarnpkg.com/prettycli/-/prettycli-1.4.3.tgz#b28ec2aad9de07ae1fd75ef294fb54cbdee07ed5" + dependencies: + chalk "2.1.0" + private@^0.1.6, private@^0.1.7, private@~0.1.5: version "0.1.8" resolved "https://registry.yarnpkg.com/private/-/private-0.1.8.tgz#2381edb3689f7a53d653190060fcf822d2f368ff" @@ -8598,21 +8588,10 @@ react-bundle@^1.0.4: ispromise "^1.1.0" prop-types "^15.5.10" -react-codemirror2@^3.0.7: +react-codemirror2@^3.0.3, react-codemirror2@^3.0.7: version "3.0.7" resolved "https://registry.yarnpkg.com/react-codemirror2/-/react-codemirror2-3.0.7.tgz#d5d9888158263ae56da766539d7803486566ab9f" -react-codemirror@^1.0.0: - version "1.0.0" - resolved "https://registry.yarnpkg.com/react-codemirror/-/react-codemirror-1.0.0.tgz#91467b53b1f5d80d916a2fd0b4c7adb85a9001ba" - dependencies: - classnames "^2.2.5" - codemirror "^5.18.2" - create-react-class "^15.5.1" - lodash.debounce "^4.0.8" - lodash.isequal "^4.5.0" - prop-types "^15.5.4" - react-create-component-from-tag-prop@^1.2.1: version "1.3.1" resolved "https://registry.yarnpkg.com/react-create-component-from-tag-prop/-/react-create-component-from-tag-prop-1.3.1.tgz#5389407d99f88ba2b36351780a6094470b44a7c7" @@ -8725,7 +8704,7 @@ react-icons@^2.2.7: dependencies: react-icon-base "2.1.0" -react-popper@^0.7.4: +react-popper@^0.7.5: version "0.7.5" resolved "https://registry.yarnpkg.com/react-popper/-/react-popper-0.7.5.tgz#71c25946f291db381231281f6b95729e8b801596" dependencies: @@ -8781,9 +8760,9 @@ react-router@^4.2.0: prop-types "^15.5.4" warning "^3.0.0" -react-screenshot-renderer@^1.1.0: - version "1.1.0" - resolved "https://registry.yarnpkg.com/react-screenshot-renderer/-/react-screenshot-renderer-1.1.0.tgz#3e1483947557d0b483340f587a208a92b993c337" +react-screenshot-renderer@^1.1.2: + version "1.1.2" + resolved "https://registry.yarnpkg.com/react-screenshot-renderer/-/react-screenshot-renderer-1.1.2.tgz#949f0dbfc536e7771df4881beed51c6bd5f58c99" dependencies: micro "^9.1.0" puppeteer "^1.0.0" @@ -8838,7 +8817,7 @@ react-styled-flexboxgrid@^2.1.1: dependencies: lodash.isinteger "^4.0.4" -react-styleguidist@^6.0.33: +react-styleguidist@^6.2.0: version "6.2.0" resolved "https://registry.yarnpkg.com/react-styleguidist/-/react-styleguidist-6.2.0.tgz#26376b37b11a19953a34fa80ea6ecb45b903ea4d" dependencies: @@ -9113,7 +9092,7 @@ redux-actions@^2.2.1: lodash-es "^4.17.4" reduce-reducers "^0.1.0" -redux-form@^7.2.0: +redux-form@^7.2.1: version "7.2.1" resolved "https://registry.yarnpkg.com/redux-form/-/redux-form-7.2.1.tgz#011f6ff0cf050552a4a182a271f22217f4584684" dependencies: @@ -9139,11 +9118,7 @@ regenerate@^1.2.1: version "1.3.3" resolved "https://registry.yarnpkg.com/regenerate/-/regenerate-1.3.3.tgz#0c336d3980553d755c39b586ae3b20aa49c82b7f" -regenerator-runtime@^0.10.5: - version "0.10.5" - resolved "https://registry.yarnpkg.com/regenerator-runtime/-/regenerator-runtime-0.10.5.tgz#336c3efc1220adcedda2c9fab67b5a7955a33658" - -regenerator-runtime@^0.11.0: +regenerator-runtime@0.11.1, regenerator-runtime@^0.10.0, regenerator-runtime@^0.10.5, regenerator-runtime@^0.11.0: version "0.11.1" resolved "https://registry.yarnpkg.com/regenerator-runtime/-/regenerator-runtime-0.11.1.tgz#be05ad7f9bf7d22e056f9726cee5017fbf19e2e9" @@ -9217,13 +9192,12 @@ remark-lint@^6.0.0: remark-message-control "^4.0.0" remark-message-control@^4.0.0: - version "4.0.2" - resolved "https://registry.yarnpkg.com/remark-message-control/-/remark-message-control-4.0.2.tgz#103d277418ce747fc0143542596c82c853990d51" + version "4.1.0" + resolved "https://registry.yarnpkg.com/remark-message-control/-/remark-message-control-4.1.0.tgz#60bc7700a87381404c956dc04e688518d3830cff" dependencies: mdast-comment-marker "^1.0.0" - trim "0.0.1" - unist-util-visit "^1.0.0" - vfile-location "^2.0.0" + unified-message-control "^1.0.0" + xtend "^4.0.1" remark-parse@^3.0.0: version "3.0.1" @@ -9326,10 +9300,11 @@ remark@^8.0.0: remark-stringify "^4.0.0" unified "^6.0.0" -remcalc@^1.0.8, remcalc@^1.0.9: - version "1.0.9" - resolved "https://registry.yarnpkg.com/remcalc/-/remcalc-1.0.9.tgz#42c779f3755f67d922e67e0d69c2c653f26e5784" +remcalc@^1.0.10: + version "1.0.10" + resolved "https://registry.yarnpkg.com/remcalc/-/remcalc-1.0.10.tgz#b310f40964a427c105c3d064e4ba46b80e1580fa" dependencies: + bundlesize "^0.15.3" lodash.flatten "^4.4.0" remove-trailing-separator@^1.0.1: @@ -9614,9 +9589,9 @@ ripemd160@^2.0.0, ripemd160@^2.0.1: hash-base "^2.0.0" inherits "^2.0.1" -rnd-id@^2.0.0, rnd-id@^2.0.1: - version "2.0.1" - resolved "https://registry.yarnpkg.com/rnd-id/-/rnd-id-2.0.1.tgz#0ded48b293ca2aa22a872efd0dcd812236a0e40c" +rnd-id@^2.0.2: + version "2.0.2" + resolved "https://registry.yarnpkg.com/rnd-id/-/rnd-id-2.0.2.tgz#4d3317f696f2914fde6e97f8241edf66826d60e0" dependencies: random-natural "^1.0.3" @@ -9674,6 +9649,10 @@ rx-lite@^3.1.2: version "3.1.2" resolved "https://registry.yarnpkg.com/rx-lite/-/rx-lite-3.1.2.tgz#19ce502ca572665f3b647b10939f97fd1615f102" +rx@^4.1.0: + version "4.1.0" + resolved "https://registry.yarnpkg.com/rx/-/rx-4.1.0.tgz#a5f13ff79ef3b740fe30aa803fb09f98805d4782" + safe-buffer@5.1.1, safe-buffer@^5.0.1, safe-buffer@^5.1.0, safe-buffer@^5.1.1, safe-buffer@~5.1.0, safe-buffer@~5.1.1: version "5.1.1" resolved "https://registry.yarnpkg.com/safe-buffer/-/safe-buffer-5.1.1.tgz#893312af69b2123def71f57889001671eeb2c853" @@ -9712,10 +9691,10 @@ select-hose@^2.0.0: resolved "https://registry.yarnpkg.com/select-hose/-/select-hose-2.0.0.tgz#625d8658f865af43ec962bfc376a37359a4994ca" selfsigned@^1.9.1: - version "1.10.1" - resolved "https://registry.yarnpkg.com/selfsigned/-/selfsigned-1.10.1.tgz#bf8cb7b83256c4551e31347c6311778db99eec52" + version "1.10.2" + resolved "https://registry.yarnpkg.com/selfsigned/-/selfsigned-1.10.2.tgz#b4449580d99929b65b10a48389301a6592088758" dependencies: - node-forge "0.6.33" + node-forge "0.7.1" semver-diff@^2.0.0: version "2.1.0" @@ -10249,19 +10228,7 @@ stringstream@~0.0.4, stringstream@~0.0.5: version "0.0.5" resolved "https://registry.yarnpkg.com/stringstream/-/stringstream-0.0.5.tgz#4e484cd4de5a0bbbee18e46307710a8a81621878" -strip-ansi@3.0.1, strip-ansi@^3.0.0, strip-ansi@^3.0.1: - version "3.0.1" - resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-3.0.1.tgz#6a385fb8853d952d5ff05d0e8aaf94278dc63dcf" - dependencies: - ansi-regex "^2.0.0" - -strip-ansi@^0.3.0: - version "0.3.0" - resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-0.3.0.tgz#25f48ea22ca79187f3174a4db8759347bb126220" - dependencies: - ansi-regex "^0.2.1" - -strip-ansi@^4.0.0: +strip-ansi@3.0.1, strip-ansi@4.0.0, strip-ansi@^0.3.0, strip-ansi@^3.0.0, strip-ansi@^3.0.1, strip-ansi@^4.0.0: version "4.0.0" resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-4.0.0.tgz#a8479022eb1ac368a871389b635262c505ee368f" dependencies: @@ -10331,9 +10298,9 @@ styled-components-spacing@^2.1.3: react-create-component-from-tag-prop "^1.2.1" styled-components-breakpoint "^1.0.0-preview.3" -styled-components@2.2.4, styled-components@2.4.0, styled-components@^2.3.0, styled-components@^2.4.0: - version "2.4.0" - resolved "https://registry.yarnpkg.com/styled-components/-/styled-components-2.4.0.tgz#086d0fd483d54638837fca3ea546a030b94adf75" +styled-components@2.2.4, styled-components@3.1.3, styled-components@^3.1.2: + version "3.1.3" + resolved "https://registry.yarnpkg.com/styled-components/-/styled-components-3.1.3.tgz#dae16953fdfc694b7341c43934145c360da0accb" dependencies: buffer "^5.0.3" css-to-react-native "^2.0.3" @@ -10342,6 +10309,7 @@ styled-components@2.2.4, styled-components@2.4.0, styled-components@^2.3.0, styl is-plain-object "^2.0.1" prop-types "^15.5.4" stylis "^3.4.0" + stylis-rule-sheet "^0.0.7" supports-color "^3.2.3" styled-flex-component@^2.1.0: @@ -10351,13 +10319,13 @@ styled-flex-component@^2.1.0: styled-components "2.2.4" styled-is "1.1.0" -styled-is@1.1.0, styled-is@^1.1.0: - version "1.1.0" - resolved "https://registry.yarnpkg.com/styled-is/-/styled-is-1.1.0.tgz#0cf8d32098fe6559eb0ec889790cc6c84f1f497f" +styled-is@1.1.0, styled-is@1.1.2, styled-is@^1.1.2: + version "1.1.2" + resolved "https://registry.yarnpkg.com/styled-is/-/styled-is-1.1.2.tgz#f23a43249ba52ac9136c166aac1da30a5711593e" -stylis-rule-sheet@^0.0.5: - version "0.0.5" - resolved "https://registry.yarnpkg.com/stylis-rule-sheet/-/stylis-rule-sheet-0.0.5.tgz#ebae935cc1f6fb31b9b62dba47f2ea8b833dad9f" +stylis-rule-sheet@0.0.7, stylis-rule-sheet@^0.0.5, stylis-rule-sheet@^0.0.7: + version "0.0.7" + resolved "https://registry.yarnpkg.com/stylis-rule-sheet/-/stylis-rule-sheet-0.0.7.tgz#5c51dc879141a61821c2094ba91d2cbcf2469c6c" stylis@^3.0.0, stylis@^3.3.2, stylis@^3.4.0: version "3.4.8" @@ -10373,32 +10341,12 @@ subtext@6.x.x: pez "4.x.x" wreck "14.x.x" -supports-color@^0.2.0: - version "0.2.0" - resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-0.2.0.tgz#d92de2694eb3f67323973d7ae3d8b55b4c22190a" - -supports-color@^2.0.0: - version "2.0.0" - resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-2.0.0.tgz#535d045ce6b6363fa40117084629995e9df324c7" - -supports-color@^3.1.2, supports-color@^3.2.3: - version "3.2.3" - resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-3.2.3.tgz#65ac0504b3954171d8a64946b2ae3cbb8a5f54f6" - dependencies: - has-flag "^1.0.0" - -supports-color@^4.0.0, supports-color@^4.1.0, supports-color@^4.2.1: +supports-color@4.5.0, supports-color@^0.2.0, supports-color@^2.0.0, supports-color@^3.1.2, supports-color@^3.2.3, supports-color@^4.0.0, supports-color@^4.1.0, supports-color@^4.2.1, supports-color@^5.1.0: version "4.5.0" resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-4.5.0.tgz#be7a0de484dec5c5cddf8b3d59125044912f635b" dependencies: has-flag "^2.0.0" -supports-color@^5.1.0: - version "5.1.0" - resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-5.1.0.tgz#058a021d1b619f7ddf3980d712ea3590ce7de3d5" - dependencies: - has-flag "^2.0.0" - svgo@^0.7.0: version "0.7.2" resolved "https://registry.yarnpkg.com/svgo/-/svgo-0.7.2.tgz#9f5772413952135c6fefbf40afe6a4faa88b4bb5" @@ -10450,8 +10398,8 @@ syllable@^3.0.0: trim "0.0.1" symbol-observable@^1.0.2, symbol-observable@^1.0.3, symbol-observable@^1.1.0: - version "1.1.0" - resolved "https://registry.yarnpkg.com/symbol-observable/-/symbol-observable-1.1.0.tgz#5c68fd8d54115d9dfb72a84720549222e8db9b32" + version "1.2.0" + resolved "https://registry.yarnpkg.com/symbol-observable/-/symbol-observable-1.2.0.tgz#c22688aed4eab3cdc2dfeacbb561660560a00804" symbol-tree@^3.2.1: version "3.2.2" @@ -10594,9 +10542,9 @@ through@2, "through@>=2.2.7 <3", through@^2.3.4, through@^2.3.6: version "2.3.8" resolved "https://registry.yarnpkg.com/through/-/through-2.3.8.tgz#0dd4c9ffaabc357960b1b724115d7e0e86a2e1f5" -thunky@^0.1.0: - version "0.1.0" - resolved "https://registry.yarnpkg.com/thunky/-/thunky-0.1.0.tgz#bf30146824e2b6e67b0f2d7a4ac8beb26908684e" +thunky@^1.0.2: + version "1.0.2" + resolved "https://registry.yarnpkg.com/thunky/-/thunky-1.0.2.tgz#a862e018e3fb1ea2ec3fce5d55605cf57f247371" time-stamp@^2.0.0: version "2.0.0" @@ -10791,15 +10739,15 @@ ua-parser-js@^0.7.9: resolved "https://registry.yarnpkg.com/ua-parser-js/-/ua-parser-js-0.7.17.tgz#e9ec5f9498b9ec910e7ae3ac626a805c4d09ecac" uglify-es@^3.2.1, uglify-es@^3.3.4: - version "3.3.8" - resolved "https://registry.yarnpkg.com/uglify-es/-/uglify-es-3.3.8.tgz#f2c68e6cff0d0f9dc9577e4da207151c2e753b7e" + version "3.3.9" + resolved "https://registry.yarnpkg.com/uglify-es/-/uglify-es-3.3.9.tgz#0c1c4f0700bed8dbc124cdb304d2592ca203e677" dependencies: commander "~2.13.0" source-map "~0.6.1" uglify-js@3.3.x, uglify-js@^3.0.13: - version "3.3.8" - resolved "https://registry.yarnpkg.com/uglify-js/-/uglify-js-3.3.8.tgz#51e9a5db73afb53ac98603d08224edcd0be45fd8" + version "3.3.9" + resolved "https://registry.yarnpkg.com/uglify-js/-/uglify-js-3.3.9.tgz#33869666c8ab7f7658ce3d22f0f1ced40097d33a" dependencies: commander "~2.13.0" source-map "~0.6.1" @@ -10839,8 +10787,8 @@ uglifyjs-webpack-plugin@^0.4.6: webpack-sources "^1.0.1" uglifyjs-webpack-plugin@^1.1.6: - version "1.1.6" - resolved "https://registry.yarnpkg.com/uglifyjs-webpack-plugin/-/uglifyjs-webpack-plugin-1.1.6.tgz#f4ba8449edcf17835c18ba6ae99b9d610857fb19" + version "1.1.7" + resolved "https://registry.yarnpkg.com/uglifyjs-webpack-plugin/-/uglifyjs-webpack-plugin-1.1.7.tgz#46c00a4b28d8a3d40ac5607ddae3f72df5097072" dependencies: cacache "^10.0.1" find-cache-dir "^1.0.0" @@ -10866,6 +10814,14 @@ unherit@^1.0.4: inherits "^2.0.1" xtend "^4.0.1" +unified-message-control@^1.0.0: + version "1.0.3" + resolved "https://registry.yarnpkg.com/unified-message-control/-/unified-message-control-1.0.3.tgz#fbe4372a933a95ad71820a9a0da155956d3d42d5" + dependencies: + trim "0.0.1" + unist-util-visit "^1.0.0" + vfile-location "^2.0.0" + unified@^6.0.0, unified@^6.1.2: version "6.1.6" resolved "https://registry.yarnpkg.com/unified/-/unified-6.1.6.tgz#5ea7f807a0898f1f8acdeefe5f25faa010cc42b1" @@ -10953,13 +10909,13 @@ unist-util-visit@^1.0.0, unist-util-visit@^1.1.0, unist-util-visit@^1.3.0: dependencies: unist-util-is "^2.1.1" -unitcalc@^1.1.1: - version "1.1.1" - resolved "https://registry.yarnpkg.com/unitcalc/-/unitcalc-1.1.1.tgz#a57e1c9dd61f251d2fad0c1d19f8577255cf080a" +unitcalc@^1.1.2: + version "1.1.2" + resolved "https://registry.yarnpkg.com/unitcalc/-/unitcalc-1.1.2.tgz#01dcab2bf906fad7a208c38a9bc3562ebd6856d9" dependencies: lodash.flatten "^4.4.0" lodash.isnan "^3.0.2" - remcalc "^1.0.8" + remcalc "^1.0.10" universalify@^0.1.0: version "0.1.1"