Merge branch 'master' into boyscout/fix-vulnerability

.prettierrc

@@ -3,5 +3,6 @@
     "singleQuote": true,
     "arrowParens": "always",
     "trailingComma": "all",
-    "tabWidth": 4
+    "tabWidth": 4,
+    "htmlWhitespaceSensitivity": "strict"
 }

component-sets/default-components/templates/html/image.html

@@ -1,6 +1,7 @@
 <figure class="image">
     <div doc-image="image" doc-link="hyperlink"></div>
-    <figcaption doc-editable="caption">
-        Image caption, sem vel consectetur dignissim, quam felis molestie lorem, eget posuere felis turpis vitae odio.
-    </figcaption>
+    <figcaption doc-editable="caption"
+        >Image caption, sem vel consectetur dignissim, quam felis molestie lorem, eget posuere felis turpis vitae
+        odio.</figcaption
+    >
 </figure>

docs/PROPERTIES.md

@@ -60,7 +60,13 @@ Data applied as inline styles to the HTML of the component.
 
 ### `data`
 
-Free style data. Does not affect the rendering of the article in the editor.
+Free style data. Data properties do not affect the HTML rendition of the article.
+
+In the PSV rendition, data properties are added as attributes to the component tag. This is supported for a specific set of property control types: select, checkbox, radio, text, textarea, url, time, colorPicker and slider. Attributes are prefixed with `data-prop-`. For example, a property named `country` with value `Netherlands`, would result in attribute:
+
+```
+data-prop-country="Netherlands"
+```
 
 ### `doc-<directive>`
 

package.json

@@ -29,6 +29,6 @@
     "yargs": "^17.3.1"
   },
   "devDependencies": {
-    "prettier": "~2.2.1"
+    "prettier": "~2.8.4"
   }
 }