Merge pull request #35 from Winner95/master

Add support for line-height

Author: Raathigesh

src/ui/knobs/text/index.tsx

@@ -23,6 +23,7 @@ interface Props {
 
 const Properties = {
   FontSize: "font-size",
+  LineHeight: "line-height",
   FontWeight: "font-weight",
   FontColor: "color",
   FontFamily: "font-family",
@@ -47,6 +48,17 @@ export default function TextStyles({
           onChange={value => updateProp(Properties.FontSize, value)}
         />
       </RowPropertyPanel>
+      <RowPropertyPanel
+        label="Line height"
+        onClear={() => {
+          removeProp(Properties.LineHeight);
+        }}
+      >
+        <TextBox
+          value={declarations[Properties.LineHeight] || ""}
+          onChange={value => updateProp(Properties.LineHeight, value)}
+        />
+      </RowPropertyPanel>
       <RowPropertyPanel label="Font weight">
         <SingleSelect
           value={declarations[Properties.FontWeight] || ""}

src/ui/types.ts

@@ -6,7 +6,8 @@ import {
   BorderColorProps,
   BordersProps,
   BackgroundColorProps,
-  FontSizeProps
+  FontSizeProps,
+  LineHeightProps
 } from "styled-system";
 
 export type StyleProps = FlexDirectionProps &
@@ -16,4 +17,5 @@ export type StyleProps = FlexDirectionProps &
   BorderColorProps &
   BordersProps &
   BackgroundColorProps &
-  FontSizeProps;
+  FontSizeProps &
+  LineHeightProps;