API documentation update

34 files changed, 387 insertions, 3 deletions

diff --git a/docs/api/pl.treksoft.kvision.core/-styled-component/background.html b/docs/api/pl.treksoft.kvision.core/-styled-component/background.html
index e6b1e227..231519b1 100644
--- a/docs/api/pl.treksoft.kvision.core/-styled-component/background.html
+++ b/docs/api/pl.treksoft.kvision.core/-styled-component/background.html
@@ -11,5 +11,11 @@
 <a name="pl.treksoft.kvision.core.StyledComponent$background"></a>
 <code><span class="keyword">var </span><span class="identifier">background</span><span class="symbol">: </span><a href="../-background/index.html"><span class="identifier">Background</span></a><span class="symbol">?</span></code>
 <p>Background of the current component.</p>
+<p><strong>Getter</strong><br/>
+<p>Background of the current component.</p>
+</p>
+<p><strong>Setter</strong><br/>
+<p>Background of the current component.</p>
+</p>
 </BODY>
 </HTML>
diff --git a/docs/api/pl.treksoft.kvision.core/-styled-component/border-bottom.html b/docs/api/pl.treksoft.kvision.core/-styled-component/border-bottom.html
index 96f2745b..c8d4c6fc 100644
--- a/docs/api/pl.treksoft.kvision.core/-styled-component/border-bottom.html
+++ b/docs/api/pl.treksoft.kvision.core/-styled-component/border-bottom.html
@@ -11,5 +11,11 @@
 <a name="pl.treksoft.kvision.core.StyledComponent$borderBottom"></a>
 <code><span class="keyword">var </span><span class="identifier">borderBottom</span><span class="symbol">: </span><a href="../-border/index.html"><span class="identifier">Border</span></a><span class="symbol">?</span></code>
 <p>Bottom border of the current component.</p>
+<p><strong>Getter</strong><br/>
+<p>Bottom border of the current component.</p>
+</p>
+<p><strong>Setter</strong><br/>
+<p>Bottom border of the current component.</p>
+</p>
 </BODY>
 </HTML>
diff --git a/docs/api/pl.treksoft.kvision.core/-styled-component/border-left.html b/docs/api/pl.treksoft.kvision.core/-styled-component/border-left.html
index 275612f7..54bd85d3 100644
--- a/docs/api/pl.treksoft.kvision.core/-styled-component/border-left.html
+++ b/docs/api/pl.treksoft.kvision.core/-styled-component/border-left.html
@@ -11,5 +11,11 @@
 <a name="pl.treksoft.kvision.core.StyledComponent$borderLeft"></a>
 <code><span class="keyword">var </span><span class="identifier">borderLeft</span><span class="symbol">: </span><a href="../-border/index.html"><span class="identifier">Border</span></a><span class="symbol">?</span></code>
 <p>Left border of the current component.</p>
+<p><strong>Getter</strong><br/>
+<p>Left border of the current component.</p>
+</p>
+<p><strong>Setter</strong><br/>
+<p>Left border of the current component.</p>
+</p>
 </BODY>
 </HTML>
diff --git a/docs/api/pl.treksoft.kvision.core/-styled-component/border-right.html b/docs/api/pl.treksoft.kvision.core/-styled-component/border-right.html
index 653462d1..428a462a 100644
--- a/docs/api/pl.treksoft.kvision.core/-styled-component/border-right.html
+++ b/docs/api/pl.treksoft.kvision.core/-styled-component/border-right.html
@@ -11,5 +11,11 @@
 <a name="pl.treksoft.kvision.core.StyledComponent$borderRight"></a>
 <code><span class="keyword">var </span><span class="identifier">borderRight</span><span class="symbol">: </span><a href="../-border/index.html"><span class="identifier">Border</span></a><span class="symbol">?</span></code>
 <p>Right border of the current component.</p>
+<p><strong>Getter</strong><br/>
+<p>Right border of the current component.</p>
+</p>
+<p><strong>Setter</strong><br/>
+<p>Right border of the current component.</p>
+</p>
 </BODY>
 </HTML>
