@squiz/formatted-text-editor 1.56.1-alpha.14 → 1.56.1-alpha.16

package/lib/index.css

@@ -791,7 +791,7 @@
   line-height: 1.23;
   padding-top: 0.25rem;
 }
-.squiz-fte-scope__editor {
+.squiz-fte-scope.squiz-fte-scope__editor {
   font-family: "Open Sans" !important;
   border-radius: 8px;
   --tw-border-opacity: 1;
@@ -799,14 +799,14 @@
   --tw-bg-opacity: 1;
   background-color: rgb(255 255 255 / var(--tw-bg-opacity));
 }
-.squiz-fte-scope__editor:has(.squiz-fte-scope__editor__children) {
+.squiz-fte-scope.squiz-fte-scope__editor:has(.squiz-fte-scope.squiz-fte-scope__editor__children) {
   min-height: 2rem;
   width: 100%;
 }
-.squiz-fte-scope__editor:has(.squiz-fte-scope__editor__children) .remirror-editor {
+.squiz-fte-scope.squiz-fte-scope__editor:has(.squiz-fte-scope.squiz-fte-scope__editor__children) .remirror-editor {
   padding-top: 0px;
 }
-.squiz-fte-scope__editor .remirror-editor {
+.squiz-fte-scope.squiz-fte-scope__editor .remirror-editor {
   padding: 2rem;
   --tw-shadow: 0 0 #0000;
   --tw-shadow-colored: 0 0 #0000;
@@ -817,27 +817,27 @@
   overflow: auto;
   min-height: 15vh;
 }
-.squiz-fte-scope__editor .remirror-editor:active,
-.squiz-fte-scope__editor .remirror-editor:focus {
+.squiz-fte-scope.squiz-fte-scope__editor .remirror-editor:active,
+.squiz-fte-scope.squiz-fte-scope__editor .remirror-editor:focus {
   outline-width: 0px;
 }
-.squiz-fte-scope__editor .remirror-editor p {
+.squiz-fte-scope.squiz-fte-scope__editor .remirror-editor p {
   display: block;
 }
-.squiz-fte-scope__editor--bordered {
+.squiz-fte-scope.squiz-fte-scope__editor--bordered {
   border-width: 2px;
   border-style: solid;
 }
-.squiz-fte-scope__editor--is-disabled {
+.squiz-fte-scope.squiz-fte-scope__editor--is-disabled {
   cursor: not-allowed;
   border-width: 0px;
   --tw-bg-opacity: 1;
   background-color: rgb(247 247 247 / var(--tw-bg-opacity));
 }
-.squiz-fte-scope__editor--is-disabled .remirror-is-empty:first-of-type::before {
+.squiz-fte-scope.squiz-fte-scope__editor--is-disabled .remirror-is-empty:first-of-type::before {
   display: none;
 }
-.squiz-fte-scope__editor .remirror-is-empty:first-of-type::before {
+.squiz-fte-scope.squiz-fte-scope__editor .remirror-is-empty:first-of-type::before {
   position: absolute;
   pointer-events: none;
   height: 0;
@@ -846,16 +846,16 @@
   --tw-text-opacity: 1;
   color: rgb(148 148 148 / var(--tw-text-opacity));
 }
-.squiz-fte-scope__editor .ProseMirror-selectednode {
+.squiz-fte-scope.squiz-fte-scope__editor .ProseMirror-selectednode {
   border-width: 2px;
   border-style: solid;
   --tw-border-opacity: 1;
   border-color: rgb(7 116 210 / var(--tw-border-opacity));
 }
-.squiz-fte-scope__editor img {
+.squiz-fte-scope.squiz-fte-scope__editor img {
   display: inline;
 }
-.squiz-fte-scope__editor:has(.show-toolbar) {
+.squiz-fte-scope.squiz-fte-scope__editor:has(.show-toolbar) {
   border-width: 0px;
   --tw-shadow: 0 0 0 1px rgba(0,0,0,0.04), 0 1px 12px 4px rgba(0,0,0,0.12);
   --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color), 0 1px 12px 4px var(--tw-shadow-color);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@squiz/formatted-text-editor",
-  "version": "1.56.1-alpha.14",
+  "version": "1.56.1-alpha.16",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",
   "scripts": {
@@ -19,8 +19,8 @@
     "@headlessui/react": "1.7.11",
     "@mui/icons-material": "5.11.16",
     "@remirror/react": "2.0.25",
-    "@squiz/dx-json-schema-lib": "1.56.1-alpha.14",
-    "@squiz/resource-browser": "1.56.1-alpha.14",
+    "@squiz/dx-json-schema-lib": "1.56.1-alpha.16",
+    "@squiz/resource-browser": "1.56.1-alpha.16",
     "clsx": "1.2.1",
     "react-hook-form": "7.43.2",
     "react-image-size": "2.0.0",
@@ -74,5 +74,5 @@
   "volta": {
     "node": "18.15.0"
   },
-  "gitHead": "809b5a0e74341b78847d3ba03a84e7a70ae2f5f5"
+  "gitHead": "b998c9289b0dfbe781cf1032ce0613e179e0edbc"
 }

package/src/Editor/_editor.scss

@@ -1,4 +1,5 @@
-.squiz-fte-scope__editor {
+/* 2 class selectors so specificity is higher vs eg. ".squiz-ce-scope *" which would take priority over this. */
+.squiz-fte-scope.squiz-fte-scope__editor {
   font-family: 'Open Sans' !important;
   @apply bg-white rounded border-gray-300;