@squiz/formatted-text-editor 2.6.2 → 2.6.3

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # Change Log
 
+## 2.6.3
+
+### Patch Changes
+
+- 89270a9: Updated Viper/AI Squiz dependencies.
+
 ## 2.6.2
 
 ### Patch Changes

package/lib/index.css

@@ -3076,6 +3076,12 @@
   box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
   padding: 1rem;
 }
+.squiz-fte-scope .sds-row.no-border {
+  box-shadow: none;
+}
+.squiz-fte-scope .sds-row.no-children .sds-row__header-text {
+  margin-bottom: 0;
+}
 .squiz-fte-scope .sds-row__title {
   font-size: 1.25rem;
   font-weight: 600;
@@ -3083,14 +3089,43 @@
   line-height: 1.5rem;
   color: #3d3d3d;
   display: block;
-  margin-bottom: 0.75rem;
 }
 .squiz-fte-scope .sds-row__title .svg-wrapper svg {
   fill: #3d3d3d;
 }
-.squiz-fte-scope .sds-row__title:only-child,
-.squiz-fte-scope .sds-row__title:last-child {
-  margin-bottom: 0;
+.squiz-fte-scope .sds-row__subtitle {
+  color: #4f4f4f;
+}
+.squiz-fte-scope .sds-row__header-text {
+  display: flex;
+  flex-direction: column;
+  gap: 0.75rem;
+  margin-bottom: 0.75rem;
+}
+@media screen and (max-width: 768px) {
+  .squiz-fte-scope .sds-row__header-text {
+    width: 100%;
+  }
+  .squiz-fte-scope .sds-row__header-actions {
+    margin-top: 0.5rem;
+    width: 100%;
+  }
+  .squiz-fte-scope .sds-row__header-actions .sds-button {
+    display: grid;
+    place-items: center;
+    width: 100%;
+  }
+}
+.squiz-fte-scope .sds-row__header {
+  align-items: center;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+}
+@media screen and (min-width: 768px) {
+  .squiz-fte-scope .sds-row__header {
+    flex-direction: row;
+  }
 }
 .squiz-fte-scope .sds-heading--level-1 {
   font-size: 1.625rem;
@@ -4452,9 +4487,6 @@
 }
 
 /* ../../node_modules/@squiz/dxp-content-tools-modal/lib/package.css */
-.dxp-ctm-section .squiz-fte-scope.squiz-fte-scope__editor.squiz-fte-scope__editor--is-disabled.squiz-fte-scope__editor--bordered {
-  overflow-y: scroll;
-}
 @keyframes skeleton-pulse {
   0% {
     opacity: 1;
@@ -4495,6 +4527,7 @@
   display: flex;
   flex: 1;
   flex-direction: column;
+  max-width: calc(50% - 1rem * 2);
   padding: 1rem;
 }
 .squiz-fte-scope .dxp-ctm-content > .dxp-ctm-section > .squiz-fte-scope {
@@ -4503,6 +4536,14 @@
 .squiz-fte-scope .dxp-ctm-content > .dxp-ctm-section > .squiz-fte-scope:not(.dxp-ctm-section__spinner) {
   background-color: #fff;
 }
+.dxp-ctm-section .squiz-fte-scope.squiz-fte-scope__editor.squiz-fte-scope__editor--is-disabled.squiz-fte-scope__editor--bordered {
+  overflow-y: scroll;
+}
+.squiz-fte-scope .dxp-ctm-section__viperTextInput {
+  background-color: #fff !important;
+  flex-grow: 1;
+  overflow-y: auto;
+}
 .squiz-fte-scope .dxp-ctm-dialog .sds-dialog__content {
   max-height: 100%;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@squiz/formatted-text-editor",
-  "version": "2.6.2",
+  "version": "2.6.3",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",
   "private": false,
@@ -26,7 +26,7 @@
     "@remirror/extension-react-tables": "^2.2.21",
     "@remirror/react": "2.0.35",
     "@squiz/dx-json-schema-lib": "^1.74.1",
-    "@squiz/dxp-content-tools-modal": "^0.3.2",
+    "@squiz/dxp-content-tools-modal": "^0.4.0",
     "clsx": "2.1.1",
     "react-hook-form": "7.51.4",
     "react-image-size": "2.0.0",
@@ -34,10 +34,10 @@
   },
   "devDependencies": {
     "@squiz/dam-resource-browser-plugin": "^3.1.0-rc.1",
-    "@squiz/dxp-ai-client-react": "^0.2.0",
+    "@squiz/dxp-ai-client-react": "^1.0.0",
     "@squiz/matrix-resource-browser-plugin": "^3.1.0-rc.5",
     "@squiz/resource-browser": "^3.1.0-rc.0",
-    "@squiz/sds": "^1.4.0",
+    "@squiz/sds": "^1.5.0",
     "@testing-library/cypress": "9.0.0",
     "@testing-library/jest-dom": "5.16.5",
     "@testing-library/react": "14.0.0",
@@ -71,10 +71,10 @@
   },
   "peerDependencies": {
     "@squiz/dam-resource-browser-plugin": "^3.1.0-rc.1",
-    "@squiz/dxp-ai-client-react": "^0.2.0",
+    "@squiz/dxp-ai-client-react": "^1.0.0",
     "@squiz/matrix-resource-browser-plugin": "^3.1.0-rc.5",
     "@squiz/resource-browser": "^3.1.0-rc.0",
-    "@squiz/sds": "^1.4.0",
+    "@squiz/sds": "^1.5.0",
     "@types/react": "^16.14.0 || ^17 || ^18",
     "@types/react-dom": "^16.9.0 || ^17 || ^18",
     "lib0": "0.2.69",
@@ -90,6 +90,6 @@
     }
   },
   "volta": {
-    "node": "18.15.0"
+    "extends": "../../package.json"
   }
 }