diff --git a/docs/api/pl.treksoft.kvision.core/-styled-component/border-top.html b/docs/api/pl.treksoft.kvision.core/-styled-component/border-top.html
index 89190992..d5a50121 100644
--- a/docs/api/pl.treksoft.kvision.core/-styled-component/border-top.html
+++ b/docs/api/pl.treksoft.kvision.core/-styled-component/border-top.html
@@ -11,5 +11,11 @@
 <a name="pl.treksoft.kvision.core.StyledComponent$borderTop"></a>
 <code><span class="keyword">var </span><span class="identifier">borderTop</span><span class="symbol">: </span><a href="../-border/index.html"><span class="identifier">Border</span></a><span class="symbol">?</span></code>
 <p>Top border of the current component.</p>
+<p><strong>Getter</strong><br/>
+<p>Top border of the current component.</p>
+</p>
+<p><strong>Setter</strong><br/>
+<p>Top border of the current component.</p>
+</p>
 </BODY>
 </HTML>
diff --git a/docs/api/pl.treksoft.kvision.core/-styled-component/border.html b/docs/api/pl.treksoft.kvision.core/-styled-component/border.html
index 670c5c28..02a1660d 100644
--- a/docs/api/pl.treksoft.kvision.core/-styled-component/border.html
+++ b/docs/api/pl.treksoft.kvision.core/-styled-component/border.html
@@ -11,5 +11,11 @@
 <a name="pl.treksoft.kvision.core.StyledComponent$border"></a>
 <code><span class="keyword">var </span><span class="identifier">border</span><span class="symbol">: </span><a href="../-border/index.html"><span class="identifier">Border</span></a><span class="symbol">?</span></code>
 <p>Border of the current component.</p>
+<p><strong>Getter</strong><br/>
+<p>Border of the current component.</p>
+</p>
+<p><strong>Setter</strong><br/>
+<p>Border of the current component.</p>
+</p>
 </BODY>
 </HTML>
diff --git a/docs/api/pl.treksoft.kvision.core/-styled-component/bottom.html b/docs/api/pl.treksoft.kvision.core/-styled-component/bottom.html
new file mode 100644
index 00000000..0e98c842
--- /dev/null
+++ b/docs/api/pl.treksoft.kvision.core/-styled-component/bottom.html
@@ -0,0 +1,21 @@
+<HTML>
+<HEAD>
+<meta charset="UTF-8">
+<title>StyledComponent.bottom - kvision</title>
+<link rel="stylesheet" href="../../../style.css">
+</HEAD>
+<BODY>
+<a href="../../index.html">kvision</a>&nbsp;/&nbsp;<a href="../index.html">pl.treksoft.kvision.core</a>&nbsp;/&nbsp;<a href="index.html">StyledComponent</a>&nbsp;/&nbsp;<a href="./bottom.html">bottom</a><br/>
+<br/>
+<h1>bottom</h1>
+<a name="pl.treksoft.kvision.core.StyledComponent$bottom"></a>
+<code><span class="keyword">var </span><span class="identifier">bottom</span><span class="symbol">: </span><a href="../-css-size.html"><span class="identifier">CssSize</span></a><span class="symbol">?</span></code>
+<p>Bottom edge of the current component.</p>
+<p><strong>Getter</strong><br/>
+<p>Bottom edge of the current component.</p>
+</p>
+<p><strong>Setter</strong><br/>
+<p>Bottom edge of the current component.</p>
+</p>
+</BODY>
+</HTML>
diff --git a/docs/api/pl.treksoft.kvision.core/-styled-component/color-name.html b/docs/api/pl.treksoft.kvision.core/-styled-component/color-name.html
index 800d464f..f597c1e3 100644
--- a/docs/api/pl.treksoft.kvision.core/-styled-component/color-name.html
+++ b/docs/api/pl.treksoft.kvision.core/-styled-component/color-name.html
@@ -9,10 +9,10 @@
 <br/>
 <h1>colorName</h1>
 <a name="pl.treksoft.kvision.core.StyledComponent$colorName"></a>
