Add css variable documentation and bump versions

packages/common/README.md

@@ -13,3 +13,10 @@ For valid icon names see: [LineIcons](https://lineicons.com/icons/)
 ```html
  <dbp-icon color="orange" name="menu-down"></dbp-icon>
 ```
+
+### Exposed CSS variables
+
+Variables like `--dbp-override-icon-<icon-name>` can be used to override the icons.
+
+Example CSS: `html { --dbp-override-icon-cloud: url(/icons/cloud.svg); }`
+

packages/common/package.json

 {
   "name": "@dbp-toolkit/common",
   "homepage": "https://gitlab.tugraz.at/dbp/web-components/toolkit/-/tree/master/packages/common",
-  "version": "0.2.3",
+  "version": "0.2.4",
   "module": "index.js",
   "license": "LGPL-2.1-or-later",
   "repository": {

packages/file-handling/README.md

@@ -104,11 +104,15 @@ This event is sent if a file was selected.
 This event is sent if multiple files are selected.
 
 #### `dbp-nextcloud-file-picker-number-files`
+
 This event is sent from nextcloudfilepicker and is send when files are picked and sends the number of selected files
 
+**Payload**: `{'file': File}` where [File](https://developer.mozilla.org/en-US/docs/Web/API/File) is the binary file that was selected
 
+### Exposed CSS variables
 
-**Payload**: `{'file': File}` where [File](https://developer.mozilla.org/en-US/docs/Web/API/File) is the binary file that was selected
+- `--dbp-override-image-nextcloud` is used to override the cloud image on the connection screen
+  - example CSS: `html { --dbp-override-image-nextcloud: url(/icons/nextcloud.svg); }`
 
 ## FileSink
 
@@ -162,6 +166,11 @@ The component emits a `dbp-set-property` event for the attribute `initial-file-h
     - if the property is set the dialog opens
     - example: `document.querySelector("dbp-file-sink").files = [file]` where `file` is your File object
 
+### Exposed CSS variables
+
+- `--dbp-override-image-nextcloud` is used to override the cloud image on the connection screen
+  - example CSS: `html { --dbp-override-image-nextcloud: url(/icons/nextcloud.svg); }`
+
 ## Local development
 
 ```bash

packages/file-handling/package.json

 {
   "name": "@dbp-toolkit/file-handling",
   "homepage": "https://gitlab.tugraz.at/dbp/web-components/toolkit/-/tree/master/packages/file-handling",
-  "version": "0.2.3",
+  "version": "0.2.4",
   "main": "src/index.js",
   "license": "LGPL-2.1-or-later",
   "repository": {