1 files changed, 213 insertions, 33 deletions
diff --git a/api/pl.treksoft.kvision.core/-widget/index.html b/api/pl.treksoft.kvision.core/-widget/index.html
index ad1492c4..c5a5ebca 100644
--- a/api/pl.treksoft.kvision.core/-widget/index.html
+++ b/api/pl.treksoft.kvision.core/-widget/index.html
@@ -92,7 +92,7 @@
 <p><a href="../-styled-component/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>
+<code><span class="keyword">open</span> <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>
@@ -101,7 +101,7 @@
 <p><a href="../-styled-component/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>
+<code><span class="keyword">open</span> <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>
@@ -110,7 +110,7 @@
 <p><a href="../-styled-component/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>
+<code><span class="keyword">open</span> <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>
@@ -119,7 +119,7 @@
 <p><a href="../-styled-component/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>
+<code><span class="keyword">open</span> <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>
@@ -128,7 +128,7 @@
 <p><a href="../-styled-component/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>
+<code><span class="keyword">open</span> <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>
@@ -137,7 +137,7 @@
 <p><a href="../-styled-component/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>
+<code><span class="keyword">open</span> <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>
@@ -146,16 +146,25 @@
 <p><a href="../-styled-component/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>
+<code><span class="keyword">open</span> <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="../-styled-component/clear.html">clear</a></p>
+</td>
+<td>
+<code><span class="keyword">open</span> <span class="keyword">var </span><span class="identifier">clear</span><span class="symbol">: </span><a href="../-clear/index.html"><span class="identifier">Clear</span></a><span class="symbol">?</span></code>
+<p>CSS clear float of the current component.</p>
+</td>
+</tr>
+<tr>
+<td>
 <p><a href="../-styled-component/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>
+<code><span class="keyword">open</span> <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>
@@ -164,7 +173,7 @@
 <p><a href="../-styled-component/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>
+<code><span class="keyword">open</span> <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>
@@ -173,16 +182,70 @@
 <p><a href="../-styled-component/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>
+<code><span class="keyword">open</span> <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="../-styled-component/float.html">float</a></p>
+</td>
+<td>
+<code><span class="keyword">open</span> <span class="keyword">var </span><span class="identifier">float</span><span class="symbol">: </span><a href="../-pos-float/index.html"><span class="identifier">PosFloat</span></a><span class="symbol">?</span></code>
+<p>CSS position float of the current component.</p>
+</td>
+</tr>
+<tr>
+<td>
+<p><a href="../-styled-component/font-family.html">fontFamily</a></p>
+</td>
+<td>
+<code><span class="keyword">open</span> <span class="keyword">var </span><span class="identifier">fontFamily</span><span class="symbol">: </span><a href="https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-string/index.html"><span class="identifier">String</span></a><span class="symbol">?</span></code>
+<p>CSS font family of the current component.</p>
+</td>
+</tr>
+<tr>
+<td>
+<p><a href="../-styled-component/font-size.html">fontSize</a></p>
+</td>
+<td>
+<code><span class="keyword">open</span> <span class="keyword">var </span><span class="identifier">fontSize</span><span class="symbol">: </span><a href="../-css-size.html"><span class="identifier">CssSize</span></a><span class="symbol">?</span></code>
+<p>CSS font size of the current component.</p>
+</td>
+</tr>
+<tr>
+<td>
+<p><a href="../-styled-component/font-style.html">fontStyle</a></p>
+</td>
+<td>
+<code><span class="keyword">open</span> <span class="keyword">var </span><span class="identifier">fontStyle</span><span class="symbol">: </span><a href="../-font-style/index.html"><span class="identifier">FontStyle</span></a><span class="symbol">?</span></code>
+<p>CSS font style of the current component.</p>
+</td>
+</tr>
+<tr>
+<td>
+<p><a href="../-styled-component/font-variant.html">fontVariant</a></p>
+</td>
+<td>
+<code><span class="keyword">open</span> <span class="keyword">var </span><span class="identifier">fontVariant</span><span class="symbol">: </span><a href="../-font-variant/index.html"><span class="identifier">FontVariant</span></a><span class="symbol">?</span></code>
+<p>CSS font variant of the current component.</p>
+</td>
+</tr>
+<tr>
+<td>
+<p><a href="../-styled-component/font-weight.html">fontWeight</a></p>
+</td>
+<td>
+<code><span class="keyword">open</span> <span class="keyword">var </span><span class="identifier">fontWeight</span><span class="symbol">: </span><a href="../-font-weight/index.html"><span class="identifier">FontWeight</span></a><span class="symbol">?</span></code>
+<p>CSS font weight of the current component.</p>
+</td>
+</tr>
+<tr>
+<td>
 <p><a href="../-styled-component/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>
