@lendi-ui/alert - npm Package Compare versions

Comparing version 4.0.1 to 4.0.2

CHANGELOG.md

@@ -0,1 +1,5 @@
+## [4.0.2] - 2019-09-27 - [HUB-590](https://creditandfinance.atlassian.net/browse/HUB-590)
+### Changed
+- Fix the bug that icon and content not Centralized when no heading.
+
 ## [4.0.1] 2019-09-26 [Release Notes](https://creditandfinance.atlassian.net/wiki/spaces/HUB/pages/803930391/Upcoming+Major+Changes)
@@ -2,0 +6,0 @@ - Bumped lendi-ui dependencies to latest versions

dist/cjs/index.style.js

@@ -13,10 +13,10 @@ "use strict";
 var utils_1 = require("@lendi-ui/utils");
-exports.Wrapper = styled_components_1.default.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n    ", ";\n    display: flex;\n    align-items: flex-start;\n    border-radius: ", ";\n    ", "\n    ", "\n    ", "\n"], ["\n    ", ";\n    display: flex;\n    align-items: flex-start;\n    border-radius: ", ";\n    ", "\n    ",
-    "\n    ",
+exports.Wrapper = styled_components_1.default.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  ", ";\n  display: flex;\n  align-items: flex-start;\n  border-radius: ", ";\n  ", "\n  ", "\n  ", "\n"], ["\n  ", ";\n  display: flex;\n  align-items: flex-start;\n  border-radius: ", ";\n  ", "\n  ",
+    "\n  ",
     "\n"])), utils_1.normalise, theme_1.select('borderRadius'), spacing_1.p('sm'), function (_a) {
     var withHeading = _a.withHeading;
     if (withHeading) {
-        return styled_components_1.css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n          flex-direction: column;\n        "], ["\n          flex-direction: column;\n        "])));
+        return styled_components_1.css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n        flex-direction: column;\n      "], ["\n        flex-direction: column;\n      "])));
     }
-    return styled_components_1.css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n        flex-direction: row;\n      "], ["\n        flex-direction: row;\n      "])));
+    return styled_components_1.css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n      flex-direction: row;\n    "], ["\n      flex-direction: row;\n    "])));
 }, function (_a) {
@@ -26,9 +26,9 @@ var variant = _a.variant;
         case 'error':
-            return styled_components_1.css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n            border: 1px solid ", ";\n            ", " ", ";\n          "], ["\n            border: 1px solid ", ";\n            ", " ", ";\n          "])), color_1.color('error.500'), color_1.fg('error.500'), color_1.bg('error.25'));
+            return styled_components_1.css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n          border: 1px solid ", ";\n          ", " ", ";\n        "], ["\n          border: 1px solid ", ";\n          ", " ", ";\n        "])), color_1.color('error.500'), color_1.fg('error.500'), color_1.bg('error.25'));
         case 'info':
-            return styled_components_1.css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n            border: 1px solid ", ";\n            ", " ", ";\n          "], ["\n            border: 1px solid ", ";\n            ", " ", ";\n          "])), color_1.color('info.500'), color_1.fg('info.500'), color_1.bg('info.25'));
+            return styled_components_1.css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n          border: 1px solid ", ";\n          ", " ", ";\n        "], ["\n          border: 1px solid ", ";\n          ", " ", ";\n        "])), color_1.color('info.500'), color_1.fg('info.500'), color_1.bg('info.25'));
         case 'success':
-            return styled_components_1.css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n            border: 1px solid ", ";\n            ", " ", ";\n          "], ["\n            border: 1px solid ", ";\n            ", " ", ";\n          "])), color_1.color('success.500'), color_1.fg('success.500'), color_1.bg('success.25'));
+            return styled_components_1.css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n          border: 1px solid ", ";\n          ", " ", ";\n        "], ["\n          border: 1px solid ", ";\n          ", " ", ";\n        "])), color_1.color('success.500'), color_1.fg('success.500'), color_1.bg('success.25'));
         case 'warn':
-            return styled_components_1.css(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n            border: 1px solid ", ";\n            ", " ", ";\n          "], ["\n            border: 1px solid ", ";\n            ", " ", ";\n          "])), color_1.color('warn.500'), color_1.fg('warn.500'), color_1.bg('warn.25'));
+            return styled_components_1.css(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n          border: 1px solid ", ";\n          ", " ", ";\n        "], ["\n          border: 1px solid ", ";\n          ", " ", ";\n        "])), color_1.color('warn.500'), color_1.fg('warn.500'), color_1.bg('warn.25'));
         default:
@@ -40,4 +40,4 @@ return undefined;
 exports.IconWrapper = styled_components_1.default.span(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  line-height: 0;\n"], ["\n  line-height: 0;\n"])));
-exports.HeadingWrapper = styled_components_1.default.p(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n  ", "\n  ", ";\n"], ["\n  ", "\n  ", ";\n"])), function (props) { return typography_1.body(props); }, spacing_1.ml('xs'));
-exports.ContentWrapper = styled_components_1.default.p(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n  ", "\n  ", ";\n"], ["\n  ", "\n  ", ";\n"])), function (props) { return typography_1.body(props); }, function (_a) {
+exports.HeadingWrapper = styled_components_1.default(typography_1.Body)(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n  ", ";\n"], ["\n  ", ";\n"])), spacing_1.ml('xs'));
+exports.ContentWrapper = styled_components_1.default(typography_1.Body)(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n  ", ";\n"], ["\n  ", ";\n"])), function (_a) {
     var withHeading = _a.withHeading;
@@ -44,0 +44,0 @@ return (withHeading ? spacing_1.mt('xxxs') : spacing_1.ml('xs'));

dist/types/index.style.d.ts

@@ -1,2 +0,1 @@
-import { BodyOptions } from '@lendi-ui/typography';
 import { AlertVariant } from './index';
@@ -10,7 +9,6 @@ interface WrapperProps {
 export declare const IconWrapper: import("styled-components").StyledComponent<"span", any, {}, never>;
-export declare const HeadingWrapper: import("styled-components").StyledComponent<"p", any, BodyOptions, never>;
-interface ContentWrapperProps extends BodyOptions {
+export declare const HeadingWrapper: import("styled-components").StyledComponent<"p", any, import("@lendi-ui/typography").BodyOptions & import("@lendi-ui/spacing").MarginOptions, never>;
+export declare const ContentWrapper: import("styled-components").StyledComponent<"p", any, import("@lendi-ui/typography").BodyOptions & import("@lendi-ui/spacing").MarginOptions & {
     withHeading: boolean;
-}
-export declare const ContentWrapper: import("styled-components").StyledComponent<"p", any, ContentWrapperProps, never>;
+}, never>;
 export {};

package.json

 {
   "name": "@lendi-ui/alert",
-  "version": "4.0.1",
+  "version": "4.0.2",
   "license": "ISC",
@@ -5,0 +5,0 @@ "source": "src/index.tsx",

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Worsened metrics

Total package byte prevSize

15683

decreased by-0.75%

Lines of code

125

decreased by-1.57%

No dependency changes