6 files changed, 12 insertions, 5 deletions

diff --git a/packages/forms/package.json b/packages/forms/package.json
index 8c21303f4..0ac9a846f 100644
--- a/packages/forms/package.json
+++ b/packages/forms/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@meetfranz/forms",
-  "version": "1.0.14",
+  "version": "1.0.15",
   "description": "React form components for Franz",
   "main": "lib/index.js",
   "scripts": {
@@ -25,7 +25,7 @@
   "dependencies": {
     "@mdi/js": "^3.3.92",
     "@mdi/react": "^1.1.0",
-    "@meetfranz/theme": "^1.0.12",
+    "@meetfranz/theme": "^1.0.13",
     "react-html-attributes": "^1.4.3",
     "react-loader": "^2.4.5"
   },
@@ -35,5 +35,5 @@
     "react-dom": "16.7.0",
     "react-jss": "^8.6.1"
   },
-  "gitHead": "795eb685f4f57c66a2989993f0478e94baf3ca77"
+  "gitHead": "e9b9079dc921e85961954727a7b2a8eabe5b9798"
 }
diff --git a/packages/forms/src/input/index.tsx b/packages/forms/src/input/index.tsx
index e410f8fef..a2d7c62d5 100644
--- a/packages/forms/src/input/index.tsx
+++ b/packages/forms/src/input/index.tsx
@@ -113,6 +113,7 @@ class InputComponent extends Component<IProps, IState> {
       min,
       max,
       step,
+      required,
     } = this.props;
 
     const {
@@ -132,6 +133,7 @@ class InputComponent extends Component<IProps, IState> {
           showLabel={showLabel}
           htmlFor={id}
           className={classes.label}
+          isRequired={required}
         >
           <div
             className={classnames({
diff --git a/packages/forms/src/input/styles.ts b/packages/forms/src/input/styles.ts
index 2f7ea65f2..e2ab30a4f 100644
--- a/packages/forms/src/input/styles.ts
+++ b/packages/forms/src/input/styles.ts
@@ -4,7 +4,7 @@ import CSS from 'csstype';
 const prefixStyles = (theme: Theme) => ({
   background: theme.inputPrefixBackground,
   color: theme.inputPrefixColor,
-  lineHeight: theme.inputHeight,
+  lineHeight: `${theme.inputHeight}px`,
   padding: '0 10px',
   fontSize: theme.uiFontSize,
 });
diff --git a/packages/forms/src/label/index.tsx b/packages/forms/src/label/index.tsx
index 590270a06..1b33ba22c 100644
--- a/packages/forms/src/label/index.tsx
+++ b/packages/forms/src/label/index.tsx
@@ -9,6 +9,7 @@ import styles from './styles';
 
 interface ILabel extends IFormField, React.LabelHTMLAttributes<HTMLLabelElement> {
   classes: Classes;
+  isRequired: boolean;
 }
 
 class LabelComponent extends Component<ILabel> {
@@ -24,6 +25,7 @@ class LabelComponent extends Component<ILabel> {
       className,
       children,
       htmlFor,
+      isRequired,
     } = this.props;
 
     if (!showLabel) return children;
@@ -36,7 +38,7 @@ class LabelComponent extends Component<ILabel> {
         htmlFor={htmlFor}
       >
         {showLabel && (
-          <span className={classes.label}>{title}</span>
+          <span className={classes.label}>{title}{isRequired && ' *'}</span>
         )}
         <div className={classes.content}>
           {children}
diff --git a/packages/forms/src/select/index.tsx b/packages/forms/src/select/index.tsx
index cfbe91dda..0e5ded176 100644
--- a/packages/forms/src/select/index.tsx
+++ b/packages/forms/src/select/index.tsx
@@ -311,6 +311,7 @@ class SelectComponent extends Component<IProps> {
       showLabel,
       showSearch,
       onChange,
+      required,
     } = this.props;
 
     const {
@@ -340,6 +341,7 @@ class SelectComponent extends Component<IProps> {
           showLabel={showLabel}
           htmlFor={id}
           className={classes.label}
+          isRequired={required}
         >
           <div
             className={classnames({
diff --git a/packages/forms/src/typings/generic.ts b/packages/forms/src/typings/generic.ts
index b7f2fc452..9688ce2c7 100644
--- a/packages/forms/src/typings/generic.ts
+++ b/packages/forms/src/typings/generic.ts
@@ -5,6 +5,7 @@ export interface IFormField {
   showLabel?: boolean;
   label?: string;
   error?: string;
+  required?: boolean;
 }
 
 export interface IWithStyle {