-<code><span class="keyword">var </span><span class="identifier">colorName</span><span class="symbol">: </span><a href="../-c-o-l-o-r/index.html"><span class="identifier">COLOR</span></a><span class="symbol">?</span></code>
+<code><span class="keyword">var </span><span class="identifier">colorName</span><span class="symbol">: </span><a href="../-col/index.html"><span class="identifier">Col</span></a><span class="symbol">?</span></code>
 <p>Text color for the current component given with named constant (write only).</p>
 <p>This property gives a convenient way to set the value of <a href="color.html">color</a> property e.g.:</p>
-<p>c.colorName = COLOR.GREEN</p>
+<p>c.colorName = Col.GREEN</p>
 <p>The value read from this property is always null.</p>
 </BODY>
 </HTML>
diff --git a/docs/api/pl.treksoft.kvision.core/-styled-component/color.html b/docs/api/pl.treksoft.kvision.core/-styled-component/color.html
index 052af108..b9d6f799 100644
--- a/docs/api/pl.treksoft.kvision.core/-styled-component/color.html
+++ b/docs/api/pl.treksoft.kvision.core/-styled-component/color.html
@@ -11,5 +11,11 @@
 <a name="pl.treksoft.kvision.core.StyledComponent$color"></a>
 <code><span class="keyword">var </span><span class="identifier">color</span><span class="symbol">: </span><a href="../-color/index.html"><span class="identifier">Color</span></a><span class="symbol">?</span></code>
 <p>Text color for the current component.</p>
+<p><strong>Getter</strong><br/>
+<p>Text color for the current component.</p>
+</p>
+<p><strong>Setter</strong><br/>
+<p>Text color for the current component.</p>
+</p>
 </BODY>
 </HTML>
diff --git a/docs/api/pl.treksoft.kvision.core/-styled-component/height.html b/docs/api/pl.treksoft.kvision.core/-styled-component/height.html
index 7330f90d..d86ee4d7 100644
--- a/docs/api/pl.treksoft.kvision.core/-styled-component/height.html
+++ b/docs/api/pl.treksoft.kvision.core/-styled-component/height.html
@@ -11,5 +11,11 @@
 <a name="pl.treksoft.kvision.core.StyledComponent$height"></a>
 <code><span class="keyword">var </span><span class="identifier">height</span><span class="symbol">: </span><a href="../-css-size.html"><span class="identifier">CssSize</span></a><span class="symbol">?</span></code>
 <p>Height of the current component.</p>
+<p><strong>Getter</strong><br/>
+<p>Height of the current component.</p>
+</p>
+<p><strong>Setter</strong><br/>
+<p>Height of the current component.</p>
+</p>
 </BODY>
 </HTML>
diff --git a/docs/api/pl.treksoft.kvision.core/-styled-component/index.html b/docs/api/pl.treksoft.kvision.core/-styled-component/index.html
index 4c6cc6bc..5ad31f17 100644
--- a/docs/api/pl.treksoft.kvision.core/-styled-component/index.html
+++ b/docs/api/pl.treksoft.kvision.core/-styled-component/index.html
@@ -83,6 +83,15 @@
 </tr>
 <tr>
 <td>
+<p><a href="bottom.html">bottom</a></p>
+</td>
+<td>
+<code><span class="keyword">var </span><span class="identifier">bottom</span><span class="symbol">: </span><a href="../-css-size.html"><span class="identifier">CssSize</span></a><span class="symbol">?</span></code>
+<p>Bottom edge of the current component.</p>
+</td>
+</tr>
+<tr>
+<td>
 <p><a href="color.html">color</a></p>
 </td>
 <td>
@@ -104,7 +113,7 @@
 <p><a href="color-name.html">colorName</a></p>
 </td>
 <td>
-<code><span class="keyword">var </span><span class="identifier">colorName</span><span class="symbol">: </span><a href="../-c-o-l-o-r/index.html"><span class="identifier">COLOR</span></a><span class="symbol">?</span></code>
+<code><span class="keyword">var </span><span class="identifier">colorName</span><span class="symbol">: </span><a href="../-col/index.html"><span class="identifier">Col</span></a><span class="symbol">?</span></code>
 <p>Text color for the current component given with named constant (write only).</p>
 </td>
 </tr>
