@arch-ui/alert
Advanced tools
+9
-0
| # @arch-ui/alert | ||
| ## 0.0.13 | ||
| ### Patch Changes | ||
| - [`d8a7b8a2`](https://github.com/keystonejs/keystone/commit/d8a7b8a23b4c3e1545d101a92323be165ad362e2) [#2395](https://github.com/keystonejs/keystone/pull/2395) Thanks [@timleslie](https://github.com/timleslie)! - Upgraded all `@emotion.*` dependencies. | ||
| - Updated dependencies [[`dcdd8ed9`](https://github.com/keystonejs/keystone/commit/dcdd8ed9142cf3328a7af80bc167ef93c7669b09)]: | ||
| - @arch-ui/theme@0.0.8 | ||
| ## 0.0.12 | ||
@@ -4,0 +13,0 @@ |
+16
-19
@@ -34,22 +34,19 @@ 'use strict'; | ||
| }; | ||
| const Alert = styled.div((_ref) => { | ||
| let { | ||
| appearance, | ||
| variant | ||
| } = _ref; | ||
| return { | ||
| backgroundColor: variant === 'bold' ? boldBackgroundColor[appearance] : subtleBackgroundColor[appearance], | ||
| const Alert = styled.div(({ | ||
| appearance, | ||
| variant | ||
| }) => ({ | ||
| backgroundColor: variant === 'bold' ? boldBackgroundColor[appearance] : subtleBackgroundColor[appearance], | ||
| color: variant === 'bold' ? boldTextColor[appearance] : subtleTextColor[appearance], | ||
| borderRadius: theme.borderRadius, | ||
| display: 'flex', | ||
| fontWeight: variant === 'bold' ? 500 : null, | ||
| minWidth: 1, | ||
| padding: '0.9em 1.2em', | ||
| margin: '0.9em 0', | ||
| '& a': { | ||
| color: variant === 'bold' ? boldTextColor[appearance] : subtleTextColor[appearance], | ||
| borderRadius: theme.borderRadius, | ||
| display: 'flex', | ||
| fontWeight: variant === 'bold' ? 500 : null, | ||
| minWidth: 1, | ||
| padding: '0.9em 1.2em', | ||
| margin: '0.9em 0', | ||
| '& a': { | ||
| color: variant === 'bold' ? boldTextColor[appearance] : subtleTextColor[appearance], | ||
| textDecoration: 'underline' | ||
| } | ||
| }; | ||
| }); | ||
| textDecoration: 'underline' | ||
| } | ||
| })); | ||
| Alert.defaultProps = { | ||
@@ -56,0 +53,0 @@ appearance: 'info', |
+13
-16
@@ -33,19 +33,16 @@ "use strict"; | ||
| danger: theme.colors.R.D20 | ||
| }, Alert = styled.div(_ref => { | ||
| let {appearance: appearance, variant: variant} = _ref; | ||
| return { | ||
| backgroundColor: "bold" === variant ? boldBackgroundColor[appearance] : subtleBackgroundColor[appearance], | ||
| }, Alert = styled.div(({appearance: appearance, variant: variant}) => ({ | ||
| backgroundColor: "bold" === variant ? boldBackgroundColor[appearance] : subtleBackgroundColor[appearance], | ||
| color: "bold" === variant ? boldTextColor[appearance] : subtleTextColor[appearance], | ||
| borderRadius: theme.borderRadius, | ||
| display: "flex", | ||
| fontWeight: "bold" === variant ? 500 : null, | ||
| minWidth: 1, | ||
| padding: "0.9em 1.2em", | ||
| margin: "0.9em 0", | ||
| "& a": { | ||
| color: "bold" === variant ? boldTextColor[appearance] : subtleTextColor[appearance], | ||
| borderRadius: theme.borderRadius, | ||
| display: "flex", | ||
| fontWeight: "bold" === variant ? 500 : null, | ||
| minWidth: 1, | ||
| padding: "0.9em 1.2em", | ||
| margin: "0.9em 0", | ||
| "& a": { | ||
| color: "bold" === variant ? boldTextColor[appearance] : subtleTextColor[appearance], | ||
| textDecoration: "underline" | ||
| } | ||
| }; | ||
| }); | ||
| textDecoration: "underline" | ||
| } | ||
| })); | ||
@@ -52,0 +49,0 @@ Alert.defaultProps = { |
+16
-19
@@ -28,22 +28,19 @@ import styled from '@emotion/styled'; | ||
| }; | ||
| const Alert = styled.div((_ref) => { | ||
| let { | ||
| appearance, | ||
| variant | ||
| } = _ref; | ||
| return { | ||
| backgroundColor: variant === 'bold' ? boldBackgroundColor[appearance] : subtleBackgroundColor[appearance], | ||
| const Alert = styled.div(({ | ||
| appearance, | ||
| variant | ||
| }) => ({ | ||
| backgroundColor: variant === 'bold' ? boldBackgroundColor[appearance] : subtleBackgroundColor[appearance], | ||
| color: variant === 'bold' ? boldTextColor[appearance] : subtleTextColor[appearance], | ||
| borderRadius, | ||
| display: 'flex', | ||
| fontWeight: variant === 'bold' ? 500 : null, | ||
| minWidth: 1, | ||
| padding: '0.9em 1.2em', | ||
| margin: '0.9em 0', | ||
| '& a': { | ||
| color: variant === 'bold' ? boldTextColor[appearance] : subtleTextColor[appearance], | ||
| borderRadius, | ||
| display: 'flex', | ||
| fontWeight: variant === 'bold' ? 500 : null, | ||
| minWidth: 1, | ||
| padding: '0.9em 1.2em', | ||
| margin: '0.9em 0', | ||
| '& a': { | ||
| color: variant === 'bold' ? boldTextColor[appearance] : subtleTextColor[appearance], | ||
| textDecoration: 'underline' | ||
| } | ||
| }; | ||
| }); | ||
| textDecoration: 'underline' | ||
| } | ||
| })); | ||
| Alert.defaultProps = { | ||
@@ -50,0 +47,0 @@ appearance: 'info', |
+4
-4
| { | ||
| "name": "@arch-ui/alert", | ||
| "description": "Alert component as used in @keystonejs Admin UI.", | ||
| "version": "0.0.12", | ||
| "version": "0.0.13", | ||
| "author": "Jed Watson", | ||
@@ -15,7 +15,7 @@ "license": "MIT", | ||
| "dependencies": { | ||
| "@arch-ui/theme": "^0.0.7", | ||
| "@emotion/core": "^10.0.22", | ||
| "@emotion/styled": "^10.0.22" | ||
| "@arch-ui/theme": "^0.0.8", | ||
| "@emotion/core": "^10.0.27", | ||
| "@emotion/styled": "^10.0.27" | ||
| }, | ||
| "module": "dist/alert.esm.js" | ||
| } |
+3
-5
@@ -39,3 +39,3 @@ <!--[meta] | ||
| To override the styles use the `@arch-ui/theme` package | ||
| To override the styles use the [`@arch-ui/theme` package][theme]. | ||
@@ -148,10 +148,8 @@ ## Documentation | ||
| [source]: https://github.com/keystonejs/arch | ||
| [source]: https://github.com/keystonejs/keystone/tree/master/packages/arch | ||
| [docs]: http://arch.keystonejs.com/ | ||
| [npm]: https://www.npmjs.com/package/@arch-ui/alert | ||
| [npm]: https://www.npmjs.com/ | ||
| [install-npm]: https://docs.npmjs.com/getting-started/installing-node | ||
| [theme]: http://npmjs.com/package/@arch-ui/theme |
Environment variable access
Supply chain riskPackage accesses environment variables, which may be a sign of credential stuffing or data theft.
Found 1 instance in 1 package
Environment variable access
Supply chain riskPackage accesses environment variables, which may be a sign of credential stuffing or data theft.
Found 1 instance in 1 package
12163
2.37%196
-4.39%154
-1.28%+ Added
- Removed
Updated
Updated
Updated