update styling system

graphql-editor · Jan 3, 2024 · 8a27701 · 8a27701
1 parent b564cd9
commit 8a27701
Show file tree

Hide file tree

Showing 5 changed files with 30 additions and 5 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/packages/editor/package.json b/packages/editor/package.json
@@ -36,7 +36,7 @@
   },
   "dependencies": {
     "@aexol-studio/hooks": "^0.1.28",
-    "@aexol-studio/styling-system": "^0.1.28",
+    "@aexol-studio/styling-system": "^0.2.6",
     "@emotion/react": "^11.9.3",
     "@emotion/styled": "^11.9.3",
     "color2k": "^1.2.4",
@@ -64,4 +64,4 @@
     "@types/d3": "^7.4.0",
     "@types/diff": "^5.0.2"
   }
-}
+}
diff --git a/packages/editor/src/Relation/PanZoom/ControlsBar.tsx b/packages/editor/src/Relation/PanZoom/ControlsBar.tsx
@@ -57,6 +57,7 @@ export const ControlsBar: React.FC<{
           labelPosition="start"
           onChange={() => setCtrlToZoom(!ctrlToZoom)}
           checked={ctrlToZoom}
+          wrapperCss={{ fontWeight: 400 }}
         />
         <ZoomWrapper>
           <IconWrapper
@@ -83,26 +84,30 @@ export const ControlsBar: React.FC<{
             labelPosition="start"
             onChange={() => setLibraryNodesOn(!libraryNodesOn)}
             checked={libraryNodesOn}
+            wrapperCss={{ fontWeight: 400 }}
           />
         )}
         <Checkbox
           label="fields"
           labelPosition="start"
           onChange={() => setFieldsOn(!fieldsOn)}
           checked={fieldsOn}
+          wrapperCss={{ fontWeight: 400 }}
         />
         <Checkbox
           label="scalars"
           disabled={!fieldsOn}
           labelPosition="start"
           onChange={() => setBaseTypesOn(!baseTypesOn)}
           checked={fieldsOn ? baseTypesOn : false}
+          wrapperCss={{ fontWeight: 400 }}
         />
         <Checkbox
           label="inputs"
           labelPosition="start"
           onChange={() => setInputsOn(!inputsOn)}
           checked={inputsOn}
+          wrapperCss={{ fontWeight: 400 }}
         />
         <Tooltip title="Export to png" position="left-bottom">
           <IconWrapper onClick={() => downloadPng()}>
@@ -182,3 +187,8 @@ const Menu = styled.div`
   position: relative;
   justify-content: flex-end;
 `;
+
+styled(Checkbox)`
+  label {
+  }
+`;
diff --git a/packages/editor/src/Relation/PanZoom/PanZoom.tsx b/packages/editor/src/Relation/PanZoom/PanZoom.tsx
@@ -83,6 +83,9 @@ export const PanZoom: React.FC<{
           message:
             "Schema is too big to be printed as a whole. Please focus some nodes or hide part of them before printing.",
           variant: "error",
+          closeMethod: {
+            method: "closeManually",
+          },
         });
         return;
       }

diff --git a/packages/editor/src/shared/dialogs/ImportSchema.tsx b/packages/editor/src/shared/dialogs/ImportSchema.tsx
@@ -210,6 +210,7 @@ export const ImportSchema: React.FC<{
             label="Proxy to avoid CORS"
             checked={proxyImport}
             onChange={() => setProxyImport(!proxyImport)}
+            wrapperCss={{ fontWeight: 400 }}
           />
           <Typography variant="caption">Headers</Typography>
         </Stack>