@atlaskit/blanket 12.4.5 → 13.0.0

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @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

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(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.5";
+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,
@@ -88,7 +76,7 @@ var Blanket = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef)
      */
     (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,
@@ -97,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.5";
+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,
@@ -77,7 +64,7 @@ const Blanket = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function Blanket({
      */
     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

@@ -6,11 +6,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';
 var packageName = "@atlaskit/blanket";
-var packageVersion = "12.4.5";
+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,
@@ -82,7 +70,7 @@ var Blanket = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function Blanket(_ref,
      */
     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.5",
+  "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/"
@@ -43,7 +43,7 @@
     "@atlaskit/codemod-utils": "^4.2.0",
     "@atlaskit/ds-lib": "^2.2.0",
     "@atlaskit/theme": "^12.6.0",
-    "@atlaskit/tokens": "^1.25.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"
-}
+}