@@ -119,6 +128,15 @@
 </tr>
 <tr>
 <td>
+<p><a href="left.html">left</a></p>
+</td>
+<td>
+<code><span class="keyword">var </span><span class="identifier">left</span><span class="symbol">: </span><a href="../-css-size.html"><span class="identifier">CssSize</span></a><span class="symbol">?</span></code>
+<p>Left edge of the current component.</p>
+</td>
+</tr>
+<tr>
+<td>
 <p><a href="margin.html">margin</a></p>
 </td>
 <td>
@@ -209,6 +227,15 @@
 </tr>
 <tr>
 <td>
+<p><a href="overflow.html">overflow</a></p>
+</td>
+<td>
+<code><span class="keyword">var </span><span class="identifier">overflow</span><span class="symbol">: </span><a href="../-overflow/index.html"><span class="identifier">Overflow</span></a><span class="symbol">?</span></code>
+<p>CSS overflow of the current component.</p>
+</td>
+</tr>
+<tr>
+<td>
 <p><a href="padding.html">padding</a></p>
 </td>
 <td>
@@ -254,6 +281,42 @@
 </tr>
 <tr>
 <td>
+<p><a href="position.html">position</a></p>
+</td>
+<td>
+<code><span class="keyword">var </span><span class="identifier">position</span><span class="symbol">: </span><a href="../-position/index.html"><span class="identifier">Position</span></a><span class="symbol">?</span></code>
+<p>CSS position of the current component.</p>
+</td>
+</tr>
+<tr>
+<td>
+<p><a href="resize.html">resize</a></p>
+</td>
+<td>
+<code><span class="keyword">var </span><span class="identifier">resize</span><span class="symbol">: </span><a href="../-resize/index.html"><span class="identifier">Resize</span></a><span class="symbol">?</span></code>
+<p>CSS resize of the current component.</p>
+</td>
+</tr>
+<tr>
+<td>
+<p><a href="right.html">right</a></p>
+</td>
+<td>
+<code><span class="keyword">var </span><span class="identifier">right</span><span class="symbol">: </span><a href="../-css-size.html"><span class="identifier">CssSize</span></a><span class="symbol">?</span></code>
+<p>Right edge of the current component.</p>
+</td>
+</tr>
+<tr>
+<td>
+<p><a href="top.html">top</a></p>
+</td>
+<td>
+<code><span class="keyword">var </span><span class="identifier">top</span><span class="symbol">: </span><a href="../-css-size.html"><span class="identifier">CssSize</span></a><span class="symbol">?</span></code>
+<p>Top edge of the current component.</p>
+</td>
+</tr>
+<tr>
+<td>
 <p><a href="width.html">width</a></p>
 </td>
 <td>
@@ -261,6 +324,15 @@
 <p>Width of the current component.</p>
 </td>
 </tr>
+<tr>
+<td>
+<p><a href="z-index.html">zIndex</a></p>
+</td>
+<td>
+<code><span class="keyword">var </span><span class="identifier">zIndex</span><span class="symbol">: </span><a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-int/index.html"><span class="identifier">Int</span></a><span class="symbol">?</span></code>
+<p>Z-index of the current component.</p>
+</td>
+</tr>
 </tbody>
 </table>
 <h3>Inherited Properties</h3>
