@atlaskit/blanket 12.2.15 → 12.3.0

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/blanket
 
+## 12.3.0
+
+### Minor Changes
+
+- [`f2fe91811eb`](https://bitbucket.org/atlassian/atlassian-frontend/commits/f2fe91811eb) - Updates `@emotion/core` to `@emotion/react`; v10 to v11. There is no expected behaviour change.
+
+## 12.2.16
+
+### Patch Changes
+
+- [`8cc2f888c83`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8cc2f888c83) - Upgrade Typescript from `4.3.5` to `4.5.5`
+
 ## 12.2.15
 
 ### Patch Changes

package/dist/cjs/blanket.js

@@ -11,7 +11,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 
 var _react = require("react");
 
-var _core = require("@emotion/core");
+var _react2 = require("@emotion/react");
 
 var _usePlatformLeafEventHandler = require("@atlaskit/analytics-next/usePlatformLeafEventHandler");
 
@@ -28,13 +28,13 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 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; }
 
 var packageName = "@atlaskit/blanket";
-var packageVersion = "12.2.15";
+var packageVersion = "12.3.0";
 var analyticsAttributes = {
   componentName: 'blanket',
   packageName: packageName,
   packageVersion: packageVersion
 };
-var baseStyles = (0, _core.css)({
+var baseStyles = (0, _react2.css)({
   position: 'fixed',
   zIndex: _constants.layers.blanket(),
   top: 0,
@@ -44,16 +44,16 @@ var baseStyles = (0, _core.css)({
   overflowY: 'auto',
   pointerEvents: 'initial'
 });
-var shouldAllowClickThroughStyles = (0, _core.css)({
+var shouldAllowClickThroughStyles = (0, _react2.css)({
   pointerEvents: 'none'
 });
-var invisibleStyles = (0, _core.css)({
+var invisibleStyles = (0, _react2.css)({
   backgroundColor: 'transparent'
 });
-var lightBgStyles = (0, _core.css)({
+var lightBgStyles = (0, _react2.css)({
   backgroundColor: "var(--ds-blanket, ".concat(_colors.N100A, ")")
 });
-var darkBgStyles = (0, _core.css)({
+var darkBgStyles = (0, _react2.css)({
   backgroundColor: "var(--ds-blanket, ".concat(_colors.DN90A, ")")
 });
 var backgroundStyle = {
@@ -91,7 +91,7 @@ var Blanket = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef)
     return e.currentTarget === e.target ? onBlanketClickedWithAnalytics(e) : undefined;
   }, [onBlanketClickedWithAnalytics]);
   var onClick = shouldAllowClickThrough ? undefined : blanketClickOutsideChildren;
-  return (0, _core.jsx)("div", {
+  return (0, _react2.jsx)("div", {
     role: "presentation",
     css: [baseStyles, shouldAllowClickThrough && shouldAllowClickThroughStyles, backgroundStyle[mode], !isTinted && invisibleStyles],
     onClick: onClick,

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/blanket",
-	"version": "12.2.15",
+	"version": "12.3.0",
 	"sideEffects": false
 }

package/dist/es2019/blanket.js

@@ -1,13 +1,13 @@
 /** @jsx jsx */
 import { forwardRef, memo, useCallback } from 'react';
-import { css, jsx } from '@emotion/core';
+import { css, jsx } from '@emotion/react';
 import { usePlatformLeafEventHandler } from '@atlaskit/analytics-next/usePlatformLeafEventHandler';
 import noop from '@atlaskit/ds-lib/noop';
 import { DN90A, N100A } from '@atlaskit/theme/colors';
 import { useGlobalTheme } from '@atlaskit/theme/components';
 import { layers } from '@atlaskit/theme/constants';
 const packageName = "@atlaskit/blanket";
-const packageVersion = "12.2.15";
+const packageVersion = "12.3.0";
 const analyticsAttributes = {
   componentName: 'blanket',
   packageName,

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/blanket",
-	"version": "12.2.15",
+	"version": "12.3.0",
 	"sideEffects": false
 }

package/dist/esm/blanket.js

@@ -6,14 +6,14 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 /** @jsx jsx */
 import { forwardRef, memo, useCallback } from 'react';
-import { css, jsx } from '@emotion/core';
+import { css, jsx } from '@emotion/react';
 import { usePlatformLeafEventHandler } from '@atlaskit/analytics-next/usePlatformLeafEventHandler';
 import noop from '@atlaskit/ds-lib/noop';
 import { DN90A, N100A } from '@atlaskit/theme/colors';
 import { useGlobalTheme } from '@atlaskit/theme/components';
 import { layers } from '@atlaskit/theme/constants';
 var packageName = "@atlaskit/blanket";
-var packageVersion = "12.2.15";
+var packageVersion = "12.3.0";
 var analyticsAttributes = {
   componentName: 'blanket',
   packageName: packageName,

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/blanket",
-	"version": "12.2.15",
+	"version": "12.3.0",
 	"sideEffects": false
 }

package/dist/types-ts4.0/blanket.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import type { BlanketProps } from './types';
+/**
+ * __Blanket__
+ *
+ * A Blanket provides the overlay layer for components such as a modal dialog or a tooltip
+ *
+ * - [Examples](https://atlaskit.atlassian.com/examples/design-system/blanket/basic-usage)
+ */
+declare const Blanket: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<BlanketProps & import("react").RefAttributes<HTMLDivElement>>>;
+export default Blanket;

package/dist/types-ts4.0/entry-points/types.d.ts

@@ -0,0 +1 @@
+export type { BlanketProps } from '../types';

package/dist/types-ts4.0/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './blanket';
+export type { BlanketProps } from './types';

package/dist/types-ts4.0/types.d.ts

@@ -0,0 +1,30 @@
+import { ReactNode } from 'react';
+import UIAnalyticsEvent from '@atlaskit/analytics-next/UIAnalyticsEvent';
+export interface BlanketProps {
+    /**
+     * Whether mouse events can pierce the blanket. If true, onBlanketClicked will not be fired.
+     */
+    shouldAllowClickThrough?: boolean;
+    /**
+     * Whether the blanket has a tinted background color.
+     */
+    isTinted?: boolean;
+    /**
+     * Handler function to be called when the blanket is clicked.
+     */
+    onBlanketClicked?: (event: React.MouseEvent<HTMLDivElement>, analyticsEvent: UIAnalyticsEvent) => void;
+    /**
+     * Additional information to be included in the `context` of analytics events.
+     */
+    analyticsContext?: Record<string, any>;
+    /**
+     * A `testId` prop is provided for specified elements,
+     * which is a unique string that appears as a data attribute `data-testid` in the rendered code,
+     * serving as a hook for automated tests.
+     */
+    testId?: string;
+    /**
+     * The children to be rendered within Blanket.
+     */
+    children?: ReactNode;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/blanket",
-  "version": "12.2.15",
+  "version": "12.3.0",
   "description": "A blanket covers the underlying UI for a layered component, such as a modal dialog or a tooltip.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -12,6 +12,13 @@
   "module": "dist/esm/index.js",
   "module:es2019": "dist/es2019/index.js",
   "types": "dist/types/index.d.ts",
+  "typesVersions": {
+    ">=4.0 <4.5": {
+      "*": [
+        "dist/types-ts4.0/*"
+      ]
+    }
+  },
   "sideEffects": false,
   "atlaskit:src": "src/index.tsx",
   "homepage": "https://atlassian.design/components/blanket",
@@ -31,10 +38,10 @@
     "@atlaskit/analytics-next": "^8.2.0",
     "@atlaskit/codemod-utils": "^4.1.0",
     "@atlaskit/ds-lib": "^2.1.0",
-    "@atlaskit/theme": "^12.1.0",
+    "@atlaskit/theme": "^12.2.0",
     "@atlaskit/tokens": "^0.10.0",
     "@babel/runtime": "^7.0.0",
-    "@emotion/core": "^10.0.9"
+    "@emotion/react": "^11.7.1"
   },
   "peerDependencies": {
     "react": "^16.8.0"
@@ -44,17 +51,17 @@
     "@atlaskit/button": "^16.3.0",
     "@atlaskit/docs": "*",
     "@atlaskit/ssr": "*",
-    "@atlaskit/toggle": "^12.4.0",
+    "@atlaskit/toggle": "^12.5.0",
     "@atlaskit/visual-regression": "*",
     "@atlaskit/webdriver-runner": "*",
     "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
-    "@testing-library/dom": "^7.7.3",
-    "@testing-library/react": "^8.0.1",
+    "@testing-library/dom": "^8.17.1",
+    "@testing-library/react": "^12.1.5",
     "jscodeshift": "^0.13.0",
     "react-dom": "^16.8.0",
     "react-lorem-component": "^0.13.0",
     "storybook-addon-performance": "^0.16.0",
-    "typescript": "4.3.5",
+    "typescript": "4.5.5",
     "wait-for-expect": "^1.2.0"
   },
   "keywords": [

package/report.api.md

@@ -1,6 +1,8 @@
-## API Report File for "@atlaskit/blanket"
+## API Report File for "@atlaskit/blanket".
 
-> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
+> Do not edit this file. This report is auto-generated by [API Extractor](https://api-extractor.com/).
+
+[Learn more about API reports](https://hello.atlassian.net/wiki/spaces/UR/pages/1825484529/Package+API+Reports)
 
 ```ts
 /// <reference types="react" />

package/types/package.json

@@ -4,5 +4,12 @@
   "module": "../dist/esm/entry-points/types.js",
   "module:es2019": "../dist/es2019/entry-points/types.js",
   "sideEffects": false,
-  "types": "../dist/types/entry-points/types.d.ts"
+  "types": "../dist/types/entry-points/types.d.ts",
+  "typesVersions": {
+    ">=4.0 <4.5": {
+      "*": [
+        "../dist/types-ts4.0/entry-points/types.d.ts"
+      ]
+    }
+  }
 }