@atlaskit/blanket 12.2.16 → 12.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +6 -0
- package/dist/cjs/blanket.js +8 -8
- package/dist/cjs/version.json +1 -1
- package/dist/es2019/blanket.js +2 -2
- package/dist/es2019/version.json +1 -1
- package/dist/esm/blanket.js +2 -2
- package/dist/esm/version.json +1 -1
- package/package.json +2 -2
- package/report.api.md +4 -2
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,11 @@
|
|
|
1
1
|
# @atlaskit/blanket
|
|
2
2
|
|
|
3
|
+
## 12.3.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- [`f2fe91811eb`](https://bitbucket.org/atlassian/atlassian-frontend/commits/f2fe91811eb) - Updates `@emotion/core` to `@emotion/react`; v10 to v11. There is no expected behaviour change.
|
|
8
|
+
|
|
3
9
|
## 12.2.16
|
|
4
10
|
|
|
5
11
|
### Patch Changes
|
package/dist/cjs/blanket.js
CHANGED
|
@@ -11,7 +11,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
|
|
|
11
11
|
|
|
12
12
|
var _react = require("react");
|
|
13
13
|
|
|
14
|
-
var
|
|
14
|
+
var _react2 = require("@emotion/react");
|
|
15
15
|
|
|
16
16
|
var _usePlatformLeafEventHandler = require("@atlaskit/analytics-next/usePlatformLeafEventHandler");
|
|
17
17
|
|
|
@@ -28,13 +28,13 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
|
|
|
28
28
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
29
29
|
|
|
30
30
|
var packageName = "@atlaskit/blanket";
|
|
31
|
-
var packageVersion = "12.
|
|
31
|
+
var packageVersion = "12.3.0";
|
|
32
32
|
var analyticsAttributes = {
|
|
33
33
|
componentName: 'blanket',
|
|
34
34
|
packageName: packageName,
|
|
35
35
|
packageVersion: packageVersion
|
|
36
36
|
};
|
|
37
|
-
var baseStyles = (0,
|
|
37
|
+
var baseStyles = (0, _react2.css)({
|
|
38
38
|
position: 'fixed',
|
|
39
39
|
zIndex: _constants.layers.blanket(),
|
|
40
40
|
top: 0,
|
|
@@ -44,16 +44,16 @@ var baseStyles = (0, _core.css)({
|
|
|
44
44
|
overflowY: 'auto',
|
|
45
45
|
pointerEvents: 'initial'
|
|
46
46
|
});
|
|
47
|
-
var shouldAllowClickThroughStyles = (0,
|
|
47
|
+
var shouldAllowClickThroughStyles = (0, _react2.css)({
|
|
48
48
|
pointerEvents: 'none'
|
|
49
49
|
});
|
|
50
|
-
var invisibleStyles = (0,
|
|
50
|
+
var invisibleStyles = (0, _react2.css)({
|
|
51
51
|
backgroundColor: 'transparent'
|
|
52
52
|
});
|
|
53
|
-
var lightBgStyles = (0,
|
|
53
|
+
var lightBgStyles = (0, _react2.css)({
|
|
54
54
|
backgroundColor: "var(--ds-blanket, ".concat(_colors.N100A, ")")
|
|
55
55
|
});
|
|
56
|
-
var darkBgStyles = (0,
|
|
56
|
+
var darkBgStyles = (0, _react2.css)({
|
|
57
57
|
backgroundColor: "var(--ds-blanket, ".concat(_colors.DN90A, ")")
|
|
58
58
|
});
|
|
59
59
|
var backgroundStyle = {
|
|
@@ -91,7 +91,7 @@ var Blanket = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef)
|
|
|
91
91
|
return e.currentTarget === e.target ? onBlanketClickedWithAnalytics(e) : undefined;
|
|
92
92
|
}, [onBlanketClickedWithAnalytics]);
|
|
93
93
|
var onClick = shouldAllowClickThrough ? undefined : blanketClickOutsideChildren;
|
|
94
|
-
return (0,
|
|
94
|
+
return (0, _react2.jsx)("div", {
|
|
95
95
|
role: "presentation",
|
|
96
96
|
css: [baseStyles, shouldAllowClickThrough && shouldAllowClickThroughStyles, backgroundStyle[mode], !isTinted && invisibleStyles],
|
|
97
97
|
onClick: onClick,
|
package/dist/cjs/version.json
CHANGED
package/dist/es2019/blanket.js
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
/** @jsx jsx */
|
|
2
2
|
import { forwardRef, memo, useCallback } from 'react';
|
|
3
|
-
import { css, jsx } from '@emotion/
|
|
3
|
+
import { css, jsx } from '@emotion/react';
|
|
4
4
|
import { usePlatformLeafEventHandler } from '@atlaskit/analytics-next/usePlatformLeafEventHandler';
|
|
5
5
|
import noop from '@atlaskit/ds-lib/noop';
|
|
6
6
|
import { DN90A, N100A } from '@atlaskit/theme/colors';
|
|
7
7
|
import { useGlobalTheme } from '@atlaskit/theme/components';
|
|
8
8
|
import { layers } from '@atlaskit/theme/constants';
|
|
9
9
|
const packageName = "@atlaskit/blanket";
|
|
10
|
-
const packageVersion = "12.
|
|
10
|
+
const packageVersion = "12.3.0";
|
|
11
11
|
const analyticsAttributes = {
|
|
12
12
|
componentName: 'blanket',
|
|
13
13
|
packageName,
|
package/dist/es2019/version.json
CHANGED
package/dist/esm/blanket.js
CHANGED
|
@@ -6,14 +6,14 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
|
|
|
6
6
|
|
|
7
7
|
/** @jsx jsx */
|
|
8
8
|
import { forwardRef, memo, useCallback } from 'react';
|
|
9
|
-
import { css, jsx } from '@emotion/
|
|
9
|
+
import { css, jsx } from '@emotion/react';
|
|
10
10
|
import { usePlatformLeafEventHandler } from '@atlaskit/analytics-next/usePlatformLeafEventHandler';
|
|
11
11
|
import noop from '@atlaskit/ds-lib/noop';
|
|
12
12
|
import { DN90A, N100A } from '@atlaskit/theme/colors';
|
|
13
13
|
import { useGlobalTheme } from '@atlaskit/theme/components';
|
|
14
14
|
import { layers } from '@atlaskit/theme/constants';
|
|
15
15
|
var packageName = "@atlaskit/blanket";
|
|
16
|
-
var packageVersion = "12.
|
|
16
|
+
var packageVersion = "12.3.0";
|
|
17
17
|
var analyticsAttributes = {
|
|
18
18
|
componentName: 'blanket',
|
|
19
19
|
packageName: packageName,
|
package/dist/esm/version.json
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/blanket",
|
|
3
|
-
"version": "12.
|
|
3
|
+
"version": "12.3.0",
|
|
4
4
|
"description": "A blanket covers the underlying UI for a layered component, such as a modal dialog or a tooltip.",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -41,7 +41,7 @@
|
|
|
41
41
|
"@atlaskit/theme": "^12.2.0",
|
|
42
42
|
"@atlaskit/tokens": "^0.10.0",
|
|
43
43
|
"@babel/runtime": "^7.0.0",
|
|
44
|
-
"@emotion/
|
|
44
|
+
"@emotion/react": "^11.7.1"
|
|
45
45
|
},
|
|
46
46
|
"peerDependencies": {
|
|
47
47
|
"react": "^16.8.0"
|
package/report.api.md
CHANGED
|
@@ -1,6 +1,8 @@
|
|
|
1
|
-
## API Report File for "@atlaskit/blanket"
|
|
1
|
+
## API Report File for "@atlaskit/blanket".
|
|
2
2
|
|
|
3
|
-
> Do not edit this file.
|
|
3
|
+
> Do not edit this file. This report is auto-generated by [API Extractor](https://api-extractor.com/).
|
|
4
|
+
|
|
5
|
+
[Learn more about API reports](https://hello.atlassian.net/wiki/spaces/UR/pages/1825484529/Package+API+Reports)
|
|
4
6
|
|
|
5
7
|
```ts
|
|
6
8
|
/// <reference types="react" />
|