diff --git a/docs/api/pl.treksoft.kvision.core/-styled-component/left.html b/docs/api/pl.treksoft.kvision.core/-styled-component/left.html
new file mode 100644
index 00000000..2deaa2f8
--- /dev/null
+++ b/docs/api/pl.treksoft.kvision.core/-styled-component/left.html
@@ -0,0 +1,21 @@
+<HTML>
+<HEAD>
+<meta charset="UTF-8">
+<title>StyledComponent.left - kvision</title>
+<link rel="stylesheet" href="../../../style.css">
+</HEAD>
+<BODY>
+<a href="../../index.html">kvision</a>&nbsp;/&nbsp;<a href="../index.html">pl.treksoft.kvision.core</a>&nbsp;/&nbsp;<a href="index.html">StyledComponent</a>&nbsp;/&nbsp;<a href="./left.html">left</a><br/>
+<br/>
+<h1>left</h1>
+<a name="pl.treksoft.kvision.core.StyledComponent$left"></a>
+<code><span class="keyword">var </span><span class="identifier">left</span><span class="symbol">: </span><a href="../-css-size.html"><span class="identifier">CssSize</span></a><span class="symbol">?</span></code>
+<p>Left edge of the current component.</p>
+<p><strong>Getter</strong><br/>
+<p>Left edge of the current component.</p>
+</p>
+<p><strong>Setter</strong><br/>
+<p>Left edge of the current component.</p>
+</p>
+</BODY>
+</HTML>
diff --git a/docs/api/pl.treksoft.kvision.core/-styled-component/margin-bottom.html b/docs/api/pl.treksoft.kvision.core/-styled-component/margin-bottom.html
index d164cca3..ba19712e 100644
--- a/docs/api/pl.treksoft.kvision.core/-styled-component/margin-bottom.html
+++ b/docs/api/pl.treksoft.kvision.core/-styled-component/margin-bottom.html
@@ -11,5 +11,11 @@
 <a name="pl.treksoft.kvision.core.StyledComponent$marginBottom"></a>
 <code><span class="keyword">var </span><span class="identifier">marginBottom</span><span class="symbol">: </span><a href="../-css-size.html"><span class="identifier">CssSize</span></a><span class="symbol">?</span></code>
 <p>Bottom margin of the current component.</p>
+<p><strong>Getter</strong><br/>
+<p>Bottom margin of the current component.</p>
+</p>
+<p><strong>Setter</strong><br/>
+<p>Bottom margin of the current component.</p>
+</p>
 </BODY>
 </HTML>
diff --git a/docs/api/pl.treksoft.kvision.core/-styled-component/margin-left.html b/docs/api/pl.treksoft.kvision.core/-styled-component/margin-left.html
index e9e059ae..9c943cf3 100644
--- a/docs/api/pl.treksoft.kvision.core/-styled-component/margin-left.html
+++ b/docs/api/pl.treksoft.kvision.core/-styled-component/margin-left.html
@@ -11,5 +11,11 @@
 <a name="pl.treksoft.kvision.core.StyledComponent$marginLeft"></a>
 <code><span class="keyword">var </span><span class="identifier">marginLeft</span><span class="symbol">: </span><a href="../-css-size.html"><span class="identifier">CssSize</span></a><span class="symbol">?</span></code>
 <p>Left margin of the current component.</p>
+<p><strong>Getter</strong><br/>
+<p>Left margin of the current component.</p>
+</p>
+<p><strong>Setter</strong><br/>
+<p>Left margin of the current component.</p>
+</p>
 </BODY>
 </HTML>
diff --git a/docs/api/pl.treksoft.kvision.core/-styled-component/margin-right.html b/docs/api/pl.treksoft.kvision.core/-styled-component/margin-right.html
index aef0b027..72042478 100644
--- a/docs/api/pl.treksoft.kvision.core/-styled-component/margin-right.html
+++ b/docs/api/pl.treksoft.kvision.core/-styled-component/margin-right.html
@@ -11,5 +11,11 @@
 <a name="pl.treksoft.kvision.core.StyledComponent$marginRight"></a>
 <code><span class="keyword">var </span><span class="identifier">marginRight</span><span class="symbol">: </span><a href="../-css-size.html"><span class="identifier">CssSize</span></a><span class="symbol">?</span></code>
 <p>Right margin of the current component.</p>
+<p><strong>Getter</strong><br/>
+<p>Right margin of the current component.</p>
+</p>
+<p><strong>Setter</strong><br/>
+<p>Right margin of the current component.</p>
+</p>
 </BODY>
 </HTML>
