@guardian/src-inline-error - npm Package Compare versions

Comparing version 0.13.0 to 0.14.0

dist/inline-error.esm.js

@@ -8,12 +8,2 @@ import { css, jsx } from '@emotion/core';
 
-var inlineError = function inlineError() {
-  var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : inlineErrorLight,
-      inlineError = _ref.inlineError;
-
-  return (
-    /*#__PURE__*/
-    css("display:flex;align-items:center;", textSans.medium(), ";color:", inlineError.text, ";margin-bottom:", space[1], "px;svg{fill:currentColor;width:30px;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFVK0QiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL2NvcmVcIlxuaW1wb3J0IHsgc3BhY2UgfSBmcm9tIFwiQGd1YXJkaWFuL3NyYy1mb3VuZGF0aW9uc1wiXG5pbXBvcnQge1xuXHRpbmxpbmVFcnJvckxpZ2h0LFxuXHRJbmxpbmVFcnJvclRoZW1lLFxufSBmcm9tIFwiQGd1YXJkaWFuL3NyYy1mb3VuZGF0aW9ucy90aGVtZXNcIlxuaW1wb3J0IHsgdGV4dFNhbnMgfSBmcm9tIFwiQGd1YXJkaWFuL3NyYy1mb3VuZGF0aW9ucy90eXBvZ3JhcGh5XCJcblxuZXhwb3J0IGNvbnN0IGlubGluZUVycm9yID0gKHtcblx0aW5saW5lRXJyb3IsXG59OiB7IGlubGluZUVycm9yOiBJbmxpbmVFcnJvclRoZW1lIH0gPSBpbmxpbmVFcnJvckxpZ2h0KSA9PiBjc3NgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdCR7dGV4dFNhbnMubWVkaXVtKCl9O1xuXHRjb2xvcjogJHtpbmxpbmVFcnJvci50ZXh0fTtcblx0bWFyZ2luLWJvdHRvbTogJHtzcGFjZVsxXX1weDtcblxuXHRzdmcge1xuXHRcdGZpbGw6IGN1cnJlbnRDb2xvcjtcblx0XHR3aWR0aDogMzBweDtcblx0fVxuYFxuIl19 */"))
-  );
-};
-
 var SvgAlert = function SvgAlert() {
@@ -30,7 +20,18 @@ return React.createElement("svg", {
 
+var inlineError = function inlineError() {
+  var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : inlineErrorLight,
+      inlineError = _ref.inlineError;
+
+  return (
+    /*#__PURE__*/
+    css("display:flex;align-items:center;", textSans.medium(), ";color:", inlineError.text, ";margin-bottom:", space[1], "px;svg{fill:currentColor;width:30px;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFVK0QiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL2NvcmVcIlxuaW1wb3J0IHsgc3BhY2UgfSBmcm9tIFwiQGd1YXJkaWFuL3NyYy1mb3VuZGF0aW9uc1wiXG5pbXBvcnQge1xuXHRpbmxpbmVFcnJvckxpZ2h0LFxuXHRJbmxpbmVFcnJvclRoZW1lLFxufSBmcm9tIFwiQGd1YXJkaWFuL3NyYy1mb3VuZGF0aW9ucy90aGVtZXNcIlxuaW1wb3J0IHsgdGV4dFNhbnMgfSBmcm9tIFwiQGd1YXJkaWFuL3NyYy1mb3VuZGF0aW9ucy90eXBvZ3JhcGh5XCJcblxuZXhwb3J0IGNvbnN0IGlubGluZUVycm9yID0gKHtcblx0aW5saW5lRXJyb3IsXG59OiB7IGlubGluZUVycm9yOiBJbmxpbmVFcnJvclRoZW1lIH0gPSBpbmxpbmVFcnJvckxpZ2h0KSA9PiBjc3NgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdCR7dGV4dFNhbnMubWVkaXVtKCl9O1xuXHRjb2xvcjogJHtpbmxpbmVFcnJvci50ZXh0fTtcblx0bWFyZ2luLWJvdHRvbTogJHtzcGFjZVsxXX1weDtcblxuXHRzdmcge1xuXHRcdGZpbGw6IGN1cnJlbnRDb2xvcjtcblx0XHR3aWR0aDogMzBweDtcblx0fVxuYFxuIl19 */"))
+  );
+};
+
 var InlineError = function InlineError(_ref) {
-  var children = _ref.children;
+  var children = _ref.children,
+      cssOverrides = _ref.cssOverrides;
   return jsx("span", {
     css: function css(theme) {
-      return inlineError(theme.inlineError && theme);
+      return [inlineError(theme.inlineError && theme), cssOverrides];
     }
@@ -37,0 +38,0 @@ }, jsx(SvgAlert, null), children);

dist/inline-error.js

@@ -13,12 +13,2 @@ 'use strict';
 
-var inlineError = function inlineError() {
-  var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : themes.inlineErrorLight,
-      inlineError = _ref.inlineError;
-
-  return (
-    /*#__PURE__*/
-    core.css("display:flex;align-items:center;", typography.textSans.medium(), ";color:", inlineError.text, ";margin-bottom:", srcFoundations.space[1], "px;svg{fill:currentColor;width:30px;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFVK0QiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL2NvcmVcIlxuaW1wb3J0IHsgc3BhY2UgfSBmcm9tIFwiQGd1YXJkaWFuL3NyYy1mb3VuZGF0aW9uc1wiXG5pbXBvcnQge1xuXHRpbmxpbmVFcnJvckxpZ2h0LFxuXHRJbmxpbmVFcnJvclRoZW1lLFxufSBmcm9tIFwiQGd1YXJkaWFuL3NyYy1mb3VuZGF0aW9ucy90aGVtZXNcIlxuaW1wb3J0IHsgdGV4dFNhbnMgfSBmcm9tIFwiQGd1YXJkaWFuL3NyYy1mb3VuZGF0aW9ucy90eXBvZ3JhcGh5XCJcblxuZXhwb3J0IGNvbnN0IGlubGluZUVycm9yID0gKHtcblx0aW5saW5lRXJyb3IsXG59OiB7IGlubGluZUVycm9yOiBJbmxpbmVFcnJvclRoZW1lIH0gPSBpbmxpbmVFcnJvckxpZ2h0KSA9PiBjc3NgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdCR7dGV4dFNhbnMubWVkaXVtKCl9O1xuXHRjb2xvcjogJHtpbmxpbmVFcnJvci50ZXh0fTtcblx0bWFyZ2luLWJvdHRvbTogJHtzcGFjZVsxXX1weDtcblxuXHRzdmcge1xuXHRcdGZpbGw6IGN1cnJlbnRDb2xvcjtcblx0XHR3aWR0aDogMzBweDtcblx0fVxuYFxuIl19 */"))
-  );
-};
-
 var SvgAlert = function SvgAlert() {
@@ -35,7 +25,18 @@ return React.createElement("svg", {
 
+var inlineError = function inlineError() {
+  var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : themes.inlineErrorLight,
+      inlineError = _ref.inlineError;
+
+  return (
+    /*#__PURE__*/
+    core.css("display:flex;align-items:center;", typography.textSans.medium(), ";color:", inlineError.text, ";margin-bottom:", srcFoundations.space[1], "px;svg{fill:currentColor;width:30px;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFVK0QiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL2NvcmVcIlxuaW1wb3J0IHsgc3BhY2UgfSBmcm9tIFwiQGd1YXJkaWFuL3NyYy1mb3VuZGF0aW9uc1wiXG5pbXBvcnQge1xuXHRpbmxpbmVFcnJvckxpZ2h0LFxuXHRJbmxpbmVFcnJvclRoZW1lLFxufSBmcm9tIFwiQGd1YXJkaWFuL3NyYy1mb3VuZGF0aW9ucy90aGVtZXNcIlxuaW1wb3J0IHsgdGV4dFNhbnMgfSBmcm9tIFwiQGd1YXJkaWFuL3NyYy1mb3VuZGF0aW9ucy90eXBvZ3JhcGh5XCJcblxuZXhwb3J0IGNvbnN0IGlubGluZUVycm9yID0gKHtcblx0aW5saW5lRXJyb3IsXG59OiB7IGlubGluZUVycm9yOiBJbmxpbmVFcnJvclRoZW1lIH0gPSBpbmxpbmVFcnJvckxpZ2h0KSA9PiBjc3NgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdCR7dGV4dFNhbnMubWVkaXVtKCl9O1xuXHRjb2xvcjogJHtpbmxpbmVFcnJvci50ZXh0fTtcblx0bWFyZ2luLWJvdHRvbTogJHtzcGFjZVsxXX1weDtcblxuXHRzdmcge1xuXHRcdGZpbGw6IGN1cnJlbnRDb2xvcjtcblx0XHR3aWR0aDogMzBweDtcblx0fVxuYFxuIl19 */"))
+  );
+};
+
 var InlineError = function InlineError(_ref) {
-  var children = _ref.children;
+  var children = _ref.children,
+      cssOverrides = _ref.cssOverrides;
   return core.jsx("span", {
     css: function css(theme) {
-      return inlineError(theme.inlineError && theme);
+      return [inlineError(theme.inlineError && theme), cssOverrides];
     }
@@ -46,13 +47,13 @@ }, core.jsx(SvgAlert, null), children);
 Object.defineProperty(exports, 'inlineErrorBrand', {
-	enumerable: true,
-	get: function () {
-		return themes.inlineErrorBrand;
-	}
+  enumerable: true,
+  get: function () {
+    return themes.inlineErrorBrand;
+  }
 });
 Object.defineProperty(exports, 'inlineErrorLight', {
-	enumerable: true,
-	get: function () {
-		return themes.inlineErrorLight;
-	}
+  enumerable: true,
+  get: function () {
+    return themes.inlineErrorLight;
+  }
 });
 exports.InlineError = InlineError;

index.tsx

 import React, { ReactNode } from "react"
+import { SvgAlert } from "@guardian/src-svgs"
+import { Props } from "../../../common/props"
 import { inlineError } from "./styles"
-import { SvgAlert } from "@guardian/src-svgs"
 export {
@@ -9,4 +10,10 @@ inlineErrorLight,
 
-const InlineError = ({ children }: { children: ReactNode }) => (
-	<span css={theme => inlineError(theme.inlineError && theme)}>
+interface InlineErrorProps extends Props {
+	children: ReactNode
+}
+
+const InlineError = ({ children, cssOverrides }: InlineErrorProps) => (
+	<span
+		css={theme => [inlineError(theme.inlineError && theme), cssOverrides]}
+	>
 		<SvgAlert />
@@ -13,0 +20,0 @@ {children}

package.json

 {
 	"name": "@guardian/src-inline-error",
-	"version": "0.13.0",
+	"version": "0.14.0",
 	"main": "dist/inline-error.js",
@@ -12,8 +12,8 @@ "module": "dist/inline-error.esm.js",
 	"devDependencies": {
-		"@babel/core": "^7.5.5",
-		"@babel/preset-env": "^7.5.5",
-		"@babel/preset-react": "^7.0.0",
-		"@babel/preset-typescript": "^7.3.3",
+		"@babel/core": "^7.8.0",
+		"@babel/preset-env": "^7.8.0",
+		"@babel/preset-react": "^7.8.0",
+		"@babel/preset-typescript": "^7.8.0",
 		"@emotion/babel-preset-css-prop": "^10.0.14",
-		"@guardian/src-foundations": "^0.13.0",
+		"@guardian/src-foundations": "^0.14.0",
 		"@guardian/src-helpers": "^0.0.1",
@@ -32,8 +32,8 @@ "rollup": "^1.17.0",
 		"@emotion/core": "^10.0.14",
-		"@guardian/src-foundations": "^0.13.0",
+		"@guardian/src-foundations": "^0.14.0",
 		"react": "^16.8.6"
 	},
 	"dependencies": {
-		"@guardian/src-svgs": "^0.13.0"
+		"@guardian/src-svgs": "^0.14.0"
 	}
 }

New alerts

Environment variable access

Supply chain risk

Package accesses environment variables, which may be a sign of credential stuffing or data theft.

Found 1 instance in 1 package

Fixed alerts

Environment variable access

Supply chain risk

Package accesses environment variables, which may be a sign of credential stuffing or data theft.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

7692

3.53%

Lines of code

130

6.56%

Dependency changes

• + Added

  @guardian/src-foundations@0.14.2
  (transitive)

• + Added

  @guardian/src-svgs@0.14.0
  (transitive)

• - Removed

  @guardian/src-foundations@0.13.1
  (transitive)

• - Removed

  @guardian/src-svgs@0.13.0
  (transitive)

• Updated

  @guardian/src-svgs@^0.14.0