Merge branch 'develop' into main

Author: elbakerino

packages/demo/package.json

@@ -27,7 +27,7 @@
         "@codemirror/language": "^6.1.0",
         "@ui-schema/dictionary": "~0.0.10",
         "@ui-schema/ds-material": "~0.4.0-alpha.5",
-        "@ui-schema/kit-codemirror": "~0.1.0",
+        "@ui-schema/kit-codemirror": "~0.1.0-alpha.1",
         "@ui-schema/material-code": "~0.4.0",
         "@ui-schema/ui-schema": "~0.4.1",
         "immutable": "^4.0.0",

packages/material-code/package-lock.json

@@ -1,6 +1,6 @@
 {
     "name": "@ui-schema/material-code",
-    "version": "0.4.1",
+    "version": "0.4.2",
     "description": "Code editor widgets using CodeMirror, with Material-UI styling for UI-Schema",
     "homepage": "https://ui-schema.bemit.codes/docs/material-code/material-code",
     "author": {
@@ -50,7 +50,7 @@
         "@codemirror/state": "^6.0.0",
         "@codemirror/view": "^6.0.0",
         "@codemirror/language": "^6.1.0",
-        "@ui-schema/kit-codemirror": "~0.1.0",
+        "@ui-schema/kit-codemirror": "~0.1.0-alpha.1",
         "@ui-schema/ds-material": "~0.4.0-alpha",
         "@ui-schema/ui-schema": "~0.4.0-alpha",
         "immutable": "^4.0.0",
@@ -63,7 +63,7 @@
         "@codemirror/state": "^6.0.0",
         "@codemirror/view": "^6.0.0",
         "@codemirror/language": "^6.1.0",
-        "@ui-schema/kit-codemirror": "~0.1.0",
+        "@ui-schema/kit-codemirror": "~0.1.0-alpha.1",
         "@ui-schema/ds-material": "~0.4.0-alpha",
         "@ui-schema/ui-schema": "~0.4.0-alpha",
         "immutable": "^4.0.0",

packages/material-code/package.json

@@ -146,6 +146,12 @@ export const useEditorTheme = (
                     '& .cm-gutters .cm-lineNumbers .cm-gutterElement': {
                         paddingLeft: spacing(1),
                     },
+                    '&.cm-editor .cm-foldPlaceholder': {
+                        padding: '0 ' + spacing(0.5),
+                        backgroundColor: palette.mode === 'light' ? palette.background.default : palette.background.paper,
+                        borderColor: palette.divider,
+                        color: palette.primary.main,
+                    },
                 },
                 {dark: palette.mode === 'dark'},
             ),