🚀 Big News:Socket Has Acquired Secure Annex.Learn More →
Socket
Book a DemoSign in
Socket

@arch-ui/alert

Package Overview
Dependencies
Maintainers
8
Versions
21
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@arch-ui/alert - npm Package Compare versions

Comparing version
0.0.12
to
0.0.13
+9
-0
CHANGELOG.md
# @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',

@@ -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 = {

@@ -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',

{
"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"
}

@@ -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