+<code><span class="keyword">open</span> <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>
@@ -191,16 +254,34 @@
 <p><a href="../-styled-component/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>
+<code><span class="keyword">open</span> <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="../-styled-component/letter-spacing.html">letterSpacing</a></p>
+</td>
+<td>
+<code><span class="keyword">open</span> <span class="keyword">var </span><span class="identifier">letterSpacing</span><span class="symbol">: </span><a href="../-css-size.html"><span class="identifier">CssSize</span></a><span class="symbol">?</span></code>
+<p>CSS Text letter spacing of the current component.</p>
+</td>
+</tr>
+<tr>
+<td>
+<p><a href="../-styled-component/line-height.html">lineHeight</a></p>
+</td>
+<td>
+<code><span class="keyword">open</span> <span class="keyword">var </span><span class="identifier">lineHeight</span><span class="symbol">: </span><a href="../-css-size.html"><span class="identifier">CssSize</span></a><span class="symbol">?</span></code>
+<p>CSS Text line height of the current component.</p>
+</td>
+</tr>
+<tr>
+<td>
 <p><a href="../-styled-component/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>
+<code><span class="keyword">open</span> <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>
@@ -209,7 +290,7 @@
 <p><a href="../-styled-component/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>
+<code><span class="keyword">open</span> <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>
@@ -218,7 +299,7 @@
 <p><a href="../-styled-component/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>
+<code><span class="keyword">open</span> <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>
@@ -227,7 +308,7 @@
 <p><a href="../-styled-component/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>
+<code><span class="keyword">open</span> <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>
@@ -236,7 +317,7 @@
 <p><a href="../-styled-component/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>
+<code><span class="keyword">open</span> <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>
@@ -245,7 +326,7 @@
 <p><a href="../-styled-component/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>
+<code><span class="keyword">open</span> <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>
@@ -254,7 +335,7 @@
 <p><a href="../-styled-component/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>
+<code><span class="keyword">open</span> <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>
@@ -263,7 +344,7 @@
 <p><a href="../-styled-component/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>
+<code><span class="keyword">open</span> <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>
@@ -272,7 +353,7 @@
 <p><a href="../-styled-component/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>
+<code><span class="keyword">open</span> <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>
@@ -281,7 +362,7 @@
 <p><a href="../-styled-component/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>
+<code><span class="keyword">open</span> <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>
@@ -290,7 +371,7 @@
 <p><a href="../-styled-component/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>
+<code><span class="keyword">open</span> <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>
@@ -299,7 +380,7 @@
 <p><a href="../-styled-component/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>
+<code><span class="keyword">open</span> <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>
@@ -308,7 +389,7 @@
 <p><a href="../-styled-component/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>
+<code><span class="keyword">open</span> <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>
@@ -317,7 +398,7 @@
 <p><a href="../-styled-component/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>
+<code><span class="keyword">open</span> <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>
@@ -326,7 +407,7 @@
 <p><a href="../-styled-component/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>
+<code><span class="keyword">open</span> <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>
@@ -335,7 +416,7 @@
 <p><a href="../-styled-component/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>
+<code><span class="keyword">open</span> <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>
@@ -344,7 +425,7 @@
 <p><a href="../-styled-component/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>
+<code><span class="keyword">open</span> <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>
@@ -353,7 +434,7 @@
 <p><a href="../-styled-component/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>
+<code><span class="keyword">open</span> <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>
@@ -362,21 +443,111 @@
 <p><a href="../-styled-component/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>
