diff --git a/packages/images/src/components/image.js b/packages/images/src/components/image.js index 0aa2e95f..8bf9ae23 100644 --- a/packages/images/src/components/image.js +++ b/packages/images/src/components/image.js @@ -30,64 +30,99 @@ const A = styled(Anchor)` font-weight: ${props => props.theme.font.weight.semibold}; `; +const CardAnchor = styled(Anchor)` + color: ${props => props.theme.text}; + text-decoration: none; +`; + +const Type = styled(Margin)` + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; +`; + +const Content = styled(Padding)` + max-width: calc(100% - 48px); + overflow: hidden; +`; + +const Max = styled(Flex)` + max-width: 100%; + height: 100%; +`; + +const DividerContainer = styled(Margin)` + height: 100%; +`; + +const Actions = styled(Flex)` + width: 48px; + height: 48px; + min-width: 48px; +`; + export const Image = ({ name, os, version, type }) => ( - - - - - - {React.createElement(OS[os], { - width: '24', - height: '24' - })} - - - {name} - - - - - - - - - {version} - - + + + + + + + {React.createElement(OS[os], { + width: '24', + height: '24' + })} - {ImageType[type]} + + {name} + - - - - - - - - - {}}> - Create Instance - - - {}}> - Remove - - - - - - + + + + + + + {version} + + + + {ImageType[type]} + + + + + + + + + + {}}> + Create Instance + + + {}}> + Remove + + + + + + + ); -export const Filters = () => ( +export const Filters = ({ selected }) => ( - All + + All + @@ -101,7 +136,9 @@ export const Filters = () => ( - Virtual machines + + Virtual machines + @@ -115,7 +152,9 @@ export const Filters = () => ( - Infrastructure container + + Infrastructure container + diff --git a/packages/images/src/components/summary.js b/packages/images/src/components/summary.js index d9f822f7..7c9b7f8a 100644 --- a/packages/images/src/components/summary.js +++ b/packages/images/src/components/summary.js @@ -19,7 +19,9 @@ import { CopiableField, DuplicateIcon, DeleteIcon, - DotIcon + DotIcon, + FormLabel, + Input } from 'joyent-ui-toolkit'; import { ImageType, OS } from '@root/constants'; @@ -139,10 +141,17 @@ export default withTheme(({ theme = {}, ...image }) => ( - + + + Operating system + + + diff --git a/packages/images/src/containers/list.js b/packages/images/src/containers/list.js index 8131e024..cbd7188b 100644 --- a/packages/images/src/containers/list.js +++ b/packages/images/src/containers/list.js @@ -32,7 +32,8 @@ export const List = ({ allImages = [], loading = false, error = null, - history + history, + typeValue }) => ( @@ -63,7 +64,11 @@ export const List = ({ form={TOGGLE_FORM_DETAILS} initialValues={{ 'image-type': 'all' }} > - {props => (allImages.length ? : null)} + {props => + allImages.length ? ( + + ) : null + } @@ -124,7 +129,8 @@ export default compose( return true; } }), - allImages: images + allImages: images, + typeValue }; }) )(List); 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 ef91d040..23d05a9e 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__/__snapshots__/cns.spec.js.snap b/packages/my-joy-beta/src/components/__tests__/__snapshots__/cns.spec.js.snap index a30310c2..94d971e8 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 @@ -798,6 +798,7 @@ exports[`renders without throwing 1`] = ` cursor: not-allowed; font-family: "Roboto Mono",monospace; width: 100%; + min-width: 100%; font-size: 0.9375rem; line-height: normal !important; font-style: normal; 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 b85d8edb..2fb68cc3 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 @@ -3042,6 +3042,7 @@ exports[`renders without throwing 1`] = ` color: rgba(73,73,73,1); font-family: "Roboto Mono",monospace; width: 100%; + min-width: 100%; text-overflow: ellipsis; resize: vertical; font-size: 0.9375rem; 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 d340b338..da044818 100644 Binary files a/packages/my-joy-beta/src/components/create-instance/__tests__/__image_snapshots__/images-ui-js-images-images-name-stuff-image-name-stuff-1-snap.png and b/packages/my-joy-beta/src/components/create-instance/__tests__/__image_snapshots__/images-ui-js-images-images-name-stuff-image-name-stuff-1-snap.png differ diff --git a/packages/my-joy-beta/src/components/create-instance/__tests__/__snapshots__/package.spec.js.snap b/packages/my-joy-beta/src/components/create-instance/__tests__/__snapshots__/package.spec.js.snap index 5f789a8c..4d29849e 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 @@ -1094,10 +1094,6 @@ exports[`renders without throwing 1`] = ` align-items: center; } -.c3 label { - font-weight: 400; -} - .c1 { border-width: 0.0625rem; border-style: solid; 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 3dcf40f6..d2e4fdea 100644 Binary files a/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/list-ui-js-item-mutating-1-snap.png and b/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/list-ui-js-item-mutating-1-snap.png differ diff --git a/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/snapshots-ui-js-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 5b478772..5c7c5bd9 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__/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 4fa445b6..5873626e 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 fb0a4e9a..ec050e51 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 6af48810..1f50b099 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 58f3689c..5849c0f6 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 785f7783..a09f69da 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 a4701b0a..4da743a5 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 8dc0b782..bc070755 100644 Binary files a/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/summary-ui-js-summary-state-stopped-1-snap.png and b/packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/summary-ui-js-summary-state-stopped-1-snap.png differ diff --git a/packages/my-joy-beta/src/components/instances/__tests__/__snapshots__/metadata.spec.js.snap b/packages/my-joy-beta/src/components/instances/__tests__/__snapshots__/metadata.spec.js.snap index b7c127dd..ab4bcbb4 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 @@ -769,6 +769,7 @@ exports[`renders without throwing 1`] = ` color: rgba(73,73,73,1); font-family: "Roboto Mono",monospace; width: 100%; + min-width: 100%; text-overflow: ellipsis; resize: vertical; font-size: 0.9375rem; @@ -1833,6 +1834,7 @@ exports[`renders without throwing 1`] = ` color: rgba(73,73,73,1); font-family: "Roboto Mono",monospace; width: 100%; + min-width: 100%; text-overflow: ellipsis; resize: vertical; font-size: 0.9375rem; 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 2253b107..06a023f1 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 @@ -860,6 +860,7 @@ exports[`renders without throwing 1`] = ` color: rgba(73,73,73,1); font-family: "Roboto Mono",monospace; width: 100%; + min-width: 100%; text-overflow: ellipsis; font-size: 0.9375rem; line-height: normal !important; @@ -938,6 +939,7 @@ exports[`renders without throwing 1`] = ` color: rgba(73,73,73,1); font-family: "Roboto Mono",monospace; width: 100%; + min-width: 100%; font-size: 0.9375rem; line-height: normal !important; font-style: normal; @@ -2822,6 +2824,7 @@ exports[`renders without throwing 1`] = ` color: rgba(73,73,73,1); font-family: "Roboto Mono",monospace; width: 100%; + min-width: 100%; font-size: 0.9375rem; line-height: normal !important; font-style: normal; @@ -4883,6 +4886,7 @@ exports[`renders without throwing 2`] = ` color: rgba(73,73,73,1); font-family: "Roboto Mono",monospace; width: 100%; + min-width: 100%; font-size: 0.9375rem; line-height: normal !important; font-style: normal; @@ -6832,6 +6836,7 @@ exports[`renders without throwi color: rgba(73,73,73,1); font-family: "Roboto Mono",monospace; width: 100%; + min-width: 100%; text-overflow: ellipsis; font-size: 0.9375rem; line-height: normal !important; @@ -6910,6 +6915,7 @@ exports[`renders without throwi color: rgba(73,73,73,1); font-family: "Roboto Mono",monospace; width: 100%; + min-width: 100%; font-size: 0.9375rem; line-height: normal !important; font-style: normal; @@ -8846,6 +8852,7 @@ exports[`renders without throwing 1`] = ` color: rgba(73,73,73,1); font-family: "Roboto Mono",monospace; width: 100%; + min-width: 100%; text-overflow: ellipsis; font-size: 0.9375rem; line-height: normal !important; @@ -8924,6 +8931,7 @@ exports[`renders without throwing 1`] = ` color: rgba(73,73,73,1); font-family: "Roboto Mono",monospace; width: 100%; + min-width: 100%; font-size: 0.9375rem; line-height: normal !important; font-style: normal; @@ -10808,6 +10816,7 @@ exports[`renders without throwing 2`] = ` color: rgba(73,73,73,1); font-family: "Roboto Mono",monospace; width: 100%; + min-width: 100%; text-overflow: ellipsis; font-size: 0.9375rem; line-height: normal !important; @@ -10886,6 +10895,7 @@ exports[`renders without throwing 2`] = ` color: rgba(73,73,73,1); font-family: "Roboto Mono",monospace; width: 100%; + min-width: 100%; font-size: 0.9375rem; line-height: normal !important; font-style: normal; @@ -12606,6 +12616,7 @@ exports[`renders without throwing 3`] = ` color: rgba(73,73,73,1); font-family: "Roboto Mono",monospace; width: 100%; + min-width: 100%; text-overflow: ellipsis; font-size: 0.9375rem; line-height: normal !important; @@ -12684,6 +12695,7 @@ exports[`renders without throwing 3`] = ` color: rgba(73,73,73,1); font-family: "Roboto Mono",monospace; width: 100%; + min-width: 100%; font-size: 0.9375rem; line-height: normal !important; font-style: normal; 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 3e09e343..4ab3f03b 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__/__snapshots__/metadata.spec.js.snap b/packages/my-joy-beta/src/containers/create-instance/__tests__/__snapshots__/metadata.spec.js.snap index f14b34e4..e8780cc9 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 @@ -1186,6 +1186,7 @@ Array [ color: rgba(73,73,73,1); font-family: "Roboto Mono",monospace; width: 100%; + min-width: 100%; text-overflow: ellipsis; resize: vertical; font-size: 0.9375rem; @@ -3124,6 +3125,7 @@ Array [ color: rgba(73,73,73,1); font-family: "Roboto Mono",monospace; width: 100%; + min-width: 100%; text-overflow: ellipsis; resize: vertical; font-size: 0.9375rem; @@ -4241,6 +4243,7 @@ Array [ color: rgba(73,73,73,1); font-family: "Roboto Mono",monospace; width: 100%; + min-width: 100%; text-overflow: ellipsis; resize: vertical; font-size: 0.9375rem; @@ -5629,6 +5632,7 @@ Array [ color: rgba(73,73,73,1); font-family: "Roboto Mono",monospace; width: 100%; + min-width: 100%; text-overflow: ellipsis; resize: vertical; font-size: 0.9375rem; @@ -6765,6 +6769,7 @@ Array [ color: rgba(73,73,73,1); font-family: "Roboto Mono",monospace; width: 100%; + min-width: 100%; text-overflow: ellipsis; resize: vertical; font-size: 0.9375rem; 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 4b3c262f..a18e7287 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 @@ -849,6 +849,7 @@ Array [ color: rgba(73,73,73,1); font-family: "Roboto Mono",monospace; width: 100%; + min-width: 100%; text-overflow: ellipsis; resize: vertical; font-size: 0.9375rem; @@ -2039,6 +2040,7 @@ Array [ color: rgba(73,73,73,1); font-family: "Roboto Mono",monospace; width: 100%; + min-width: 100%; text-overflow: ellipsis; resize: vertical; font-size: 0.9375rem; @@ -3873,6 +3875,7 @@ Array [ color: rgba(73,73,73,1); font-family: "Roboto Mono",monospace; width: 100%; + min-width: 100%; text-overflow: ellipsis; resize: vertical; font-size: 0.9375rem; @@ -5172,6 +5175,7 @@ Array [ color: rgba(73,73,73,1); font-family: "Roboto Mono",monospace; width: 100%; + min-width: 100%; text-overflow: ellipsis; resize: vertical; font-size: 0.9375rem; @@ -6509,6 +6513,7 @@ Array [ color: rgba(73,73,73,1); font-family: "Roboto Mono",monospace; width: 100%; + min-width: 100%; text-overflow: ellipsis; resize: vertical; font-size: 0.9375rem; @@ -7780,6 +7785,7 @@ Array [ color: rgba(73,73,73,1); font-family: "Roboto Mono",monospace; width: 100%; + min-width: 100%; text-overflow: ellipsis; resize: vertical; font-size: 0.9375rem; 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 ff69f5e4..12b51602 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-hostnames-1-snap.png b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/cns-ui-js-cns-hostnames-1-snap.png index 56794e01..bebc77f4 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 e7efe3d2..bb74b9a7 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-mutating-1-snap.png b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/cns-ui-js-cns-mutating-1-snap.png index 689130d5..b25cb50b 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 a6c429d1..2a7f4e2b 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 d2fbbe2d..a97dd089 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__/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 6326e063..2b6cc658 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 d7ca5e65..7fc61c7e 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 fd243595..fc0690d2 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-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 1b794111..1eb42c83 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 8a6b003f..c44fc4d6 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-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 d66780c6..5476743d 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 3e44a29b..6df95407 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 3350991f..bf39650c 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 5234cad1..c9cf8b55 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-loading-1-snap.png b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/metadata-ui-js-metadata-loading-1-snap.png index 8830d29f..fcf193c1 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 3c27387f..c6ec029c 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-loading-1-snap.png b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/networks-ui-js-networks-loading-1-snap.png index b6ff9231..023e6b2f 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__/summary-ui-js-summary-1-snap.png b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/summary-ui-js-summary-1-snap.png index f02804ce..b9b097b9 100644 Binary files a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/summary-ui-js-summary-1-snap.png and b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/summary-ui-js-summary-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 99bbcb21..b9b097b9 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 99bbcb21..89528ed1 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 839e0183..c672f70e 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-1-snap.png b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/summary-ui-js-summary-starting-stopping-rebooting-removing-1-snap.png index 99bbcb21..8955ddb5 100644 Binary files a/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/summary-ui-js-summary-starting-stopping-rebooting-removing-1-snap.png and b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/summary-ui-js-summary-starting-stopping-rebooting-removing-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 fb0a4e9a..ec050e51 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 6af48810..1f50b099 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-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 d5273c51..4fa52f5c 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-loading-1-snap.png b/packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/tags-ui-js-tags-loading-1-snap.png index 03518b0d..b211fed7 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__/__snapshots__/cns.spec.js.snap b/packages/my-joy-beta/src/containers/instances/__tests__/__snapshots__/cns.spec.js.snap index adee6a2e..06f447cd 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 @@ -1622,6 +1622,7 @@ exports[`renders without throwing 1`] = ` cursor: not-allowed; font-family: "Roboto Mono",monospace; width: 100%; + min-width: 100%; font-size: 0.9375rem; line-height: normal !important; font-style: normal; @@ -4069,6 +4070,7 @@ exports[`renders without throwing 1`] = ` cursor: not-allowed; font-family: "Roboto Mono",monospace; width: 100%; + min-width: 100%; font-size: 0.9375rem; line-height: normal !important; font-style: normal; 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 298c1549..acb851c2 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 @@ -1427,6 +1427,7 @@ exports[`renders without throwing 1`] = ` color: rgba(73,73,73,1); font-family: "Roboto Mono",monospace; width: 100%; + min-width: 100%; text-overflow: ellipsis; resize: vertical; font-size: 0.9375rem; @@ -4065,6 +4066,7 @@ exports[`renders without throwing 1`] = ` color: rgba(73,73,73,1); font-family: "Roboto Mono",monospace; width: 100%; + min-width: 100%; text-overflow: ellipsis; resize: vertical; font-size: 0.9375rem; 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 3fe219bf..8b788ca5 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 @@ -1928,6 +1928,7 @@ exports[`renders without throwi color: rgba(73,73,73,1); font-family: "Roboto Mono",monospace; width: 100%; + min-width: 100%; font-size: 0.9375rem; line-height: normal !important; font-style: normal; @@ -4027,6 +4028,7 @@ exports[`renders without throwi color: rgba(73,73,73,1); font-family: "Roboto Mono",monospace; width: 100%; + min-width: 100%; font-size: 0.9375rem; line-height: normal !important; font-style: normal; diff --git a/packages/ui-toolkit/src/card/card.js b/packages/ui-toolkit/src/card/card.js index 344ffffd..9956fd17 100644 --- a/packages/ui-toolkit/src/card/card.js +++ b/packages/ui-toolkit/src/card/card.js @@ -44,6 +44,10 @@ export const BaseCard = styled.div` background-color: ${props => props.theme.white}; border-color: ${props => props.theme.grey}; + ${is('radius')` + border-radius: ${remcalc(4)}; + `} + ${is('shadow')` /* primary */ box-shadow: ${props => props.theme.shadows.bottomShadow}; diff --git a/packages/ui-toolkit/src/card/header.js b/packages/ui-toolkit/src/card/header.js index 3b978190..8be9b544 100644 --- a/packages/ui-toolkit/src/card/header.js +++ b/packages/ui-toolkit/src/card/header.js @@ -17,6 +17,12 @@ const BaseHeader = BaseCard.extend` margin: ${remcalc(-1)} ${remcalc(-1)} 0 ${remcalc(-1)}; + ${is('radius')` + border-radius: ${remcalc(4)}; + border-bottom-right-radius: ${remcalc(0)}; + border-bottom-left-radius: ${remcalc(0)}; + `} + ${is('parentCollapsed')` margin: ${remcalc(-1)}; box-shadow: none; diff --git a/packages/ui-toolkit/src/form/__tests__/__snapshots__/form.spec.js.snap b/packages/ui-toolkit/src/form/__tests__/__snapshots__/form.spec.js.snap index f18d0a68..5e4d9e92 100644 --- a/packages/ui-toolkit/src/form/__tests__/__snapshots__/form.spec.js.snap +++ b/packages/ui-toolkit/src/form/__tests__/__snapshots__/form.spec.js.snap @@ -525,10 +525,6 @@ exports[`Form Radio 1`] = ` align-items: center; } -.c0 label { - font-weight: 400; -} -
  • props.theme.grey}; `}; + + ${is('big') ` + font-size: ${remcalc(15)}; + `}; + + ${is('normal') ` + font-weight: ${props => props.theme.font.weight.normal}; + `}; `; export default props => { diff --git a/packages/ui-toolkit/src/form/radio.js b/packages/ui-toolkit/src/form/radio.js index 60a4a6a2..fe71c6f3 100644 --- a/packages/ui-toolkit/src/form/radio.js +++ b/packages/ui-toolkit/src/form/radio.js @@ -10,10 +10,6 @@ const Li = styled.li` list-style-type: none; display: flex; align-items: center; - - label { - font-weight: 400; - } `; const Ul = styled.ul`