@atlaskit/blanket 12.4.4 → 13.0.0

package/CHANGELOG.md

@@ -1,34 +1,46 @@
 # @atlaskit/blanket
 
+## 13.0.0
+
+### Major Changes
+
+- [#41760](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/41760) [`909e4a30fe7`](https://bitbucket.org/atlassian/atlassian-frontend/commits/909e4a30fe7) - Removed all remaining legacy theming logic from the Blanket, Breadcrumbs and Checkbox components.
+
+## 12.4.5
+
+### Patch Changes
+
+- [#40123](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/40123) [`b289e593932`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b289e593932) - Internal change to apply logical properties instead of physical properties for spacing, border, and position.
+
 ## 12.4.4
 
 ### Patch Changes
 
-- [`4ae083a7e66`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4ae083a7e66) - Use `@af/accessibility-testing` for default jest-axe config and jest-axe import in accessibility testing.
+- [#36754](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/36754) [`4ae083a7e66`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4ae083a7e66) - Use `@af/accessibility-testing` for default jest-axe config and jest-axe import in accessibility testing.
 
 ## 12.4.3
 
 ### Patch Changes
 
-- [`77766ad157d`](https://bitbucket.org/atlassian/atlassian-frontend/commits/77766ad157d) - Enrol packages to push-model consumption in Jira.
+- [#34124](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/34124) [`77766ad157d`](https://bitbucket.org/atlassian/atlassian-frontend/commits/77766ad157d) - Enrol packages to push-model consumption in Jira.
 
 ## 12.4.2
 
 ### Patch Changes
 
-- [`9d00501a414`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9d00501a414) - Ensure legacy types are published for TS 4.5-4.8
+- [#33793](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33793) [`9d00501a414`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9d00501a414) - Ensure legacy types are published for TS 4.5-4.8
 
 ## 12.4.1
 
 ### Patch Changes
 
-- [`41fae2c6f68`](https://bitbucket.org/atlassian/atlassian-frontend/commits/41fae2c6f68) - Upgrade Typescript from `4.5.5` to `4.9.5`
+- [#33649](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33649) [`41fae2c6f68`](https://bitbucket.org/atlassian/atlassian-frontend/commits/41fae2c6f68) - Upgrade Typescript from `4.5.5` to `4.9.5`
 
 ## 12.4.0
 
 ### Minor Changes
 
-- [`56507598609`](https://bitbucket.org/atlassian/atlassian-frontend/commits/56507598609) - Skip minor dependency bump
+- [#33258](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33258) [`56507598609`](https://bitbucket.org/atlassian/atlassian-frontend/commits/56507598609) - Skip minor dependency bump
 
 ### Patch Changes
 
@@ -38,7 +50,7 @@
 
 ### Patch Changes
 
-- [`4ba10567310`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4ba10567310) - Internal changes.
+- [#32211](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/32211) [`4ba10567310`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4ba10567310) - Internal changes.
 
 ## 12.3.7
 
@@ -50,7 +62,7 @@
 
 ### Patch Changes
 
-- [`a7e8a6c3ace`](https://bitbucket.org/atlassian/atlassian-frontend/commits/a7e8a6c3ace) - Prevent onBlanketClick function firing on Blanket when mousedown event begins on Blanket children
+- [#29669](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/29669) [`a7e8a6c3ace`](https://bitbucket.org/atlassian/atlassian-frontend/commits/a7e8a6c3ace) - Prevent onBlanketClick function firing on Blanket when mousedown event begins on Blanket children
 
 ## 12.3.5
 
@@ -80,25 +92,25 @@
 
 ### Patch Changes
 
-- [`bc989043572`](https://bitbucket.org/atlassian/atlassian-frontend/commits/bc989043572) - Internal changes to apply spacing tokens. This should be a no-op change.
+- [#26488](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/26488) [`bc989043572`](https://bitbucket.org/atlassian/atlassian-frontend/commits/bc989043572) - Internal changes to apply spacing tokens. This should be a no-op change.
 
 ## 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.
+- [#24710](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/24710) [`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`
+- [#24874](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/24874) [`8cc2f888c83`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8cc2f888c83) - Upgrade Typescript from `4.3.5` to `4.5.5`
 
 ## 12.2.15
 
 ### Patch Changes
 
-- [`8d4228767b0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8d4228767b0) - Upgrade Typescript from `4.2.4` to `4.3.5`.
+- [#24492](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/24492) [`8d4228767b0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8d4228767b0) - Upgrade Typescript from `4.2.4` to `4.3.5`.
 
 ## 12.2.14
 
@@ -116,7 +128,7 @@
 
 ### Patch Changes
 
-- [`cb2392f6d33`](https://bitbucket.org/atlassian/atlassian-frontend/commits/cb2392f6d33) - Upgrade to TypeScript 4.2.4
+- [#20650](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/20650) [`cb2392f6d33`](https://bitbucket.org/atlassian/atlassian-frontend/commits/cb2392f6d33) - Upgrade to TypeScript 4.2.4
 
 ## 12.2.11
 
@@ -128,14 +140,14 @@
 
 ### Patch Changes
 
-- [`dcd92130cc4`](https://bitbucket.org/atlassian/atlassian-frontend/commits/dcd92130cc4) - Migrate deleted background accent tokens to replacements
+- [#19618](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/19618) [`dcd92130cc4`](https://bitbucket.org/atlassian/atlassian-frontend/commits/dcd92130cc4) - Migrate deleted background accent tokens to replacements
 - Updated dependencies
 
 ## 12.2.9
 
 ### Patch Changes
 
-- [`a0b4a3db79c`](https://bitbucket.org/atlassian/atlassian-frontend/commits/a0b4a3db79c) - Change internal type syntax to work with extract-react-types
+- [#19696](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/19696) [`a0b4a3db79c`](https://bitbucket.org/atlassian/atlassian-frontend/commits/a0b4a3db79c) - Change internal type syntax to work with extract-react-types
 
 ## 12.2.8
 
@@ -147,7 +159,7 @@
 
 ### Patch Changes
 
-- [`19d72473dfb`](https://bitbucket.org/atlassian/atlassian-frontend/commits/19d72473dfb) - Updates usage of deprecated token names so they're aligned with the latest naming conventions. No UI or visual changes
+- [#16752](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/16752) [`19d72473dfb`](https://bitbucket.org/atlassian/atlassian-frontend/commits/19d72473dfb) - Updates usage of deprecated token names so they're aligned with the latest naming conventions. No UI or visual changes
 - Updated dependencies
 
 ## 12.2.6
@@ -160,7 +172,7 @@
 
 ### Patch Changes
 
-- [`f460cc7c411`](https://bitbucket.org/atlassian/atlassian-frontend/commits/f460cc7c411) - Builds for this package now pass through a tokens babel plugin, removing runtime invocations of the tokens() function and improving bundle size.
+- [#15998](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/15998) [`f460cc7c411`](https://bitbucket.org/atlassian/atlassian-frontend/commits/f460cc7c411) - Builds for this package now pass through a tokens babel plugin, removing runtime invocations of the tokens() function and improving bundle size.
 - Updated dependencies
 
 ## 12.2.4
@@ -173,7 +185,7 @@
 
 ### Patch Changes
 
-- [`34282240102`](https://bitbucket.org/atlassian/atlassian-frontend/commits/34282240102) - Adds explicit type to button usages components.
+- [#15632](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/15632) [`34282240102`](https://bitbucket.org/atlassian/atlassian-frontend/commits/34282240102) - Adds explicit type to button usages components.
 
 ## 12.2.2
 
@@ -191,7 +203,7 @@
 
 ### Minor Changes
 
-- [`9f7f8e0b581`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9f7f8e0b581) - [ux] Blanket now uses a transparent background color when un-tinted instead of using opacity.
+- [#13302](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/13302) [`9f7f8e0b581`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9f7f8e0b581) - [ux] Blanket now uses a transparent background color when un-tinted instead of using opacity.
 
 ### Patch Changes
 
@@ -208,7 +220,7 @@
 
 ### Minor Changes
 
-- [`6071d362abb`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6071d362abb) - [ux] Colors now sourced from tokens.
+- [#12837](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/12837) [`6071d362abb`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6071d362abb) - [ux] Colors now sourced from tokens.
 
 ### Patch Changes
 
@@ -219,13 +231,13 @@
 
 ### Patch Changes
 
-- [`378d1cef00f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/378d1cef00f) - Bump `@atlaskit/theme` to version `^11.3.0`.
+- [#12880](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/12880) [`378d1cef00f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/378d1cef00f) - Bump `@atlaskit/theme` to version `^11.3.0`.
 
 ## 12.0.0
 
 ### Major Changes
 
-- [`f166f5398b2`](https://bitbucket.org/atlassian/atlassian-frontend/commits/f166f5398b2) - In this version we made **Blanket** faster and lighter
+- [#12328](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/12328) [`f166f5398b2`](https://bitbucket.org/atlassian/atlassian-frontend/commits/f166f5398b2) - In this version we made **Blanket** faster and lighter
 
   - General performance improvements
 
@@ -257,7 +269,7 @@
   Run `npx @atlaskit/codemod-cli -h` for more details on usage.
 
   For Atlassians,
-  refer to the [documentation](https://developer.atlassian.com/cloud/framework/atlassian-frontend/codemods/01-atlassian-codemods/) for more details on the codemod CLI.
+  refer to the [documentation](https://hello.atlassian.net/wiki/spaces/AF/pages/2627171992/Codemods) for more details on the codemod CLI.
 
 ### Patch Changes
 
@@ -268,37 +280,37 @@
 
 ### Patch Changes
 
-- [`dd89416d229`](https://bitbucket.org/atlassian/atlassian-frontend/commits/dd89416d229) - Updated dependency of `@atlaskit/theme` to 11.2.0
+- [#12670](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/12670) [`dd89416d229`](https://bitbucket.org/atlassian/atlassian-frontend/commits/dd89416d229) - Updated dependency of `@atlaskit/theme` to 11.2.0
 
 ## 11.4.0
 
 ### Minor Changes
 
-- [`96fda7877a1`](https://bitbucket.org/atlassian/atlassian-frontend/commits/96fda7877a1) - We converted blanket from class to functional component and replaced styled components with emotion
+- [#11649](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/11649) [`96fda7877a1`](https://bitbucket.org/atlassian/atlassian-frontend/commits/96fda7877a1) - We converted blanket from class to functional component and replaced styled components with emotion
 
 ## 11.3.1
 
 ### Patch Changes
 
-- [`d6f7ff383cf`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d6f7ff383cf) - Updates to development dependency `storybook-addon-performance`
+- [#12167](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/12167) [`d6f7ff383cf`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d6f7ff383cf) - Updates to development dependency `storybook-addon-performance`
 
 ## 11.3.0
 
 ### Minor Changes
 
-- [`f6b951a51f2`](https://bitbucket.org/atlassian/atlassian-frontend/commits/f6b951a51f2) - Removes usage of styled-components in favour of standardising on emotion
+- [#12170](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/12170) [`f6b951a51f2`](https://bitbucket.org/atlassian/atlassian-frontend/commits/f6b951a51f2) - Removes usage of styled-components in favour of standardising on emotion
 
 ## 11.2.1
 
 ### Patch Changes
 
-- [`e08a57e5055`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e08a57e5055) - Added the `design-system` tech stacks to the `package.json`
+- [#11113](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/11113) [`e08a57e5055`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e08a57e5055) - Added the `design-system` tech stacks to the `package.json`
 
 ## 11.2.0
 
 ### Minor Changes
 
-- [`990aefd838b`](https://bitbucket.org/atlassian/atlassian-frontend/commits/990aefd838b) - Blanket now accepts testId prop to be used for automated testing purposes.
+- [#9756](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/9756) [`990aefd838b`](https://bitbucket.org/atlassian/atlassian-frontend/commits/990aefd838b) - Blanket now accepts testId prop to be used for automated testing purposes.
 
 ### Patch Changes
 
@@ -308,25 +320,25 @@
 
 ### Patch Changes
 
-- [`79c23df6340`](https://bitbucket.org/atlassian/atlassian-frontend/commits/79c23df6340) - Use injected package name and version for analytics instead of version.json.
+- [#8644](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/8644) [`79c23df6340`](https://bitbucket.org/atlassian/atlassian-frontend/commits/79c23df6340) - Use injected package name and version for analytics instead of version.json.
 
 ## 11.1.0
 
 ### Minor Changes
 
-- [`4f9e6e2db5`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4f9e6e2db5) - These packages now have defined entry points -- this means that you cannot access internal files in the packages that are not meant to be public. Sub-components in these packages have been explicitly defined, aiding tree-shaking and reducing bundle size.
+- [#7170](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/7170) [`4f9e6e2db5`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4f9e6e2db5) - These packages now have defined entry points -- this means that you cannot access internal files in the packages that are not meant to be public. Sub-components in these packages have been explicitly defined, aiding tree-shaking and reducing bundle size.
 
 ## 11.0.4
 
 ### Patch Changes
 
-- [`d3265f19be`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d3265f19be) - Transpile packages using babel rather than tsc
+- [#5857](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/5857) [`d3265f19be`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d3265f19be) - Transpile packages using babel rather than tsc
 
 ## 11.0.3
 
 ### Patch Changes
 
-- [`5f58283e1f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/5f58283e1f) - Export types using Typescript's new "export type" syntax to satisfy Typescript's --isolatedModules compiler option.
+- [#5497](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/5497) [`5f58283e1f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/5f58283e1f) - Export types using Typescript's new "export type" syntax to satisfy Typescript's --isolatedModules compiler option.
   This requires version 3.8 of Typescript, read more about how we handle Typescript versions here: https://atlaskit.atlassian.com/get-started
   Also add `typescript` to `devDependencies` to denote version that the package was built with.
 
@@ -340,7 +352,7 @@
 
 ### Patch Changes
 
-- [`6c525a8229`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6c525a8229) - Upgraded to TypeScript 3.9.6 and tslib to 2.0.0
+- [#3885](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/3885) [`6c525a8229`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6c525a8229) - Upgraded to TypeScript 3.9.6 and tslib to 2.0.0
 
   Since tslib is a dependency for all our packages we recommend that products also follow this tslib upgrade
   to prevent duplicates of tslib being bundled.
@@ -349,7 +361,7 @@
 
 ### Major Changes
 
-- [`87f4720f27`](https://bitbucket.org/atlassian/atlassian-frontend/commits/87f4720f27) - Officially dropping IE11 support, from this version onwards there are no warranties of the package working in IE11.
+- [#3335](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/3335) [`87f4720f27`](https://bitbucket.org/atlassian/atlassian-frontend/commits/87f4720f27) - Officially dropping IE11 support, from this version onwards there are no warranties of the package working in IE11.
   For more information see: https://community.developer.atlassian.com/t/atlaskit-to-drop-support-for-internet-explorer-11-from-1st-july-2020/39534
 
 ### Patch Changes
@@ -360,7 +372,7 @@
 
 ### Patch Changes
 
-- [`54a9514fcf`](https://bitbucket.org/atlassian/atlassian-frontend/commits/54a9514fcf) - Build and supporting files will no longer be published to npm
+- [#2866](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/2866) [`54a9514fcf`](https://bitbucket.org/atlassian/atlassian-frontend/commits/54a9514fcf) - Build and supporting files will no longer be published to npm
 
 ## 10.0.18
 

package/dist/cjs/blanket.js

@@ -11,12 +11,11 @@ var _react2 = require("@emotion/react");
 var _usePlatformLeafEventHandler = require("@atlaskit/analytics-next/usePlatformLeafEventHandler");
 var _noop = _interopRequireDefault(require("@atlaskit/ds-lib/noop"));
 var _colors = require("@atlaskit/theme/colors");
-var _components = require("@atlaskit/theme/components");
 var _constants = require("@atlaskit/theme/constants");
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-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; } /** @jsx jsx */
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } /** @jsx jsx */
 var packageName = "@atlaskit/blanket";
-var packageVersion = "12.4.4";
+var packageVersion = "13.0.0";
 var analyticsAttributes = {
   componentName: 'blanket',
   packageName: packageName,
@@ -26,6 +25,7 @@ var baseStyles = (0, _react2.css)({
   position: 'fixed',
   zIndex: _constants.layers.blanket(),
   inset: 0,
+  backgroundColor: "var(--ds-blanket, ".concat(_colors.N100A, ")"),
   overflowY: 'auto',
   pointerEvents: 'initial'
 });
@@ -35,16 +35,6 @@ var shouldAllowClickThroughStyles = (0, _react2.css)({
 var invisibleStyles = (0, _react2.css)({
   backgroundColor: 'transparent'
 });
-var lightBgStyles = (0, _react2.css)({
-  backgroundColor: "var(--ds-blanket, ".concat(_colors.N100A, ")")
-});
-var darkBgStyles = (0, _react2.css)({
-  backgroundColor: "var(--ds-blanket, ".concat(_colors.DN90A, ")")
-});
-var backgroundStyle = {
-  light: lightBgStyles,
-  dark: darkBgStyles
-};
 
 /**
  * __Blanket__
@@ -63,8 +53,6 @@ var Blanket = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef)
     testId = _ref.testId,
     children = _ref.children,
     analyticsContext = _ref.analyticsContext;
-  var _useGlobalTheme = (0, _components.useGlobalTheme)(),
-    mode = _useGlobalTheme.mode;
   var mouseDownTarget = (0, _react.useRef)(null);
   var onBlanketClickedWithAnalytics = (0, _usePlatformLeafEventHandler.usePlatformLeafEventHandler)(_objectSpread({
     fn: onBlanketClicked,
@@ -79,10 +67,16 @@ var Blanket = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef)
     mouseDownTarget.current = e.target;
   }, []);
   return (
-    // TODO: Remove role="presentation", since div's have no semantics anyway (DSP-11587)
+    /**
+     * It is not normally acceptable to add click and key handlers to non-interactive
+     * elements as this is an accessibility anti-pattern. However, because this
+     * instance is to enable light dismiss functionality instead of creating an
+     * inaccessible custom element, we can add role="presentation" so that there
+     * are no negative impacts to assistive technologies.
+     */
     (0, _react2.jsx)("div", {
       role: "presentation",
-      css: [baseStyles, shouldAllowClickThrough && shouldAllowClickThroughStyles, backgroundStyle[mode], !isTinted && invisibleStyles],
+      css: [baseStyles, shouldAllowClickThrough && shouldAllowClickThroughStyles, !isTinted && invisibleStyles],
       onClick: onClick,
       onMouseDown: onMouseDown,
       "data-testid": testId,
@@ -91,5 +85,4 @@ var Blanket = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef)
   );
 }));
 Blanket.displayName = 'Blanket';
-var _default = Blanket;
-exports.default = _default;
+var _default = exports.default = Blanket;

package/dist/es2019/blanket.js

@@ -3,11 +3,10 @@ import { forwardRef, memo, useCallback, useRef } from 'react';
 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 { N100A } from '@atlaskit/theme/colors';
 import { layers } from '@atlaskit/theme/constants';
 const packageName = "@atlaskit/blanket";
-const packageVersion = "12.4.4";
+const packageVersion = "13.0.0";
 const analyticsAttributes = {
   componentName: 'blanket',
   packageName,
@@ -17,6 +16,7 @@ const baseStyles = css({
   position: 'fixed',
   zIndex: layers.blanket(),
   inset: 0,
+  backgroundColor: `var(--ds-blanket, ${N100A})`,
   overflowY: 'auto',
   pointerEvents: 'initial'
 });
@@ -26,16 +26,6 @@ const shouldAllowClickThroughStyles = css({
 const invisibleStyles = css({
   backgroundColor: 'transparent'
 });
-const lightBgStyles = css({
-  backgroundColor: `var(--ds-blanket, ${N100A})`
-});
-const darkBgStyles = css({
-  backgroundColor: `var(--ds-blanket, ${DN90A})`
-});
-const backgroundStyle = {
-  light: lightBgStyles,
-  dark: darkBgStyles
-};
 
 /**
  * __Blanket__
@@ -52,9 +42,6 @@ const Blanket = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function Blanket({
   children,
   analyticsContext
 }, ref) {
-  const {
-    mode
-  } = useGlobalTheme();
   const mouseDownTarget = useRef(null);
   const onBlanketClickedWithAnalytics = usePlatformLeafEventHandler({
     fn: onBlanketClicked,
@@ -68,10 +55,16 @@ const Blanket = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function Blanket({
     mouseDownTarget.current = e.target;
   }, []);
   return (
-    // TODO: Remove role="presentation", since div's have no semantics anyway (DSP-11587)
+    /**
+     * It is not normally acceptable to add click and key handlers to non-interactive
+     * elements as this is an accessibility anti-pattern. However, because this
+     * instance is to enable light dismiss functionality instead of creating an
+     * inaccessible custom element, we can add role="presentation" so that there
+     * are no negative impacts to assistive technologies.
+     */
     jsx("div", {
       role: "presentation",
-      css: [baseStyles, shouldAllowClickThrough && shouldAllowClickThroughStyles, backgroundStyle[mode], !isTinted && invisibleStyles],
+      css: [baseStyles, shouldAllowClickThrough && shouldAllowClickThroughStyles, !isTinted && invisibleStyles],
       onClick: onClick,
       onMouseDown: onMouseDown,
       "data-testid": testId,

package/dist/esm/blanket.js

@@ -1,16 +1,15 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-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) { _defineProperty(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; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 /** @jsx jsx */
 import { forwardRef, memo, useCallback, useRef } from 'react';
 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 { N100A } from '@atlaskit/theme/colors';
 import { layers } from '@atlaskit/theme/constants';
 var packageName = "@atlaskit/blanket";
-var packageVersion = "12.4.4";
+var packageVersion = "13.0.0";
 var analyticsAttributes = {
   componentName: 'blanket',
   packageName: packageName,
@@ -20,6 +19,7 @@ var baseStyles = css({
   position: 'fixed',
   zIndex: layers.blanket(),
   inset: 0,
+  backgroundColor: "var(--ds-blanket, ".concat(N100A, ")"),
   overflowY: 'auto',
   pointerEvents: 'initial'
 });
@@ -29,16 +29,6 @@ var shouldAllowClickThroughStyles = css({
 var invisibleStyles = css({
   backgroundColor: 'transparent'
 });
-var lightBgStyles = css({
-  backgroundColor: "var(--ds-blanket, ".concat(N100A, ")")
-});
-var darkBgStyles = css({
-  backgroundColor: "var(--ds-blanket, ".concat(DN90A, ")")
-});
-var backgroundStyle = {
-  light: lightBgStyles,
-  dark: darkBgStyles
-};
 
 /**
  * __Blanket__
@@ -57,8 +47,6 @@ var Blanket = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function Blanket(_ref,
     testId = _ref.testId,
     children = _ref.children,
     analyticsContext = _ref.analyticsContext;
-  var _useGlobalTheme = useGlobalTheme(),
-    mode = _useGlobalTheme.mode;
   var mouseDownTarget = useRef(null);
   var onBlanketClickedWithAnalytics = usePlatformLeafEventHandler(_objectSpread({
     fn: onBlanketClicked,
@@ -73,10 +61,16 @@ var Blanket = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function Blanket(_ref,
     mouseDownTarget.current = e.target;
   }, []);
   return (
-    // TODO: Remove role="presentation", since div's have no semantics anyway (DSP-11587)
+    /**
+     * It is not normally acceptable to add click and key handlers to non-interactive
+     * elements as this is an accessibility anti-pattern. However, because this
+     * instance is to enable light dismiss functionality instead of creating an
+     * inaccessible custom element, we can add role="presentation" so that there
+     * are no negative impacts to assistive technologies.
+     */
     jsx("div", {
       role: "presentation",
-      css: [baseStyles, shouldAllowClickThrough && shouldAllowClickThroughStyles, backgroundStyle[mode], !isTinted && invisibleStyles],
+      css: [baseStyles, shouldAllowClickThrough && shouldAllowClickThroughStyles, !isTinted && invisibleStyles],
       onClick: onClick,
       onMouseDown: onMouseDown,
       "data-testid": testId,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/blanket",
-  "version": "12.4.4",
+  "version": "13.0.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/"
@@ -42,8 +42,8 @@
     "@atlaskit/analytics-next": "^9.1.0",
     "@atlaskit/codemod-utils": "^4.2.0",
     "@atlaskit/ds-lib": "^2.2.0",
-    "@atlaskit/theme": "^12.5.0",
-    "@atlaskit/tokens": "^1.11.0",
+    "@atlaskit/theme": "^12.6.0",
+    "@atlaskit/tokens": "^1.28.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1"
   },
@@ -52,6 +52,7 @@
   },
   "devDependencies": {
     "@af/accessibility-testing": "*",
+    "@af/integration-testing": "*",
     "@atlaskit/ssr": "*",
     "@atlaskit/visual-regression": "*",
     "@atlaskit/webdriver-runner": "*",
@@ -92,4 +93,4 @@
     }
   },
   "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.1"
-}
+}

package/tmp/api-report-tmp.d.ts

@@ -0,0 +1,31 @@
+## API Report File for "@atlaskit/blanket"
+
+> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
+
+```ts
+
+/// <reference types="react" />
+
+import { ForwardRefExoticComponent } from 'react';
+import { MemoExoticComponent } from 'react';
+import { ReactNode } from 'react';
+import { RefAttributes } from 'react';
+import UIAnalyticsEvent from '@atlaskit/analytics-next/UIAnalyticsEvent';
+
+// @public
+const Blanket: MemoExoticComponent<ForwardRefExoticComponent<BlanketProps & RefAttributes<HTMLDivElement>>>;
+export default Blanket;
+
+// @public (undocumented)
+export interface BlanketProps {
+    analyticsContext?: Record<string, any>;
+    children?: ReactNode;
+    isTinted?: boolean;
+    onBlanketClicked?: (event: React.MouseEvent<HTMLDivElement>, analyticsEvent: UIAnalyticsEvent) => void;
+    shouldAllowClickThrough?: boolean;
+    testId?: string;
+}
+
+// (No @packageDocumentation comment for this package)
+
+```

package/dist/cjs/version.json

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

package/dist/es2019/version.json

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

package/dist/esm/version.json

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