Upgraded dependencies.

package.json

@@ -78,12 +78,12 @@
     "@braintree/sanitize-url": "6.0.2",
     "@microsoft/applicationinsights-web": "^2.8.11",
     "@monaco-editor/loader": "^1.3.2",
-    "@paperbits/azure": "0.1.580",
-    "@paperbits/common": "0.1.580",
-    "@paperbits/core": "0.1.580",
-    "@paperbits/forms": "0.1.580",
-    "@paperbits/prosemirror": "0.1.580",
-    "@paperbits/styles": "0.1.580",
+    "@paperbits/azure": "0.1.586",
+    "@paperbits/common": "0.1.586",
+    "@paperbits/core": "0.1.586",
+    "@paperbits/forms": "0.1.586",
+    "@paperbits/prosemirror": "0.1.586",
+    "@paperbits/styles": "0.1.586",
     "@webcomponents/custom-elements": "1.5.1",
     "@webcomponents/shadydom": "^1.10.0",
     "client-oauth2": "4.3.3",

src/startup.design.ts

@@ -4,7 +4,6 @@ import { InversifyInjector } from "@paperbits/common/injection";
 import { OfflineModule } from "@paperbits/common/persistence/offline.module";
 import { CoreDesignModule } from "@paperbits/core/core.design.module";
 import { FormsDesignModule } from "@paperbits/forms/forms.design.module";
-import { ProseMirrorModule } from "@paperbits/prosemirror/prosemirror.module";
 import { StylesDesignModule } from "@paperbits/styles/styles.design.module";
 import { ApimDesignModule } from "./apim.design.module";
 import { SessionExpirationErrorHandler } from "./errors/sessionExpirationErrorHandler";
@@ -16,7 +15,6 @@ const injector = new InversifyInjector();
 injector.bindToCollection("autostart", SessionExpirationErrorHandler);
 injector.bindModule(new CoreDesignModule());
 injector.bindModule(new StylesDesignModule());
-injector.bindModule(new ProseMirrorModule());
 injector.bindModule(new FormsDesignModule());
 injector.bindModule(new ApimDesignModule());
 injector.bindModule(new OfflineModule({ autosave: false }));

src/startup.publish.ts

@@ -5,7 +5,6 @@ import { InversifyInjector } from "@paperbits/common/injection";
 import { IPublisher } from "@paperbits/common/publishing";
 import { CorePublishModule } from "@paperbits/core/core.publish.module";
 import { FormsModule } from "@paperbits/forms/forms.module";
-import { ProseMirrorModule } from "@paperbits/prosemirror/prosemirror.module";
 import { StylePublishModule } from "@paperbits/styles/styles.publish.module";
 import { staticDataEnvironment, mockStaticDataEnvironment } from "./../environmentConstants";
 import { ApimPublishModule } from "./apim.publish.module";
@@ -38,7 +37,6 @@ const outputBlobStorage = new FileSystemBlobStorage("./dist/website");
 const injector = new InversifyInjector();
 injector.bindModule(new CorePublishModule());
 injector.bindModule(new StylePublishModule());
-injector.bindModule(new ProseMirrorModule());
 injector.bindModule(new FormsModule());
 injector.bindModule(new ApimPublishModule());
 injector.bindInstance("settingsProvider", settingsProvider);

src/themes/designer/styles/grid.scss

@@ -1,43 +1,3 @@
-// .cell {
-//     border: 1px dashed #ccc;
-//     text-align: center;
-//     position: relative;
-//     overflow: auto;
-// }
-
-// .resize-handle {
-//     position: absolute;
-//     border-radius: 50%;
-//     width: 15px;
-//     height: 15px;
-//     background: #00afef;
-
-//     &.resize-handle-top {
-//         top: 0;
-//         left: 50%;
-//         transform: translateX(-50%) translateY(-50%);
-//         cursor: ns-resize;
-//     }
-//     &.resize-handle-bottom {
-//         bottom: 0;
-//         left: 50%;
-//         transform: translateX(-50%) translateY(50%);
-//         cursor: ns-resize;
-//     }
-//     &.resize-handle-left {
-//         top: 50%;
-//         left: 0;
-//         transform: translateX(-50%) translateY(-50%);
-//         cursor: ew-resize;
-//     }
-//     &.resize-handle-right {
-//         top: 50%;
-//         right: 0;
-//         transform: translateX(50%) translateY(-50%);
-//         cursor: ew-resize;
-//     }
-// }
-
 .snippet-grid {
   display: grid;
   grid-template-columns: repeat(12, 10px);
@@ -46,22 +6,25 @@
   column-gap: 0 !important;
   margin: 5px !important;
   width: 80px !important;
+  height: 50px !important;
   float: left;
-  @include selection(15px, -5px);
+  padding: 2px;
 
-  &:hover {
+  &:hover,
+  &:focus {
+    @include selection(15px, -5px);
     cursor: pointer;
   }
 }
 
 .snippet-grid-cell {
   background: #d9d9d9;
   outline: 1px solid gray;
-  min-width: 15px;
-  min-height: 20px;
+  min-width: 10px;
+  min-height: 10px;
   margin: 2px;
 
-  &[role="article"] {
+  &[future-role="article"] {
     background: #bfbfbf;
   }
 }