diff --git a/docs/api/pl.treksoft.kvision.core/-styled-component/margin-top.html b/docs/api/pl.treksoft.kvision.core/-styled-component/margin-top.html
index 4cef60fd..6bc99621 100644
--- a/docs/api/pl.treksoft.kvision.core/-styled-component/margin-top.html
+++ b/docs/api/pl.treksoft.kvision.core/-styled-component/margin-top.html
@@ -11,5 +11,11 @@
 <a name="pl.treksoft.kvision.core.StyledComponent$marginTop"></a>
 <code><span class="keyword">var </span><span class="identifier">marginTop</span><span class="symbol">: </span><a href="../-css-size.html"><span class="identifier">CssSize</span></a><span class="symbol">?</span></code>
 <p>Top margin of the current component.</p>
+<p><strong>Getter</strong><br/>
+<p>Top margin of the current component.</p>
+</p>
+<p><strong>Setter</strong><br/>
+<p>Top margin of the current component.</p>
+</p>
 </BODY>
 </HTML>
diff --git a/docs/api/pl.treksoft.kvision.core/-styled-component/margin.html b/docs/api/pl.treksoft.kvision.core/-styled-component/margin.html
index 82b71007..a4b0cb2e 100644
--- a/docs/api/pl.treksoft.kvision.core/-styled-component/margin.html
+++ b/docs/api/pl.treksoft.kvision.core/-styled-component/margin.html
@@ -11,5 +11,11 @@
 <a name="pl.treksoft.kvision.core.StyledComponent$margin"></a>
 <code><span class="keyword">var </span><span class="identifier">margin</span><span class="symbol">: </span><a href="../-css-size.html"><span class="identifier">CssSize</span></a><span class="symbol">?</span></code>
 <p>Margin of the current component.</p>
+<p><strong>Getter</strong><br/>
+<p>Margin of the current component.</p>
+</p>
+<p><strong>Setter</strong><br/>
+<p>Margin of the current component.</p>
+</p>
 </BODY>
 </HTML>
diff --git a/docs/api/pl.treksoft.kvision.core/-styled-component/max-height.html b/docs/api/pl.treksoft.kvision.core/-styled-component/max-height.html
index ed270439..8a545e27 100644
--- a/docs/api/pl.treksoft.kvision.core/-styled-component/max-height.html
+++ b/docs/api/pl.treksoft.kvision.core/-styled-component/max-height.html
@@ -11,5 +11,11 @@
 <a name="pl.treksoft.kvision.core.StyledComponent$maxHeight"></a>
 <code><span class="keyword">var </span><span class="identifier">maxHeight</span><span class="symbol">: </span><a href="../-css-size.html"><span class="identifier">CssSize</span></a><span class="symbol">?</span></code>
 <p>Maximal height of the current component.</p>
+<p><strong>Getter</strong><br/>
+<p>Maximal height of the current component.</p>
+</p>
+<p><strong>Setter</strong><br/>
+<p>Maximal height of the current component.</p>
+</p>
 </BODY>
 </HTML>
diff --git a/docs/api/pl.treksoft.kvision.core/-styled-component/max-width.html b/docs/api/pl.treksoft.kvision.core/-styled-component/max-width.html
index 903b4d2f..3e9182f5 100644
--- a/docs/api/pl.treksoft.kvision.core/-styled-component/max-width.html
+++ b/docs/api/pl.treksoft.kvision.core/-styled-component/max-width.html
@@ -11,5 +11,11 @@
 <a name="pl.treksoft.kvision.core.StyledComponent$maxWidth"></a>
 <code><span class="keyword">var </span><span class="identifier">maxWidth</span><span class="symbol">: </span><a href="../-css-size.html"><span class="identifier">CssSize</span></a><span class="symbol">?</span></code>
 <p>Maximal width of the current component.</p>
+<p><strong>Getter</strong><br/>
+<p>Maximal width of the current component.</p>
+</p>
+<p><strong>Setter</strong><br/>
+<p>Maximal width of the current component.</p>
+</p>
 </BODY>
 </HTML>
diff --git a/docs/api/pl.treksoft.kvision.core/-styled-component/min-height.html b/docs/api/pl.treksoft.kvision.core/-styled-component/min-height.html
index ea726071..35e94de6 100644
--- a/docs/api/pl.treksoft.kvision.core/-styled-component/min-height.html
+++ b/docs/api/pl.treksoft.kvision.core/-styled-component/min-height.html
@@ -11,5 +11,11 @@