+<code><span class="keyword">open</span> <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="../-styled-component/text-align.html">textAlign</a></p>
+</td>
+<td>
+<code><span class="keyword">open</span> <span class="keyword">var </span><span class="identifier">textAlign</span><span class="symbol">: </span><a href="../-text-align/index.html"><span class="identifier">TextAlign</span></a><span class="symbol">?</span></code>
+<p>CSS Text align of the current component.</p>
+</td>
+</tr>
+<tr>
+<td>
+<p><a href="../-styled-component/text-decoration.html">textDecoration</a></p>
+</td>
+<td>
+<code><span class="keyword">open</span> <span class="keyword">var </span><span class="identifier">textDecoration</span><span class="symbol">: </span><a href="../-text-decoration/index.html"><span class="identifier">TextDecoration</span></a><span class="symbol">?</span></code>
+<p>CSS Text decoration of the current component.</p>
+</td>
+</tr>
+<tr>
+<td>
+<p><a href="../-styled-component/text-direction.html">textDirection</a></p>
+</td>
+<td>
+<code><span class="keyword">open</span> <span class="keyword">var </span><span class="identifier">textDirection</span><span class="symbol">: </span><a href="../-direction/index.html"><span class="identifier">Direction</span></a><span class="symbol">?</span></code>
+<p>CSS Text direction of the current component.</p>
+</td>
+</tr>
+<tr>
+<td>
+<p><a href="../-styled-component/text-indent.html">textIndent</a></p>
+</td>
+<td>
+<code><span class="keyword">open</span> <span class="keyword">var </span><span class="identifier">textIndent</span><span class="symbol">: </span><a href="../-css-size.html"><span class="identifier">CssSize</span></a><span class="symbol">?</span></code>
+<p>CSS Text indent of the current component.</p>
+</td>
+</tr>
+<tr>
+<td>
+<p><a href="../-styled-component/text-overflow.html">textOverflow</a></p>
+</td>
+<td>
+<code><span class="keyword">open</span> <span class="keyword">var </span><span class="identifier">textOverflow</span><span class="symbol">: </span><a href="../-text-overflow/index.html"><span class="identifier">TextOverflow</span></a><span class="symbol">?</span></code>
+<p>CSS Text overflow of the current component.</p>
+</td>
+</tr>
+<tr>
+<td>
+<p><a href="../-styled-component/text-shadow.html">textShadow</a></p>
+</td>
+<td>
+<code><span class="keyword">open</span> <span class="keyword">var </span><span class="identifier">textShadow</span><span class="symbol">: </span><a href="../-text-shadow/index.html"><span class="identifier">TextShadow</span></a><span class="symbol">?</span></code>
+<p>CSS Text shadow of the current component.</p>
+</td>
+</tr>
+<tr>
+<td>
+<p><a href="../-styled-component/text-transform.html">textTransform</a></p>
+</td>
+<td>
+<code><span class="keyword">open</span> <span class="keyword">var </span><span class="identifier">textTransform</span><span class="symbol">: </span><a href="../-text-transform/index.html"><span class="identifier">TextTransform</span></a><span class="symbol">?</span></code>
+<p>CSS Text transform of the current component.</p>
+</td>
+</tr>
+<tr>
+<td>
 <p><a href="../-styled-component/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>
+<code><span class="keyword">open</span> <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="../-styled-component/unicode-bidi.html">unicodeBidi</a></p>
+</td>
+<td>
+<code><span class="keyword">open</span> <span class="keyword">var </span><span class="identifier">unicodeBidi</span><span class="symbol">: </span><a href="../-unicode-bidi/index.html"><span class="identifier">UnicodeBidi</span></a><span class="symbol">?</span></code>
+<p>CSS Text unicode-bidi of the current component.</p>
+</td>
+</tr>
+<tr>
+<td>
+<p><a href="../-styled-component/vertical-align.html">verticalAlign</a></p>
+</td>
+<td>
+<code><span class="keyword">open</span> <span class="keyword">var </span><span class="identifier">verticalAlign</span><span class="symbol">: </span><a href="../-vertical-align/index.html"><span class="identifier">VerticalAlign</span></a><span class="symbol">?</span></code>
+<p>CSS Text vertical align of the current component.</p>
+</td>
+</tr>
+<tr>
+<td>
+<p><a href="../-styled-component/white-space.html">whiteSpace</a></p>
+</td>
+<td>
+<code><span class="keyword">open</span> <span class="keyword">var </span><span class="identifier">whiteSpace</span><span class="symbol">: </span><a href="../-white-space/index.html"><span class="identifier">WhiteSpace</span></a><span class="symbol">?</span></code>
+<p>CSS Text white space of the current component.</p>
+</td>
+</tr>
+<tr>
+<td>
 <p><a href="../-styled-component/width.html">width</a></p>
 </td>
 <td>
@@ -386,10 +557,19 @@
 </tr>
 <tr>
 <td>
+<p><a href="../-styled-component/word-spacing.html">wordSpacing</a></p>
+</td>
+<td>
+<code><span class="keyword">open</span> <span class="keyword">var </span><span class="identifier">wordSpacing</span><span class="symbol">: </span><a href="../-css-size.html"><span class="identifier">CssSize</span></a><span class="symbol">?</span></code>
+<p>CSS Text word spacing of the current component.</p>
+</td>
+</tr>
+<tr>
+<td>
 <p><a href="../-styled-component/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>
+<code><span class="keyword">open</span> <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>