teamleader-ui - npm Package Compare versions

Comparing version 0.0.21-alpha to 0.0.22-alpha

components/dialog/Dialog.js

@@ -8,2 +8,3 @@ import React, { Component } from 'react';
 import ActivableRenderer from '../hoc/ActivableRenderer';
+import FontIcon from '../font_icon';
 import InjectButton from '../button/Button.js';
@@ -31,2 +32,3 @@ import InjectIconButton from '../button/IconButton';
       onOverlayMouseUp: PropTypes.func,
+      size: PropTypes.oneOf([ 'small', 'medium', 'large', 'fullscreen' ]),
       theme: PropTypes.shape({
@@ -46,3 +48,3 @@ active: PropTypes.string,
       title: PropTypes.string,
-      type: PropTypes.string,
+      type: PropTypes.oneOf([ 'regular', 'warning' ]),
     };
@@ -54,3 +56,4 @@
       backdrop: 'dark',
-      type: 'normal',
+      size: 'medium',
+      type: 'regular',
     };
@@ -71,2 +74,3 @@
         onOverlayMouseUp,
+        size,
         theme,
@@ -90,2 +94,3 @@ title,
           theme.dialog,
+          theme[size],
           theme[type],
@@ -118,2 +123,3 @@ ],
             <header className={theme.header}>
+              {type === 'warning' ? <FontIcon className={theme.icon} value="alert_circle" /> : null}
               {title
@@ -120,0 +126,0 @@ ? <h6 className={theme.title}>{title}</h6>

lib/dialog/Dialog.js

@@ -16,2 +16,3 @@ import _extends from 'babel-runtime/helpers/extends';
 import ActivableRenderer from '../hoc/ActivableRenderer';
+import FontIcon from '../font_icon';
 import InjectButton from '../button/Button.js';
@@ -46,2 +47,3 @@ import InjectIconButton from '../button/IconButton';
             onOverlayMouseUp = _props.onOverlayMouseUp,
+            size = _props.size,
             theme = _props.theme,
@@ -56,3 +58,3 @@ title = _props.title,
               fileName: _jsxFileName,
-              lineNumber: 79
+              lineNumber: 83
             }
@@ -62,3 +64,3 @@ })); // eslint-disable-line
 
-        var dialogClassNames = classnames([theme.dialog, theme[type]], _defineProperty({}, theme.active, active), className);
+        var dialogClassNames = classnames([theme.dialog, theme[size], theme[type]], _defineProperty({}, theme.active, active), className);
 
@@ -69,3 +71,3 @@ return React.createElement(
               fileName: _jsxFileName,
-              lineNumber: 94
+              lineNumber: 99
             }
@@ -86,3 +88,3 @@ },
               fileName: _jsxFileName,
-              lineNumber: 95
+              lineNumber: 100
             }
@@ -97,3 +99,3 @@ }),
                 fileName: _jsxFileName,
-                lineNumber: 107
+                lineNumber: 112
               }
@@ -105,5 +107,10 @@ },
                   fileName: _jsxFileName,
-                  lineNumber: 111
+                  lineNumber: 116
                 }
               },
+              type === 'warning' ? React.createElement(FontIcon, { className: theme.icon, value: 'alert_circle', __source: {
+                  fileName: _jsxFileName,
+                  lineNumber: 117
+                }
+              }) : null,
               title ? React.createElement(
@@ -113,3 +120,3 @@ 'h6',
                     fileName: _jsxFileName,
-                    lineNumber: 113
+                    lineNumber: 119
                   }
@@ -121,3 +128,3 @@ },
                   fileName: _jsxFileName,
-                  lineNumber: 116
+                  lineNumber: 122
                 }
@@ -130,3 +137,3 @@ })
                   fileName: _jsxFileName,
-                  lineNumber: 118
+                  lineNumber: 124
                 }
@@ -140,3 +147,3 @@ },
                   fileName: _jsxFileName,
-                  lineNumber: 122
+                  lineNumber: 128
                 }
@@ -170,2 +177,3 @@ },
     onOverlayMouseUp: PropTypes.func,
+    size: PropTypes.oneOf(['small', 'medium', 'large', 'fullscreen']),
     theme: PropTypes.shape({
@@ -185,3 +193,3 @@ active: PropTypes.string,
     title: PropTypes.string,
-    type: PropTypes.string
+    type: PropTypes.oneOf(['regular', 'warning'])
   };
@@ -192,3 +200,4 @@ Dialog.defaultProps = {
     backdrop: 'dark',
-    type: 'normal'
+    size: 'medium',
+    type: 'regular'
   };
@@ -195,0 +204,0 @@

package.json

 {
   "name": "teamleader-ui",
   "description": "Teamleader UI library",
-  "version": "0.0.21-alpha",
+  "version": "0.0.22-alpha",
   "author": "Teamleader <[e-mail]>",
@@ -6,0 +6,0 @@ "betterScripts": {

No alert changes

Improved metrics

Total package byte prevSize

534962

0.13%

Lines of code

8360

0.16%

No dependency changes