@wireapp/react-ui-kit - npm Package Compare versions

Comparing version 0.0.11 to 0.0.12

Form/Button.js

@@ -10,3 +10,3 @@ 'use strict';
 
-var _templateObject = _taggedTemplateLiteral(['\n  /* appearance */\n  background-color: ', ';\n  border-radius: 8px;\n  border: 0;\n  cursor: ', ';\n  display: inline-block;\n  text-decoration: none;\n  ', '\n\n  /* positioning */\n  height: 48px;\n  line-height: 48px;\n  max-width: 100%;\n  ouline: none;\n  padding: 0 32px;\n  min-width: 184px;\n  width: ', ';\n  &:hover,\n  &:focus {\n    /* appearance */\n    text-decoration: none;\n    background-color: ', '\n   }\n'], ['\n  /* appearance */\n  background-color: ', ';\n  border-radius: 8px;\n  border: 0;\n  cursor: ', ';\n  display: inline-block;\n  text-decoration: none;\n  ', '\n\n  /* positioning */\n  height: 48px;\n  line-height: 48px;\n  max-width: 100%;\n  ouline: none;\n  padding: 0 32px;\n  min-width: 184px;\n  width: ', ';\n  &:hover,\n  &:focus {\n    /* appearance */\n    text-decoration: none;\n    background-color: ', '\n   }\n']);
+var _templateObject = _taggedTemplateLiteral(['\n  /* appearance */\n  background-color: ', ';\n  border-radius: 8px;\n  border: 0;\n  cursor: ', ';\n  display: inline-block;\n  text-decoration: none;\n  ', '\n\n  /* positioning */\n  height: 48px;\n  line-height: 48px;\n  max-width: 100%;\n  outline: none;\n  padding: 0 32px;\n  min-width: 184px;\n  width: ', ';\n  &:hover,\n  &:focus {\n    /* appearance */\n    text-decoration: none;\n    background-color: ', '\n   }\n'], ['\n  /* appearance */\n  background-color: ', ';\n  border-radius: 8px;\n  border: 0;\n  cursor: ', ';\n  display: inline-block;\n  text-decoration: none;\n  ', '\n\n  /* positioning */\n  height: 48px;\n  line-height: 48px;\n  max-width: 100%;\n  outline: none;\n  padding: 0 32px;\n  min-width: 184px;\n  width: ', ';\n  &:hover,\n  &:focus {\n    /* appearance */\n    text-decoration: none;\n    background-color: ', '\n   }\n']);
 
@@ -13,0 +13,0 @@ var _Identity = require('../Identity');

package.json

@@ -6,3 +6,3 @@ {
     "react": "16.1.1",
-    "react-dom": "16.0.0",
+    "react-dom": "16.1.1",
     "styled-components": "2.2.3",
@@ -32,3 +32,3 @@ "styled-normalize": "2.2.1"
   "repository": "https://github.com/wireapp/wire-web-packages/tree/master/packages/react-ui-kit",
-  "version": "0.0.11"
+  "version": "0.0.12"
 }

Text/Heading.js

@@ -10,6 +10,7 @@ 'use strict';
 
