aboutsummaryrefslogtreecommitdiff
path: root/docs/api/pl.treksoft.kvision.core/-styled-component
diff options
context:
space:
mode:
Diffstat (limited to 'docs/api/pl.treksoft.kvision.core/-styled-component')
-rw-r--r--docs/api/pl.treksoft.kvision.core/-styled-component/-init-.html15
-rw-r--r--docs/api/pl.treksoft.kvision.core/-styled-component/background.html15
-rw-r--r--docs/api/pl.treksoft.kvision.core/-styled-component/border-bottom.html15
-rw-r--r--docs/api/pl.treksoft.kvision.core/-styled-component/border-left.html15
-rw-r--r--docs/api/pl.treksoft.kvision.core/-styled-component/border-right.html15
-rw-r--r--docs/api/pl.treksoft.kvision.core/-styled-component/border-top.html15
-rw-r--r--docs/api/pl.treksoft.kvision.core/-styled-component/border.html15
-rw-r--r--docs/api/pl.treksoft.kvision.core/-styled-component/color-hex.html18
-rw-r--r--docs/api/pl.treksoft.kvision.core/-styled-component/color-name.html18
-rw-r--r--docs/api/pl.treksoft.kvision.core/-styled-component/color.html15
-rw-r--r--docs/api/pl.treksoft.kvision.core/-styled-component/get-sn-style.html17
-rw-r--r--docs/api/pl.treksoft.kvision.core/-styled-component/height.html15
-rw-r--r--docs/api/pl.treksoft.kvision.core/-styled-component/index.html386
-rw-r--r--docs/api/pl.treksoft.kvision.core/-styled-component/margin-bottom.html15
-rw-r--r--docs/api/pl.treksoft.kvision.core/-styled-component/margin-left.html15
-rw-r--r--docs/api/pl.treksoft.kvision.core/-styled-component/margin-right.html15
-rw-r--r--docs/api/pl.treksoft.kvision.core/-styled-component/margin-top.html15
-rw-r--r--docs/api/pl.treksoft.kvision.core/-styled-component/margin.html15
-rw-r--r--docs/api/pl.treksoft.kvision.core/-styled-component/max-height.html15
-rw-r--r--docs/api/pl.treksoft.kvision.core/-styled-component/max-width.html15
-rw-r--r--docs/api/pl.treksoft.kvision.core/-styled-component/min-height.html15
-rw-r--r--docs/api/pl.treksoft.kvision.core/-styled-component/min-width.html15
-rw-r--r--docs/api/pl.treksoft.kvision.core/-styled-component/opacity.html15
-rw-r--r--docs/api/pl.treksoft.kvision.core/-styled-component/padding-bottom.html15
-rw-r--r--docs/api/pl.treksoft.kvision.core/-styled-component/padding-left.html15
-rw-r--r--docs/api/pl.treksoft.kvision.core/-styled-component/padding-right.html15
-rw-r--r--docs/api/pl.treksoft.kvision.core/-styled-component/padding-top.html15
-rw-r--r--docs/api/pl.treksoft.kvision.core/-styled-component/padding.html15
-rw-r--r--docs/api/pl.treksoft.kvision.core/-styled-component/width.html15
29 files changed, 814 insertions, 0 deletions
diff --git a/docs/api/pl.treksoft.kvision.core/-styled-component/-init-.html b/docs/api/pl.treksoft.kvision.core/-styled-component/-init-.html
new file mode 100644
index 00000000..a06c76a7
--- /dev/null
+++ b/docs/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/docs/api/pl.treksoft.kvision.core/-styled-component/background.html b/docs/api/pl.treksoft.kvision.core/-styled-component/background.html
new file mode 100644
index 00000000..e6b1e227
--- /dev/null
+++ b/docs/api/pl.treksoft.kvision.core/-styled-component/background.html
@@ -0,0 +1,15 @@
+<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>
+</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
new file mode 100644
index 00000000..96f2745b
--- /dev/null
+++ b/docs/api/pl.treksoft.kvision.core/-styled-component/border-bottom.html
@@ -0,0 +1,15 @@
+<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>
+</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
new file mode 100644
index 00000000..275612f7
--- /dev/null
+++ b/docs/api/pl.treksoft.kvision.core/-styled-component/border-left.html
@@ -0,0 +1,15 @@
+<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>
+</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
new file mode 100644
index 00000000..653462d1
--- /dev/null
+++ b/docs/api/pl.treksoft.kvision.core/-styled-component/border-right.html
@@ -0,0 +1,15 @@
+<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>
+</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
new file mode 100644
index 00000000..89190992
--- /dev/null
+++ b/docs/api/pl.treksoft.kvision.core/-styled-component/border-top.html
@@ -0,0 +1,15 @@
+<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>
+</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
new file mode 100644
index 00000000..670c5c28
--- /dev/null
+++ b/docs/api/pl.treksoft.kvision.core/-styled-component/border.html
@@ -0,0 +1,15 @@
+<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>
+</BODY>
+</HTML>
diff --git a/docs/api/pl.treksoft.kvision.core/-styled-component/color-hex.html b/docs/api/pl.treksoft.kvision.core/-styled-component/color-hex.html
new file mode 100644
index 00000000..3e22c1da
--- /dev/null
+++ b/docs/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/docs/api/pl.treksoft.kvision.core/-styled-component/color-name.html b/docs/api/pl.treksoft.kvision.core/-styled-component/color-name.html
new file mode 100644
index 00000000..800d464f
--- /dev/null
+++ b/docs/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="../-c-o-l-o-r/index.html"><span class="identifier">COLOR</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>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
new file mode 100644
index 00000000..052af108
--- /dev/null
+++ b/docs/api/pl.treksoft.kvision.core/-styled-component/color.html
@@ -0,0 +1,15 @@
+<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>
+</BODY>
+</HTML>
diff --git a/docs/api/pl.treksoft.kvision.core/-styled-component/get-sn-style.html b/docs/api/pl.treksoft.kvision.core/-styled-component/get-sn-style.html
new file mode 100644
index 00000000..049da26e
--- /dev/null
+++ b/docs/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/docs/api/pl.treksoft.kvision.core/-styled-component/height.html b/docs/api/pl.treksoft.kvision.core/-styled-component/height.html
new file mode 100644
index 00000000..7330f90d
--- /dev/null
+++ b/docs/api/pl.treksoft.kvision.core/-styled-component/height.html
@@ -0,0 +1,15 @@
+<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>
+</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
new file mode 100644
index 00000000..4c6cc6bc
--- /dev/null
+++ b/docs/api/pl.treksoft.kvision.core/-styled-component/index.html
@@ -0,0 +1,386 @@
+<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="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="../-c-o-l-o-r/index.html"><span class="identifier">COLOR</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="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="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="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>
+</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/docs/api/pl.treksoft.kvision.core/-styled-component/margin-bottom.html b/docs/api/pl.treksoft.kvision.core/-styled-component/margin-bottom.html
new file mode 100644
index 00000000..d164cca3
--- /dev/null
+++ b/docs/api/pl.treksoft.kvision.core/-styled-component/margin-bottom.html
@@ -0,0 +1,15 @@
+<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>
+</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
new file mode 100644
index 00000000..e9e059ae
--- /dev/null
+++ b/docs/api/pl.treksoft.kvision.core/-styled-component/margin-left.html
@@ -0,0 +1,15 @@
+<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>
+</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
new file mode 100644
index 00000000..aef0b027
--- /dev/null
+++ b/docs/api/pl.treksoft.kvision.core/-styled-component/margin-right.html
@@ -0,0 +1,15 @@
+<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>
+</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
new file mode 100644
index 00000000..4cef60fd
--- /dev/null
+++ b/docs/api/pl.treksoft.kvision.core/-styled-component/margin-top.html
@@ -0,0 +1,15 @@
+<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>
+</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
new file mode 100644
index 00000000..82b71007
--- /dev/null
+++ b/docs/api/pl.treksoft.kvision.core/-styled-component/margin.html
@@ -0,0 +1,15 @@
+<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>
+</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
new file mode 100644
index 00000000..ed270439
--- /dev/null
+++ b/docs/api/pl.treksoft.kvision.core/-styled-component/max-height.html
@@ -0,0 +1,15 @@
+<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>
+</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
new file mode 100644
index 00000000..903b4d2f
--- /dev/null
+++ b/docs/api/pl.treksoft.kvision.core/-styled-component/max-width.html
@@ -0,0 +1,15 @@
+<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>
+</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
new file mode 100644
index 00000000..ea726071
--- /dev/null
+++ b/docs/api/pl.treksoft.kvision.core/-styled-component/min-height.html
@@ -0,0 +1,15 @@
+<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>
+</BODY>
+</HTML>
diff --git a/docs/api/pl.treksoft.kvision.core/-styled-component/min-width.html b/docs/api/pl.treksoft.kvision.core/-styled-component/min-width.html
new file mode 100644
index 00000000..0a5266ce
--- /dev/null
+++ b/docs/api/pl.treksoft.kvision.core/-styled-component/min-width.html
@@ -0,0 +1,15 @@
+<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>
+</BODY>
+</HTML>
diff --git a/docs/api/pl.treksoft.kvision.core/-styled-component/opacity.html b/docs/api/pl.treksoft.kvision.core/-styled-component/opacity.html
new file mode 100644
index 00000000..10ac03fd
--- /dev/null
+++ b/docs/api/pl.treksoft.kvision.core/-styled-component/opacity.html
@@ -0,0 +1,15 @@
+<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>
+</BODY>
+</HTML>
diff --git a/docs/api/pl.treksoft.kvision.core/-styled-component/padding-bottom.html b/docs/api/pl.treksoft.kvision.core/-styled-component/padding-bottom.html
new file mode 100644
index 00000000..20f0b25b
--- /dev/null
+++ b/docs/api/pl.treksoft.kvision.core/-styled-component/padding-bottom.html
@@ -0,0 +1,15 @@
+<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>
+</BODY>
+</HTML>
diff --git a/docs/api/pl.treksoft.kvision.core/-styled-component/padding-left.html b/docs/api/pl.treksoft.kvision.core/-styled-component/padding-left.html
new file mode 100644
index 00000000..d2099e5d
--- /dev/null
+++ b/docs/api/pl.treksoft.kvision.core/-styled-component/padding-left.html
@@ -0,0 +1,15 @@
+<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>
+</BODY>
+</HTML>
diff --git a/docs/api/pl.treksoft.kvision.core/-styled-component/padding-right.html b/docs/api/pl.treksoft.kvision.core/-styled-component/padding-right.html
new file mode 100644
index 00000000..b5a38725
--- /dev/null
+++ b/docs/api/pl.treksoft.kvision.core/-styled-component/padding-right.html
@@ -0,0 +1,15 @@
+<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>
+</BODY>
+</HTML>
diff --git a/docs/api/pl.treksoft.kvision.core/-styled-component/padding-top.html b/docs/api/pl.treksoft.kvision.core/-styled-component/padding-top.html
new file mode 100644
index 00000000..a2287a2a
--- /dev/null
+++ b/docs/api/pl.treksoft.kvision.core/-styled-component/padding-top.html
@@ -0,0 +1,15 @@
+<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>
+</BODY>
+</HTML>
diff --git a/docs/api/pl.treksoft.kvision.core/-styled-component/padding.html b/docs/api/pl.treksoft.kvision.core/-styled-component/padding.html
new file mode 100644
index 00000000..8f1c71ad
--- /dev/null
+++ b/docs/api/pl.treksoft.kvision.core/-styled-component/padding.html
@@ -0,0 +1,15 @@
+<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>
+</BODY>
+</HTML>
diff --git a/docs/api/pl.treksoft.kvision.core/-styled-component/width.html b/docs/api/pl.treksoft.kvision.core/-styled-component/width.html
new file mode 100644
index 00000000..81fcf0b7
--- /dev/null
+++ b/docs/api/pl.treksoft.kvision.core/-styled-component/width.html
@@ -0,0 +1,15 @@
+<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>
+</BODY>
+</HTML>