aboutsummaryrefslogtreecommitdiff
path: root/api/pl.treksoft.kvision.core/-styled-component
diff options
context:
space:
mode:
authorRobert Jaros <rjaros@finn.pl>2018-03-01 15:19:44 +0100
committerRobert Jaros <rjaros@finn.pl>2018-03-01 15:19:44 +0100
commit415afec335659ca6bc206b34bdd3c2fe4635718f (patch)
tree69446330560c0b89a38299e5ced7d3db4b3f5266 /api/pl.treksoft.kvision.core/-styled-component
parent8b298c0c5bb377863baf3e0125289957fd2afe5e (diff)
downloadkvision-415afec335659ca6bc206b34bdd3c2fe4635718f.tar.gz
kvision-415afec335659ca6bc206b34bdd3c2fe4635718f.tar.bz2
kvision-415afec335659ca6bc206b34bdd3c2fe4635718f.zip
KVision site with Jekyll
Diffstat (limited to 'api/pl.treksoft.kvision.core/-styled-component')
-rw-r--r--api/pl.treksoft.kvision.core/-styled-component/-init-.html15
-rw-r--r--api/pl.treksoft.kvision.core/-styled-component/background.html21
-rw-r--r--api/pl.treksoft.kvision.core/-styled-component/border-bottom.html21
-rw-r--r--api/pl.treksoft.kvision.core/-styled-component/border-left.html21
-rw-r--r--api/pl.treksoft.kvision.core/-styled-component/border-right.html21
-rw-r--r--api/pl.treksoft.kvision.core/-styled-component/border-top.html21
-rw-r--r--api/pl.treksoft.kvision.core/-styled-component/border.html21
-rw-r--r--api/pl.treksoft.kvision.core/-styled-component/bottom.html21
-rw-r--r--api/pl.treksoft.kvision.core/-styled-component/color-hex.html18
-rw-r--r--api/pl.treksoft.kvision.core/-styled-component/color-name.html18
-rw-r--r--api/pl.treksoft.kvision.core/-styled-component/color.html21
-rw-r--r--api/pl.treksoft.kvision.core/-styled-component/get-sn-style.html17
-rw-r--r--api/pl.treksoft.kvision.core/-styled-component/height.html21
-rw-r--r--api/pl.treksoft.kvision.core/-styled-component/index.html458
-rw-r--r--api/pl.treksoft.kvision.core/-styled-component/left.html21
-rw-r--r--api/pl.treksoft.kvision.core/-styled-component/margin-bottom.html21
-rw-r--r--api/pl.treksoft.kvision.core/-styled-component/margin-left.html21
-rw-r--r--api/pl.treksoft.kvision.core/-styled-component/margin-right.html21
-rw-r--r--api/pl.treksoft.kvision.core/-styled-component/margin-top.html21
-rw-r--r--api/pl.treksoft.kvision.core/-styled-component/margin.html21
-rw-r--r--api/pl.treksoft.kvision.core/-styled-component/max-height.html21
-rw-r--r--api/pl.treksoft.kvision.core/-styled-component/max-width.html21
-rw-r--r--api/pl.treksoft.kvision.core/-styled-component/min-height.html21
-rw-r--r--api/pl.treksoft.kvision.core/-styled-component/min-width.html21
-rw-r--r--api/pl.treksoft.kvision.core/-styled-component/opacity.html21
-rw-r--r--api/pl.treksoft.kvision.core/-styled-component/overflow.html21
-rw-r--r--api/pl.treksoft.kvision.core/-styled-component/padding-bottom.html21
-rw-r--r--api/pl.treksoft.kvision.core/-styled-component/padding-left.html21
-rw-r--r--api/pl.treksoft.kvision.core/-styled-component/padding-right.html21
-rw-r--r--api/pl.treksoft.kvision.core/-styled-component/padding-top.html21
-rw-r--r--api/pl.treksoft.kvision.core/-styled-component/padding.html21
-rw-r--r--api/pl.treksoft.kvision.core/-styled-component/position.html21
-rw-r--r--api/pl.treksoft.kvision.core/-styled-component/resize.html21
-rw-r--r--api/pl.treksoft.kvision.core/-styled-component/right.html21
-rw-r--r--api/pl.treksoft.kvision.core/-styled-component/top.html21
-rw-r--r--api/pl.treksoft.kvision.core/-styled-component/width.html21
-rw-r--r--api/pl.treksoft.kvision.core/-styled-component/z-index.html21
37 files changed, 1198 insertions, 0 deletions
diff --git a/api/pl.treksoft.kvision.core/-styled-component/-init-.html b/api/pl.treksoft.kvision.core/-styled-component/-init-.html
new file mode 100644
index 00000000..a06c76a7
--- /dev/null
+++ b/api/pl.treksoft.kvision.core/-styled-component/-init-.html
@@ -0,0 +1,15 @@
+<HTML>
+<HEAD>
+<meta charset="UTF-8">
+<title>StyledComponent.<init> - 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="./-init-.html">&lt;init&gt;</a><br/>
+<br/>
+<h1>&lt;init&gt;</h1>
+<a name="pl.treksoft.kvision.core.StyledComponent$&lt;init&gt;()"></a>
+<code><span class="identifier">StyledComponent</span><span class="symbol">(</span><span class="symbol">)</span></code>
+<p>Base class for components supporting CSS styling.</p>
+</BODY>
+</HTML>
diff --git a/api/pl.treksoft.kvision.core/-styled-component/background.html b/api/pl.treksoft.kvision.core/-styled-component/background.html
new file mode 100644
index 00000000..231519b1
--- /dev/null
+++ b/api/pl.treksoft.kvision.core/-styled-component/background.html
@@ -0,0 +1,21 @@
+<HTML>
+<HEAD>
+<meta charset="UTF-8">
+<title>StyledComponent.background - 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="./background.html">background</a><br/>
+<br/>
+<h1>background</h1>
+<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/api/pl.treksoft.kvision.core/-styled-component/border-bottom.html b/api/pl.treksoft.kvision.core/-styled-component/border-bottom.html
new file mode 100644
index 00000000..c8d4c6fc
--- /dev/null
+++ b/api/pl.treksoft.kvision.core/-styled-component/border-bottom.html
@@ -0,0 +1,21 @@
+<HTML>
+<HEAD>
+<meta charset="UTF-8">
+<title>StyledComponent.borderBottom - 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="./border-bottom.html">borderBottom</a><br/>
+<br/>
+<h1>borderBottom</h1>
+<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/api/pl.treksoft.kvision.core/-styled-component/border-left.html b/api/pl.treksoft.kvision.core/-styled-component/border-left.html
new file mode 100644
index 00000000..54bd85d3
--- /dev/null
+++ b/api/pl.treksoft.kvision.core/-styled-component/border-left.html
@@ -0,0 +1,21 @@
+<HTML>
+<HEAD>
+<meta charset="UTF-8">
+<title>StyledComponent.borderLeft - 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="./border-left.html">borderLeft</a><br/>
+<br/>
+<h1>borderLeft</h1>
+<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/api/pl.treksoft.kvision.core/-styled-component/border-right.html b/api/pl.treksoft.kvision.core/-styled-component/border-right.html
new file mode 100644
index 00000000..428a462a
--- /dev/null
+++ b/api/pl.treksoft.kvision.core/-styled-component/border-right.html
@@ -0,0 +1,21 @@
+<HTML>
+<HEAD>
+<meta charset="UTF-8">
+<title>StyledComponent.borderRight - 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="./border-right.html">borderRight</a><br/>
+<br/>
+<h1>borderRight</h1>
+<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/api/pl.treksoft.kvision.core/-styled-component/border-top.html b/api/pl.treksoft.kvision.core/-styled-component/border-top.html
new file mode 100644
index 00000000..d5a50121
--- /dev/null
+++ b/api/pl.treksoft.kvision.core/-styled-component/border-top.html
@@ -0,0 +1,21 @@
+<HTML>
+<HEAD>
+<meta charset="UTF-8">
+<title>StyledComponent.borderTop - 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="./border-top.html">borderTop</a><br/>
+<br/>
+<h1>borderTop</h1>
+<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/api/pl.treksoft.kvision.core/-styled-component/border.html b/api/pl.treksoft.kvision.core/-styled-component/border.html
new file mode 100644
index 00000000..02a1660d
--- /dev/null
+++ b/api/pl.treksoft.kvision.core/-styled-component/border.html
@@ -0,0 +1,21 @@
+<HTML>
+<HEAD>
+<meta charset="UTF-8">
+<title>StyledComponent.border - 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="./border.html">border</a><br/>
+<br/>
+<h1>border</h1>
+<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/api/pl.treksoft.kvision.core/-styled-component/bottom.html b/api/pl.treksoft.kvision.core/-styled-component/bottom.html
new file mode 100644
index 00000000..0e98c842
--- /dev/null
+++ b/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/api/pl.treksoft.kvision.core/-styled-component/color-hex.html b/api/pl.treksoft.kvision.core/-styled-component/color-hex.html
new file mode 100644
index 00000000..3e22c1da
--- /dev/null
+++ b/api/pl.treksoft.kvision.core/-styled-component/color-hex.html
@@ -0,0 +1,18 @@
+<HTML>
+<HEAD>
+<meta charset="UTF-8">
+<title>StyledComponent.colorHex - 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="./color-hex.html">colorHex</a><br/>
+<br/>
+<h1>colorHex</h1>
+<a name="pl.treksoft.kvision.core.StyledComponent$colorHex"></a>
+<code><span class="keyword">var </span><span class="identifier">colorHex</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>Text color for the current component given in hex format (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.colorHex = 0x00ff00</p>
+<p>The value read from this property is always null.</p>
+</BODY>
+</HTML>
diff --git a/api/pl.treksoft.kvision.core/-styled-component/color-name.html b/api/pl.treksoft.kvision.core/-styled-component/color-name.html
new file mode 100644
index 00000000..f597c1e3
--- /dev/null
+++ b/api/pl.treksoft.kvision.core/-styled-component/color-name.html
@@ -0,0 +1,18 @@
+<HTML>
+<HEAD>
+<meta charset="UTF-8">
+<title>StyledComponent.colorName - 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="./color-name.html">colorName</a><br/>
+<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="../-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 = Col.GREEN</p>
+<p>The value read from this property is always null.</p>
+</BODY>
+</HTML>
diff --git a/api/pl.treksoft.kvision.core/-styled-component/color.html b/api/pl.treksoft.kvision.core/-styled-component/color.html
new file mode 100644
index 00000000..b9d6f799
--- /dev/null
+++ b/api/pl.treksoft.kvision.core/-styled-component/color.html
@@ -0,0 +1,21 @@
+<HTML>
+<HEAD>
+<meta charset="UTF-8">
+<title>StyledComponent.color - 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="./color.html">color</a><br/>
+<br/>
+<h1>color</h1>
+<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/api/pl.treksoft.kvision.core/-styled-component/get-sn-style.html b/api/pl.treksoft.kvision.core/-styled-component/get-sn-style.html
new file mode 100644
index 00000000..049da26e
--- /dev/null
+++ b/api/pl.treksoft.kvision.core/-styled-component/get-sn-style.html
@@ -0,0 +1,17 @@
+<HTML>
+<HEAD>
+<meta charset="UTF-8">
+<title>StyledComponent.getSnStyle - 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="./get-sn-style.html">getSnStyle</a><br/>
+<br/>
+<h1>getSnStyle</h1>
+<a name="pl.treksoft.kvision.core.StyledComponent$getSnStyle()"></a>
+<code><span class="keyword">protected</span> <span class="keyword">open</span> <span class="keyword">fun </span><span class="identifier">getSnStyle</span><span class="symbol">(</span><span class="symbol">)</span><span class="symbol">: </span><a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin.collections/-list/index.html"><span class="identifier">List</span></a><span class="symbol">&lt;</span><a href="../-string-pair.html"><span class="identifier">StringPair</span></a><span class="symbol">&gt;</span></code>
+<p>Returns the list of String pairs defining CSS style attributes and their values.</p>
+<p><strong>Return</strong><br/>
+the list of attributes and their values</p>
+</BODY>
+</HTML>
diff --git a/api/pl.treksoft.kvision.core/-styled-component/height.html b/api/pl.treksoft.kvision.core/-styled-component/height.html
new file mode 100644
index 00000000..d86ee4d7
--- /dev/null
+++ b/api/pl.treksoft.kvision.core/-styled-component/height.html
@@ -0,0 +1,21 @@
+<HTML>
+<HEAD>
+<meta charset="UTF-8">
+<title>StyledComponent.height - 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="./height.html">height</a><br/>
+<br/>
+<h1>height</h1>
+<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/api/pl.treksoft.kvision.core/-styled-component/index.html b/api/pl.treksoft.kvision.core/-styled-component/index.html
new file mode 100644
index 00000000..5ad31f17
--- /dev/null
+++ b/api/pl.treksoft.kvision.core/-styled-component/index.html
@@ -0,0 +1,458 @@
+<HTML>
+<HEAD>
+<meta charset="UTF-8">
+<title>StyledComponent - 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><br/>
+<br/>
+<h1>StyledComponent</h1>
+<code><span class="keyword">abstract</span> <span class="keyword">class </span><span class="identifier">StyledComponent</span>&nbsp;<span class="symbol">:</span>&nbsp;<a href="../-component/index.html"><span class="identifier">Component</span></a></code>
+<p>Base class for components supporting CSS styling.</p>
+<h3>Constructors</h3>
+<table>
+<tbody>
+<tr>
+<td>
+<p><a href="-init-.html">&lt;init&gt;</a></p>
+</td>
+<td>
+<code><span class="identifier">StyledComponent</span><span class="symbol">(</span><span class="symbol">)</span></code>
+<p>Base class for components supporting CSS styling.</p>
+</td>
+</tr>
+</tbody>
+</table>
+<h3>Properties</h3>
+<table>
+<tbody>
+<tr>
+<td>
+<p><a href="background.html">background</a></p>
+</td>
+<td>
+<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>
+</td>
+</tr>
+<tr>
+<td>
+<p><a href="border.html">border</a></p>
+</td>
+<td>
+<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>
+</td>
+</tr>
+<tr>
+<td>
+<p><a href="border-bottom.html">borderBottom</a></p>
+</td>
+<td>
+<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>
+</td>
+</tr>
+<tr>
+<td>
+<p><a href="border-left.html">borderLeft</a></p>
+</td>
+<td>
+<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>
+</td>
+</tr>
+<tr>
+<td>
+<p><a href="border-right.html">borderRight</a></p>
+</td>
+<td>
+<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>
+</td>
+</tr>
+<tr>
+<td>
+<p><a href="border-top.html">borderTop</a></p>
+</td>
+<td>
+<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>
+</td>
+</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>
+<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>
+</td>
+</tr>
+<tr>
+<td>
+<p><a href="color-hex.html">colorHex</a></p>
+</td>
+<td>
+<code><span class="keyword">var </span><span class="identifier">colorHex</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>Text color for the current component given in hex format (write only).</p>
+</td>
+</tr>
+<tr>
+<td>
+<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="../-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>
+<tr>
+<td>
+<p><a href="height.html">height</a></p>
+</td>
+<td>
+<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>
+</td>
+</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>
+<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>
+</td>
+</tr>
+<tr>
+<td>
+<p><a href="margin-bottom.html">marginBottom</a></p>
+</td>
+<td>
+<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>
+</td>
+</tr>
+<tr>
+<td>
+<p><a href="margin-left.html">marginLeft</a></p>
+</td>
+<td>
+<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>
+</td>
+</tr>
+<tr>
+<td>
+<p><a href="margin-right.html">marginRight</a></p>
+</td>
+<td>
+<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>
+</td>
+</tr>
+<tr>
+<td>
+<p><a href="margin-top.html">marginTop</a></p>
+</td>
+<td>
+<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>
+</td>
+</tr>
+<tr>
+<td>
+<p><a href="max-height.html">maxHeight</a></p>
+</td>
+<td>
+<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>
+</td>
+</tr>
+<tr>
+<td>
+<p><a href="max-width.html">maxWidth</a></p>
+</td>
+<td>
+<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>
+</td>
+</tr>
+<tr>
+<td>
+<p><a href="min-height.html">minHeight</a></p>
+</td>
+<td>
+<code><span class="keyword">var </span><span class="identifier">minHeight</span><span class="symbol">: </span><a href="../-css-size.html"><span class="identifier">CssSize</span></a><span class="symbol">?</span></code>
+<p>Minimal height of the current component.</p>
+</td>
+</tr>
+<tr>
+<td>
+<p><a href="min-width.html">minWidth</a></p>
+</td>
+<td>
+<code><span class="keyword">var </span><span class="identifier">minWidth</span><span class="symbol">: </span><a href="../-css-size.html"><span class="identifier">CssSize</span></a><span class="symbol">?</span></code>
+<p>Minimal width of the current component.</p>
+</td>
+</tr>
+<tr>
+<td>
+<p><a href="opacity.html">opacity</a></p>
+</td>
+<td>
+<code><span class="keyword">var </span><span class="identifier">opacity</span><span class="symbol">: </span><a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-double/index.html"><span class="identifier">Double</span></a><span class="symbol">?</span></code>
+<p>Opacity of the current component.</p>
+</td>
+</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>
+<code><span class="keyword">var </span><span class="identifier">padding</span><span class="symbol">: </span><a href="../-css-size.html"><span class="identifier">CssSize</span></a><span class="symbol">?</span></code>
+<p>Padding of the current component.</p>
+</td>
+</tr>
+<tr>
+<td>
+<p><a href="padding-bottom.html">paddingBottom</a></p>
+</td>
+<td>
+<code><span class="keyword">var </span><span class="identifier">paddingBottom</span><span class="symbol">: </span><a href="../-css-size.html"><span class="identifier">CssSize</span></a><span class="symbol">?</span></code>
+<p>Bottom padding of the current component.</p>
+</td>
+</tr>
+<tr>
+<td>
+<p><a href="padding-left.html">paddingLeft</a></p>
+</td>
+<td>
+<code><span class="keyword">var </span><span class="identifier">paddingLeft</span><span class="symbol">: </span><a href="../-css-size.html"><span class="identifier">CssSize</span></a><span class="symbol">?</span></code>
+<p>Left padding of the current component.</p>
+</td>
+</tr>
+<tr>
+<td>
+<p><a href="padding-right.html">paddingRight</a></p>
+</td>
+<td>
+<code><span class="keyword">var </span><span class="identifier">paddingRight</span><span class="symbol">: </span><a href="../-css-size.html"><span class="identifier">CssSize</span></a><span class="symbol">?</span></code>
+<p>Right padding of the current component.</p>
+</td>
+</tr>
+<tr>
+<td>
+<p><a href="padding-top.html">paddingTop</a></p>
+</td>
+<td>
+<code><span class="keyword">var </span><span class="identifier">paddingTop</span><span class="symbol">: </span><a href="../-css-size.html"><span class="identifier">CssSize</span></a><span class="symbol">?</span></code>
+<p>Top padding of the current component.</p>
+</td>
+</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>
+<code><span class="keyword">open</span> <span class="keyword">var </span><span class="identifier">width</span><span class="symbol">: </span><a href="../-css-size.html"><span class="identifier">CssSize</span></a><span class="symbol">?</span></code>
+<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>
+<table>
+<tbody>
+<tr>
+<td>
+<p><a href="../-component/parent.html">parent</a></p>
+</td>
+<td>
+<code><span class="keyword">abstract</span> <span class="keyword">var </span><span class="identifier">parent</span><span class="symbol">: </span><a href="../-component/index.html"><span class="identifier">Component</span></a><span class="symbol">?</span></code>
+<p>Parent of the current component.</p>
+</td>
+</tr>
+<tr>
+<td>
+<p><a href="../-component/visible.html">visible</a></p>
+</td>
+<td>
+<code><span class="keyword">abstract</span> <span class="keyword">var </span><span class="identifier">visible</span><span class="symbol">: </span><a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-boolean/index.html"><span class="identifier">Boolean</span></a></code>
+<p>Visibility state of the current component.</p>
+</td>
+</tr>
+</tbody>
+</table>
+<h3>Functions</h3>
+<table>
+<tbody>
+<tr>
+<td>
+<p><a href="get-sn-style.html">getSnStyle</a></p>
+</td>
+<td>
+<code><span class="keyword">open</span> <span class="keyword">fun </span><span class="identifier">getSnStyle</span><span class="symbol">(</span><span class="symbol">)</span><span class="symbol">: </span><a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin.collections/-list/index.html"><span class="identifier">List</span></a><span class="symbol">&lt;</span><a href="../-string-pair.html"><span class="identifier">StringPair</span></a><span class="symbol">&gt;</span></code>
+<p>Returns the list of String pairs defining CSS style attributes and their values.</p>
+</td>
+</tr>
+</tbody>
+</table>
+<h3>Inherited Functions</h3>
+<table>
+<tbody>
+<tr>
+<td>
+<p><a href="../-component/add-css-class.html">addCssClass</a></p>
+</td>
+<td>
+<code><span class="keyword">abstract</span> <span class="keyword">fun </span><span class="identifier">addCssClass</span><span class="symbol">(</span><span class="identifier" id="pl.treksoft.kvision.core.Component$addCssClass(kotlin.String)/css">css</span><span class="symbol">:</span>&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-string/index.html"><span class="identifier">String</span></a><span class="symbol">)</span><span class="symbol">: </span><a href="../-component/index.html"><span class="identifier">Component</span></a></code>
+<p>Adds given value to the set of CSS classes generated in html code of current component.</p>
+</td>
+</tr>
+<tr>
+<td>
+<p><a href="../-component/add-surrounding-css-class.html">addSurroundingCssClass</a></p>
+</td>
+<td>
+<code><span class="keyword">abstract</span> <span class="keyword">fun </span><span class="identifier">addSurroundingCssClass</span><span class="symbol">(</span><span class="identifier" id="pl.treksoft.kvision.core.Component$addSurroundingCssClass(kotlin.String)/css">css</span><span class="symbol">:</span>&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-string/index.html"><span class="identifier">String</span></a><span class="symbol">)</span><span class="symbol">: </span><a href="../-component/index.html"><span class="identifier">Component</span></a></code>
+<p>Adds given value to the set of CSS classes generated in html code of parent component.</p>
+</td>
+</tr>
+<tr>
+<td>
+<p><a href="../-component/get-element.html">getElement</a></p>
+</td>
+<td>
+<code><span class="keyword">abstract</span> <span class="keyword">fun </span><span class="identifier">getElement</span><span class="symbol">(</span><span class="symbol">)</span><span class="symbol">: </span><a href="https://kotlinlang.org/api/latest/jvm/stdlib/org.w3c.dom/-node/index.html"><span class="identifier">Node</span></a><span class="symbol">?</span></code>
+<p>Returns DOM element bound to the current component.</p>
+</td>
+</tr>
+<tr>
+<td>
+<p><a href="../-component/get-element-j-query.html">getElementJQuery</a></p>
+</td>
+<td>
+<code><span class="keyword">abstract</span> <span class="keyword">fun </span><span class="identifier">getElementJQuery</span><span class="symbol">(</span><span class="symbol">)</span><span class="symbol">: </span><span class="identifier">JQuery</span><span class="symbol">?</span></code>
+<p>Returns JQuery element bound to the current component.</p>
+</td>
+</tr>
+<tr>
+<td>
+<p><a href="../-component/get-element-j-query-d.html">getElementJQueryD</a></p>
+</td>
+<td>
+<code><span class="keyword">abstract</span> <span class="keyword">fun </span><span class="identifier">getElementJQueryD</span><span class="symbol">(</span><span class="symbol">)</span><span class="symbol">: </span><span class="keyword">dynamic</span></code>
+<p>Returns JQuery element bound to the current component as a <em>dynamic</em> type.</p>
+</td>
+</tr>
+<tr>
+<td>
+<p><a href="../-component/remove-css-class.html">removeCssClass</a></p>
+</td>
+<td>
+<code><span class="keyword">abstract</span> <span class="keyword">fun </span><span class="identifier">removeCssClass</span><span class="symbol">(</span><span class="identifier" id="pl.treksoft.kvision.core.Component$removeCssClass(kotlin.String)/css">css</span><span class="symbol">:</span>&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-string/index.html"><span class="identifier">String</span></a><span class="symbol">)</span><span class="symbol">: </span><a href="../-component/index.html"><span class="identifier">Component</span></a></code>
+<p>Removes given value from the set of CSS classes generated in html code of current component.</p>
+</td>
+</tr>
+<tr>
+<td>
+<p><a href="../-component/remove-surrounding-css-class.html">removeSurroundingCssClass</a></p>
+</td>
+<td>
+<code><span class="keyword">abstract</span> <span class="keyword">fun </span><span class="identifier">removeSurroundingCssClass</span><span class="symbol">(</span><span class="identifier" id="pl.treksoft.kvision.core.Component$removeSurroundingCssClass(kotlin.String)/css">css</span><span class="symbol">:</span>&nbsp;<a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-string/index.html"><span class="identifier">String</span></a><span class="symbol">)</span><span class="symbol">: </span><a href="../-component/index.html"><span class="identifier">Component</span></a></code>
+<p>Removes given value from the set of CSS classes generated in html code of parent component.</p>
+</td>
+</tr>
+</tbody>
+</table>
+<h3>Inheritors</h3>
+<table>
+<tbody>
+<tr>
+<td>
+<p><a href="../-widget/index.html">Widget</a></p>
+</td>
+<td>
+<code><span class="keyword">open</span> <span class="keyword">class </span><span class="identifier">Widget</span>&nbsp;<span class="symbol">:</span>&nbsp;<a href="./index.html"><span class="identifier">StyledComponent</span></a></code>
+<p>Base widget class. The parent of all component classes.</p>
+</td>
+</tr>
+</tbody>
+</table>
+</BODY>
+</HTML>
diff --git a/api/pl.treksoft.kvision.core/-styled-component/left.html b/api/pl.treksoft.kvision.core/-styled-component/left.html
new file mode 100644
index 00000000..2deaa2f8
--- /dev/null
+++ b/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/api/pl.treksoft.kvision.core/-styled-component/margin-bottom.html b/api/pl.treksoft.kvision.core/-styled-component/margin-bottom.html
new file mode 100644
index 00000000..ba19712e
--- /dev/null
+++ b/api/pl.treksoft.kvision.core/-styled-component/margin-bottom.html
@@ -0,0 +1,21 @@
+<HTML>
+<HEAD>
+<meta charset="UTF-8">
+<title>StyledComponent.marginBottom - 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="./margin-bottom.html">marginBottom</a><br/>
+<br/>
+<h1>marginBottom</h1>
+<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/api/pl.treksoft.kvision.core/-styled-component/margin-left.html b/api/pl.treksoft.kvision.core/-styled-component/margin-left.html
new file mode 100644
index 00000000..9c943cf3
--- /dev/null
+++ b/api/pl.treksoft.kvision.core/-styled-component/margin-left.html
@@ -0,0 +1,21 @@
+<HTML>
+<HEAD>
+<meta charset="UTF-8">
+<title>StyledComponent.marginLeft - 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="./margin-left.html">marginLeft</a><br/>
+<br/>
+<h1>marginLeft</h1>
+<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/api/pl.treksoft.kvision.core/-styled-component/margin-right.html b/api/pl.treksoft.kvision.core/-styled-component/margin-right.html
new file mode 100644
index 00000000..72042478
--- /dev/null
+++ b/api/pl.treksoft.kvision.core/-styled-component/margin-right.html
@@ -0,0 +1,21 @@
+<HTML>
+<HEAD>
+<meta charset="UTF-8">
+<title>StyledComponent.marginRight - 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="./margin-right.html">marginRight</a><br/>
+<br/>
+<h1>marginRight</h1>
+<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/api/pl.treksoft.kvision.core/-styled-component/margin-top.html b/api/pl.treksoft.kvision.core/-styled-component/margin-top.html
new file mode 100644
index 00000000..6bc99621
--- /dev/null
+++ b/api/pl.treksoft.kvision.core/-styled-component/margin-top.html
@@ -0,0 +1,21 @@
+<HTML>
+<HEAD>
+<meta charset="UTF-8">
+<title>StyledComponent.marginTop - 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="./margin-top.html">marginTop</a><br/>
+<br/>
+<h1>marginTop</h1>
+<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/api/pl.treksoft.kvision.core/-styled-component/margin.html b/api/pl.treksoft.kvision.core/-styled-component/margin.html
new file mode 100644
index 00000000..a4b0cb2e
--- /dev/null
+++ b/api/pl.treksoft.kvision.core/-styled-component/margin.html
@@ -0,0 +1,21 @@
+<HTML>
+<HEAD>
+<meta charset="UTF-8">
+<title>StyledComponent.margin - 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="./margin.html">margin</a><br/>
+<br/>
+<h1>margin</h1>
+<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/api/pl.treksoft.kvision.core/-styled-component/max-height.html b/api/pl.treksoft.kvision.core/-styled-component/max-height.html
new file mode 100644
index 00000000..8a545e27
--- /dev/null
+++ b/api/pl.treksoft.kvision.core/-styled-component/max-height.html
@@ -0,0 +1,21 @@
+<HTML>
+<HEAD>
+<meta charset="UTF-8">
+<title>StyledComponent.maxHeight - 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="./max-height.html">maxHeight</a><br/>
+<br/>
+<h1>maxHeight</h1>
+<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/api/pl.treksoft.kvision.core/-styled-component/max-width.html b/api/pl.treksoft.kvision.core/-styled-component/max-width.html
new file mode 100644
index 00000000..3e9182f5
--- /dev/null
+++ b/api/pl.treksoft.kvision.core/-styled-component/max-width.html
@@ -0,0 +1,21 @@
+<HTML>
+<HEAD>
+<meta charset="UTF-8">
+<title>StyledComponent.maxWidth - 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="./max-width.html">maxWidth</a><br/>
+<br/>
+<h1>maxWidth</h1>
+<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/api/pl.treksoft.kvision.core/-styled-component/min-height.html b/api/pl.treksoft.kvision.core/-styled-component/min-height.html
new file mode 100644
index 00000000..35e94de6
--- /dev/null
+++ b/api/pl.treksoft.kvision.core/-styled-component/min-height.html
@@ -0,0 +1,21 @@
+<HTML>
+<HEAD>
+<meta charset="UTF-8">
+<title>StyledComponent.minHeight - 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="./min-height.html">minHeight</a><br/>
+<br/>
+<h1>minHeight</h1>
+<a name="pl.treksoft.kvision.core.StyledComponent$minHeight"></a>
+<code><span class="keyword">var </span><span class="identifier">minHeight</span><span class="symbol">: </span><a href="../-css-size.html"><span class="identifier">CssSize</span></a><span class="symbol">?</span></code>
+<p>Minimal height of the current component.</p>
+<p><strong>Getter</strong><br/>
+<p>Minimal height of the current component.</p>
+</p>
+<p><strong>Setter</strong><br/>
+<p>Minimal height of the current component.</p>
+</p>
+</BODY>
+</HTML>
diff --git a/api/pl.treksoft.kvision.core/-styled-component/min-width.html b/api/pl.treksoft.kvision.core/-styled-component/min-width.html
new file mode 100644
index 00000000..1c5d9d27
--- /dev/null
+++ b/api/pl.treksoft.kvision.core/-styled-component/min-width.html
@@ -0,0 +1,21 @@
+<HTML>
+<HEAD>
+<meta charset="UTF-8">
+<title>StyledComponent.minWidth - 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="./min-width.html">minWidth</a><br/>
+<br/>
+<h1>minWidth</h1>
+<a name="pl.treksoft.kvision.core.StyledComponent$minWidth"></a>
+<code><span class="keyword">var </span><span class="identifier">minWidth</span><span class="symbol">: </span><a href="../-css-size.html"><span class="identifier">CssSize</span></a><span class="symbol">?</span></code>
+<p>Minimal width of the current component.</p>
+<p><strong>Getter</strong><br/>
+<p>Minimal width of the current component.</p>
+</p>
+<p><strong>Setter</strong><br/>
+<p>Minimal width of the current component.</p>
+</p>
+</BODY>
+</HTML>
diff --git a/api/pl.treksoft.kvision.core/-styled-component/opacity.html b/api/pl.treksoft.kvision.core/-styled-component/opacity.html
new file mode 100644
index 00000000..c1c9fd06
--- /dev/null
+++ b/api/pl.treksoft.kvision.core/-styled-component/opacity.html
@@ -0,0 +1,21 @@
+<HTML>
+<HEAD>
+<meta charset="UTF-8">
+<title>StyledComponent.opacity - 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="./opacity.html">opacity</a><br/>
+<br/>
+<h1>opacity</h1>
+<a name="pl.treksoft.kvision.core.StyledComponent$opacity"></a>
+<code><span class="keyword">var </span><span class="identifier">opacity</span><span class="symbol">: </span><a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-double/index.html"><span class="identifier">Double</span></a><span class="symbol">?</span></code>
+<p>Opacity of the current component.</p>
+<p><strong>Getter</strong><br/>
+<p>Opacity of the current component.</p>
+</p>
+<p><strong>Setter</strong><br/>
+<p>Opacity of the current component.</p>
+</p>
+</BODY>
+</HTML>
diff --git a/api/pl.treksoft.kvision.core/-styled-component/overflow.html b/api/pl.treksoft.kvision.core/-styled-component/overflow.html
new file mode 100644
index 00000000..3fb217e5
--- /dev/null
+++ b/api/pl.treksoft.kvision.core/-styled-component/overflow.html
@@ -0,0 +1,21 @@
+<HTML>
+<HEAD>
+<meta charset="UTF-8">
+<title>StyledComponent.overflow - 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="./overflow.html">overflow</a><br/>
+<br/>
+<h1>overflow</h1>
+<a name="pl.treksoft.kvision.core.StyledComponent$overflow"></a>
+<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>
+<p><strong>Getter</strong><br/>
+<p>CSS overflow of the current component.</p>
+</p>
+<p><strong>Setter</strong><br/>
+<p>CSS overflow of the current component.</p>
+</p>
+</BODY>
+</HTML>
diff --git a/api/pl.treksoft.kvision.core/-styled-component/padding-bottom.html b/api/pl.treksoft.kvision.core/-styled-component/padding-bottom.html
new file mode 100644
index 00000000..ce6562a2
--- /dev/null
+++ b/api/pl.treksoft.kvision.core/-styled-component/padding-bottom.html
@@ -0,0 +1,21 @@
+<HTML>
+<HEAD>
+<meta charset="UTF-8">
+<title>StyledComponent.paddingBottom - 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="./padding-bottom.html">paddingBottom</a><br/>
+<br/>
+<h1>paddingBottom</h1>
+<a name="pl.treksoft.kvision.core.StyledComponent$paddingBottom"></a>
+<code><span class="keyword">var </span><span class="identifier">paddingBottom</span><span class="symbol">: </span><a href="../-css-size.html"><span class="identifier">CssSize</span></a><span class="symbol">?</span></code>
+<p>Bottom padding of the current component.</p>
+<p><strong>Getter</strong><br/>
+<p>Bottom padding of the current component.</p>
+</p>
+<p><strong>Setter</strong><br/>
+<p>Bottom padding of the current component.</p>
+</p>
+</BODY>
+</HTML>
diff --git a/api/pl.treksoft.kvision.core/-styled-component/padding-left.html b/api/pl.treksoft.kvision.core/-styled-component/padding-left.html
new file mode 100644
index 00000000..1bc850b2
--- /dev/null
+++ b/api/pl.treksoft.kvision.core/-styled-component/padding-left.html
@@ -0,0 +1,21 @@
+<HTML>
+<HEAD>
+<meta charset="UTF-8">
+<title>StyledComponent.paddingLeft - 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="./padding-left.html">paddingLeft</a><br/>
+<br/>
+<h1>paddingLeft</h1>
+<a name="pl.treksoft.kvision.core.StyledComponent$paddingLeft"></a>
+<code><span class="keyword">var </span><span class="identifier">paddingLeft</span><span class="symbol">: </span><a href="../-css-size.html"><span class="identifier">CssSize</span></a><span class="symbol">?</span></code>
+<p>Left padding of the current component.</p>
+<p><strong>Getter</strong><br/>
+<p>Left padding of the current component.</p>
+</p>
+<p><strong>Setter</strong><br/>
+<p>Left padding of the current component.</p>
+</p>
+</BODY>
+</HTML>
diff --git a/api/pl.treksoft.kvision.core/-styled-component/padding-right.html b/api/pl.treksoft.kvision.core/-styled-component/padding-right.html
new file mode 100644
index 00000000..c41f2515
--- /dev/null
+++ b/api/pl.treksoft.kvision.core/-styled-component/padding-right.html
@@ -0,0 +1,21 @@
+<HTML>
+<HEAD>
+<meta charset="UTF-8">
+<title>StyledComponent.paddingRight - 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="./padding-right.html">paddingRight</a><br/>
+<br/>
+<h1>paddingRight</h1>
+<a name="pl.treksoft.kvision.core.StyledComponent$paddingRight"></a>
+<code><span class="keyword">var </span><span class="identifier">paddingRight</span><span class="symbol">: </span><a href="../-css-size.html"><span class="identifier">CssSize</span></a><span class="symbol">?</span></code>
+<p>Right padding of the current component.</p>
+<p><strong>Getter</strong><br/>
+<p>Right padding of the current component.</p>
+</p>
+<p><strong>Setter</strong><br/>
+<p>Right padding of the current component.</p>
+</p>
+</BODY>
+</HTML>
diff --git a/api/pl.treksoft.kvision.core/-styled-component/padding-top.html b/api/pl.treksoft.kvision.core/-styled-component/padding-top.html
new file mode 100644
index 00000000..865bfa0b
--- /dev/null
+++ b/api/pl.treksoft.kvision.core/-styled-component/padding-top.html
@@ -0,0 +1,21 @@
+<HTML>
+<HEAD>
+<meta charset="UTF-8">
+<title>StyledComponent.paddingTop - 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="./padding-top.html">paddingTop</a><br/>
+<br/>
+<h1>paddingTop</h1>
+<a name="pl.treksoft.kvision.core.StyledComponent$paddingTop"></a>
+<code><span class="keyword">var </span><span class="identifier">paddingTop</span><span class="symbol">: </span><a href="../-css-size.html"><span class="identifier">CssSize</span></a><span class="symbol">?</span></code>
+<p>Top padding of the current component.</p>
+<p><strong>Getter</strong><br/>
+<p>Top padding of the current component.</p>
+</p>
+<p><strong>Setter</strong><br/>
+<p>Top padding of the current component.</p>
+</p>
+</BODY>
+</HTML>
diff --git a/api/pl.treksoft.kvision.core/-styled-component/padding.html b/api/pl.treksoft.kvision.core/-styled-component/padding.html
new file mode 100644
index 00000000..2be1ef30
--- /dev/null
+++ b/api/pl.treksoft.kvision.core/-styled-component/padding.html
@@ -0,0 +1,21 @@
+<HTML>
+<HEAD>
+<meta charset="UTF-8">
+<title>StyledComponent.padding - 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="./padding.html">padding</a><br/>
+<br/>
+<h1>padding</h1>
+<a name="pl.treksoft.kvision.core.StyledComponent$padding"></a>
+<code><span class="keyword">var </span><span class="identifier">padding</span><span class="symbol">: </span><a href="../-css-size.html"><span class="identifier">CssSize</span></a><span class="symbol">?</span></code>
+<p>Padding of the current component.</p>
+<p><strong>Getter</strong><br/>
+<p>Padding of the current component.</p>
+</p>
+<p><strong>Setter</strong><br/>
+<p>Padding of the current component.</p>
+</p>
+</BODY>
+</HTML>
diff --git a/api/pl.treksoft.kvision.core/-styled-component/position.html b/api/pl.treksoft.kvision.core/-styled-component/position.html
new file mode 100644
index 00000000..e067448d
--- /dev/null
+++ b/api/pl.treksoft.kvision.core/-styled-component/position.html
@@ -0,0 +1,21 @@
+<HTML>
+<HEAD>
+<meta charset="UTF-8">
+<title>StyledComponent.position - 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="./position.html">position</a><br/>
+<br/>
+<h1>position</h1>
+<a name="pl.treksoft.kvision.core.StyledComponent$position"></a>
+<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>
+<p><strong>Getter</strong><br/>
+<p>CSS position of the current component.</p>
+</p>
+<p><strong>Setter</strong><br/>
+<p>CSS position of the current component.</p>
+</p>
+</BODY>
+</HTML>
diff --git a/api/pl.treksoft.kvision.core/-styled-component/resize.html b/api/pl.treksoft.kvision.core/-styled-component/resize.html
new file mode 100644
index 00000000..b7892a1c
--- /dev/null
+++ b/api/pl.treksoft.kvision.core/-styled-component/resize.html
@@ -0,0 +1,21 @@
+<HTML>
+<HEAD>
+<meta charset="UTF-8">
+<title>StyledComponent.resize - 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="./resize.html">resize</a><br/>
+<br/>
+<h1>resize</h1>
+<a name="pl.treksoft.kvision.core.StyledComponent$resize"></a>
+<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>
+<p><strong>Getter</strong><br/>
+<p>CSS resize of the current component.</p>
+</p>
+<p><strong>Setter</strong><br/>
+<p>CSS resize of the current component.</p>
+</p>
+</BODY>
+</HTML>
diff --git a/api/pl.treksoft.kvision.core/-styled-component/right.html b/api/pl.treksoft.kvision.core/-styled-component/right.html
new file mode 100644
index 00000000..2c986a02
--- /dev/null
+++ b/api/pl.treksoft.kvision.core/-styled-component/right.html
@@ -0,0 +1,21 @@
+<HTML>
+<HEAD>
+<meta charset="UTF-8">
+<title>StyledComponent.right - 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="./right.html">right</a><br/>
+<br/>
+<h1>right</h1>
+<a name="pl.treksoft.kvision.core.StyledComponent$right"></a>
+<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>
+<p><strong>Getter</strong><br/>
+<p>Right edge of the current component.</p>
+</p>
+<p><strong>Setter</strong><br/>
+<p>Right edge of the current component.</p>
+</p>
+</BODY>
+</HTML>
diff --git a/api/pl.treksoft.kvision.core/-styled-component/top.html b/api/pl.treksoft.kvision.core/-styled-component/top.html
new file mode 100644
index 00000000..a414843e
--- /dev/null
+++ b/api/pl.treksoft.kvision.core/-styled-component/top.html
@@ -0,0 +1,21 @@
+<HTML>
+<HEAD>
+<meta charset="UTF-8">
+<title>StyledComponent.top - 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="./top.html">top</a><br/>
+<br/>
+<h1>top</h1>
+<a name="pl.treksoft.kvision.core.StyledComponent$top"></a>
+<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>
+<p><strong>Getter</strong><br/>
+<p>Top edge of the current component.</p>
+</p>
+<p><strong>Setter</strong><br/>
+<p>Top edge of the current component.</p>
+</p>
+</BODY>
+</HTML>
diff --git a/api/pl.treksoft.kvision.core/-styled-component/width.html b/api/pl.treksoft.kvision.core/-styled-component/width.html
new file mode 100644
index 00000000..84a153bb
--- /dev/null
+++ b/api/pl.treksoft.kvision.core/-styled-component/width.html
@@ -0,0 +1,21 @@
+<HTML>
+<HEAD>
+<meta charset="UTF-8">
+<title>StyledComponent.width - 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="./width.html">width</a><br/>
+<br/>
+<h1>width</h1>
+<a name="pl.treksoft.kvision.core.StyledComponent$width"></a>
+<code><span class="keyword">open</span> <span class="keyword">var </span><span class="identifier">width</span><span class="symbol">: </span><a href="../-css-size.html"><span class="identifier">CssSize</span></a><span class="symbol">?</span></code>
+<p>Width of the current component.</p>
+<p><strong>Getter</strong><br/>
+<p>Width of the current component.</p>
+</p>
+<p><strong>Setter</strong><br/>
+<p>Width of the current component.</p>
+</p>
+</BODY>
+</HTML>
diff --git a/api/pl.treksoft.kvision.core/-styled-component/z-index.html b/api/pl.treksoft.kvision.core/-styled-component/z-index.html
new file mode 100644
index 00000000..d775804c
--- /dev/null
+++ b/api/pl.treksoft.kvision.core/-styled-component/z-index.html
@@ -0,0 +1,21 @@
+<HTML>
+<HEAD>
+<meta charset="UTF-8">
+<title>StyledComponent.zIndex - 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="./z-index.html">zIndex</a><br/>
+<br/>
+<h1>zIndex</h1>
+<a name="pl.treksoft.kvision.core.StyledComponent$zIndex"></a>
+<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>
+<p><strong>Getter</strong><br/>
+<p>Z-index of the current component.</p>
+</p>
+<p><strong>Setter</strong><br/>
+<p>Z-index of the current component.</p>
+</p>
+</BODY>
+</HTML>