-var _templateObject = _taggedTemplateLiteral(['\n  /* appearance */\n  font-size: 40px;\n  font-weight: 300;\n\n  /* positioning */\n  line-height: 48px;\n  margin-bottom: 52px;\n  margin-top: 0;\n  min-height: 48px;\n'], ['\n  /* appearance */\n  font-size: 40px;\n  font-weight: 300;\n\n  /* positioning */\n  line-height: 48px;\n  margin-bottom: 52px;\n  margin-top: 0;\n  min-height: 48px;\n']),
-    _templateObject2 = _taggedTemplateLiteral(['\n  /* appearance */\n  font-size: 24px;\n  font-weight: 300;\n'], ['\n  /* appearance */\n  font-size: 24px;\n  font-weight: 300;\n']),
-    _templateObject3 = _taggedTemplateLiteral(['\n  /* appearance */\n  font-size: 18px;\n  font-weight: 300;\n'], ['\n  /* appearance */\n  font-size: 18px;\n  font-weight: 300;\n']),
-    _templateObject4 = _taggedTemplateLiteral(['\n  /* appearance */\n  font-size: 11px;\n  font-weight: 300;\n\n  /* positioning */\n  margin-bottom: 5px;\n  margin-top: 20px;\n'], ['\n  /* appearance */\n  font-size: 11px;\n  font-weight: 300;\n\n  /* positioning */\n  margin-bottom: 5px;\n  margin-top: 20px;\n']);
+var _templateObject = _taggedTemplateLiteral(['\n  /* appearance */\n  font-size: 40px;\n  font-weight: 300;\n\n  /* positioning */\n  line-height: 48px;\n  margin-bottom: 52px;\n  margin-top: 0;\n  min-height: 48px;\n  ', '\n'], ['\n  /* appearance */\n  font-size: 40px;\n  font-weight: 300;\n\n  /* positioning */\n  line-height: 48px;\n  margin-bottom: 52px;\n  margin-top: 0;\n  min-height: 48px;\n  ', '\n']),
+    _templateObject2 = _taggedTemplateLiteral(['\n    font-size: 24px;\n  '], ['\n    font-size: 24px;\n  ']),
+    _templateObject3 = _taggedTemplateLiteral(['\n  /* appearance */\n  font-size: 24px;\n  font-weight: 300;\n'], ['\n  /* appearance */\n  font-size: 24px;\n  font-weight: 300;\n']),
+    _templateObject4 = _taggedTemplateLiteral(['\n  /* appearance */\n  font-size: 18px;\n  font-weight: 300;\n'], ['\n  /* appearance */\n  font-size: 18px;\n  font-weight: 300;\n']),
+    _templateObject5 = _taggedTemplateLiteral(['\n  /* appearance */\n  font-size: 11px;\n  font-weight: 300;\n\n  /* positioning */\n  margin-bottom: 5px;\n  margin-top: 20px;\n'], ['\n  /* appearance */\n  font-size: 11px;\n  font-weight: 300;\n\n  /* positioning */\n  margin-bottom: 5px;\n  margin-top: 20px;\n']);
 
@@ -28,2 +29,6 @@ var _Identity = require('../Identity');
 
+var _mediaQueries = require('../mediaQueries');
+
+var _mediaQueries2 = _interopRequireDefault(_mediaQueries);
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -35,9 +40,9 @@
 
-var H1 = _Text.Text.withComponent('h1').extend(_templateObject);
+var H1 = _Text.Text.withComponent('h1').extend(_templateObject, _mediaQueries2.default.mobile(_templateObject2));
 
-var H2 = _Text.Text.withComponent('h2').extend(_templateObject2);
+var H2 = _Text.Text.withComponent('h2').extend(_templateObject3);
 
-var H3 = _Text.Text.withComponent('h3').extend(_templateObject3);
+var H3 = _Text.Text.withComponent('h3').extend(_templateObject4);
 
-var H4 = _Text.Text.withComponent('h4').extend(_templateObject4);
+var H4 = _Text.Text.withComponent('h4').extend(_templateObject5);
 
@@ -44,0 +49,0 @@ var Heading = function Heading(_ref) {

Text/Text.js

@@ -59,3 +59,3 @@ 'use strict';
   noWrap: _propTypes2.default.bool,
-  textTransform: _propTypes2.default.oneOf(['lowercase', 'uppercase', 'capitalize', 'inherit', 'none']),
+  textTransform: _propTypes2.default.oneOf(['lowercase', 'uppercase', 'capitalize', 'inherit', 'none', 'unset']),
   truncate: _propTypes2.default.bool
@@ -62,0 +62,0 @@ };

No alert changes

Improved metrics

Total package byte prevSize

93174

increased by0.32%

Lines of code

1781

increased by0.17%

Dependency changes

• + Addedreact-dom@16.1.1(transitive)

• - Removedreact-dom@16.0.0(transitive)

• Updatedreact-dom@16.1.1