@atlaskit/blanket 15.0.26 → 15.0.28

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @atlaskit/blanket
 
+## 15.0.28
+
+### Patch Changes
+
+- [`22bf79dbdcdca`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/22bf79dbdcdca) -
+  Internal changes to remove unnecessary token fallbacks and imports from `@atlaskit/theme`
+
+## 15.0.27
+
+### Patch Changes
+
+- [`7aef1e49e90ea`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/7aef1e49e90ea) -
+  Removes redundant fallback color values via @atlaskit/theme
+- Updated dependencies
+
 ## 15.0.26
 
 ### Patch Changes

package/blanket.docs.tsx

@@ -0,0 +1,46 @@
+import path from 'path';
+
+import type { ComponentStructuredContentSource } from '@atlassian/structured-docs-types';
+
+const documentation: ComponentStructuredContentSource[] = [
+	{
+		name: 'Blanket',
+		description:
+			'A component for creating overlay backgrounds behind modals and other layered content.',
+		status: 'general-availability',
+		import: {
+			name: 'Blanket',
+			package: '@atlaskit/blanket',
+			type: 'default',
+			packagePath: path.resolve(__dirname),
+			packageJson: require('./package.json'),
+		},
+		usageGuidelines: [
+			'Use behind modals and overlays',
+			'Consider click-to-dismiss behavior',
+			'Use appropriate tinting for context',
+			'Ensure proper z-index layering',
+		],
+		contentGuidelines: [
+			'Use consistently across similar overlay contexts',
+			'Consider visual hierarchy with overlays',
+			'Ensure appropriate contrast with content',
+		],
+		accessibilityGuidelines: [
+			"Ensure blanket doesn't interfere with focus management",
+			'Provide appropriate click handling for dismissal',
+			'Consider screen reader experience with overlays',
+		],
+		examples: [
+			{
+				name: 'Blanket',
+				description: 'Blanket example',
+				source: path.resolve(__dirname, './examples/ai/blanket.tsx'),
+			},
+		],
+		keywords: ['blanket', 'overlay', 'backdrop', 'modal', 'layer'],
+		categories: ['overlay'],
+	},
+];
+
+export default documentation;

package/dist/cjs/blanket.compiled.css

@@ -1,8 +1,8 @@
 
 ._1r04idpf{inset:0}._18m91wug{overflow-y:auto}
 ._1pbybfng{z-index:500}
+._bfhk1i5c{background-color:var(--ds-blanket,#050c1f75)}
 ._bfhk1j28{background-color:transparent}
-._bfhk705f{background-color:var(--_10avjlk)}
 ._kqsw1n9t{position:fixed}
 ._lcxv1wug{pointer-events:auto}
 ._lcxvglyw{pointer-events:none}

package/dist/cjs/blanket.js

@@ -14,13 +14,12 @@ var _runtime = require("@compiled/react/runtime");
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _usePlatformLeafEventHandler = require("@atlaskit/analytics-next/usePlatformLeafEventHandler");
 var _noop = _interopRequireDefault(require("@atlaskit/ds-lib/noop"));
-var _colors = require("@atlaskit/theme/colors");
 var _constants = require("@atlaskit/theme/constants");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 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; }
 var packageName = "@atlaskit/blanket";
-var packageVersion = "0.0.0-development";
+var packageVersion = "15.0.27";
 var analyticsAttributes = {
   componentName: 'blanket',
   packageName: packageName,
@@ -66,10 +65,7 @@ var Blanket = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef)
     onMouseDown: onMouseDown,
     "data-testid": testId,
     ref: ref,
-    className: (0, _runtime.ax)(["_1r04idpf _kqsw1n9t _1pbybfng _bfhk705f _18m91wug _lcxv1wug", shouldAllowClickThrough && "_lcxvglyw", !isTinted && "_bfhk1j28"]),
-    style: {
-      "--_10avjlk": (0, _runtime.ix)("var(--ds-blanket, ".concat(_colors.N100A, ")"))
-    }
+    className: (0, _runtime.ax)(["_1r04idpf _kqsw1n9t _1pbybfng _bfhk1i5c _18m91wug _lcxv1wug", shouldAllowClickThrough && "_lcxvglyw", !isTinted && "_bfhk1j28"])
   }, children);
 }));
 Blanket.displayName = 'Blanket';

package/dist/es2019/blanket.compiled.css

@@ -1,7 +1,7 @@
 
 ._1r04idpf{inset:0}._18m91wug{overflow-y:auto}
 ._1pbybfng{z-index:500}
-._bfhk10ak{background-color:var(--ds-blanket,rgba(9,30,66,.54))}
+._bfhk1i5c{background-color:var(--ds-blanket,#050c1f75)}
 ._bfhk1j28{background-color:transparent}
 ._kqsw1n9t{position:fixed}
 ._lcxv1wug{pointer-events:auto}

package/dist/es2019/blanket.js

@@ -5,10 +5,9 @@ import { ax, ix } from "@compiled/react/runtime";
 import { forwardRef, memo, useCallback, useRef } from 'react';
 import { usePlatformLeafEventHandler } from '@atlaskit/analytics-next/usePlatformLeafEventHandler';
 import noop from '@atlaskit/ds-lib/noop';
-import { N100A } from '@atlaskit/theme/colors';
 import { layers } from '@atlaskit/theme/constants';
 const packageName = "@atlaskit/blanket";
-const packageVersion = "0.0.0-development";
+const packageVersion = "15.0.27";
 const analyticsAttributes = {
   componentName: 'blanket',
   packageName,
@@ -51,7 +50,7 @@ const Blanket = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function Blanket({
     onMouseDown: onMouseDown,
     "data-testid": testId,
     ref: ref,
-    className: ax(["_1r04idpf _kqsw1n9t _1pbybfng _bfhk10ak _18m91wug _lcxv1wug", shouldAllowClickThrough && "_lcxvglyw", !isTinted && "_bfhk1j28"])
+    className: ax(["_1r04idpf _kqsw1n9t _1pbybfng _bfhk1i5c _18m91wug _lcxv1wug", shouldAllowClickThrough && "_lcxvglyw", !isTinted && "_bfhk1j28"])
   }, children);
 }));
 Blanket.displayName = 'Blanket';

package/dist/esm/blanket.compiled.css

@@ -1,8 +1,8 @@
 
 ._1r04idpf{inset:0}._18m91wug{overflow-y:auto}
 ._1pbybfng{z-index:500}
+._bfhk1i5c{background-color:var(--ds-blanket,#050c1f75)}
 ._bfhk1j28{background-color:transparent}
-._bfhk705f{background-color:var(--_10avjlk)}
 ._kqsw1n9t{position:fixed}
 ._lcxv1wug{pointer-events:auto}
 ._lcxvglyw{pointer-events:none}

package/dist/esm/blanket.js

@@ -8,10 +8,9 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import { forwardRef, memo, useCallback, useRef } from 'react';
 import { usePlatformLeafEventHandler } from '@atlaskit/analytics-next/usePlatformLeafEventHandler';
 import noop from '@atlaskit/ds-lib/noop';
-import { N100A } from '@atlaskit/theme/colors';
 import { layers } from '@atlaskit/theme/constants';
 var packageName = "@atlaskit/blanket";
-var packageVersion = "0.0.0-development";
+var packageVersion = "15.0.27";
 var analyticsAttributes = {
   componentName: 'blanket',
   packageName: packageName,
@@ -57,10 +56,7 @@ var Blanket = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function Blanket(_ref,
     onMouseDown: onMouseDown,
     "data-testid": testId,
     ref: ref,
-    className: ax(["_1r04idpf _kqsw1n9t _1pbybfng _bfhk705f _18m91wug _lcxv1wug", shouldAllowClickThrough && "_lcxvglyw", !isTinted && "_bfhk1j28"]),
-    style: {
-      "--_10avjlk": ix("var(--ds-blanket, ".concat(N100A, ")"))
-    }
+    className: ax(["_1r04idpf _kqsw1n9t _1pbybfng _bfhk1i5c _18m91wug _lcxv1wug", shouldAllowClickThrough && "_lcxvglyw", !isTinted && "_bfhk1j28"])
   }, children);
 }));
 Blanket.displayName = 'Blanket';

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/blanket",
-	"version": "15.0.26",
+	"version": "15.0.28",
 	"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/"
@@ -33,11 +33,11 @@
 		}
 	},
 	"dependencies": {
-		"@atlaskit/analytics-next": "^11.1.0",
+		"@atlaskit/analytics-next": "^11.2.0",
 		"@atlaskit/css": "^0.19.0",
 		"@atlaskit/ds-lib": "^6.0.0",
 		"@atlaskit/theme": "^22.0.0",
-		"@atlaskit/tokens": "^11.1.0",
+		"@atlaskit/tokens": "^11.4.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^0.20.0"
 	},
@@ -49,14 +49,15 @@
 		"@af/integration-testing": "workspace:^",
 		"@atlaskit/badge": "^18.4.0",
 		"@atlaskit/button": "^23.10.0",
-		"@atlaskit/docs": "^11.6.0",
+		"@atlaskit/docs": "^11.7.0",
 		"@atlaskit/heading": "^5.3.0",
 		"@atlaskit/layering": "^3.6.0",
 		"@atlaskit/link": "^3.3.0",
-		"@atlaskit/primitives": "^18.0.0",
+		"@atlaskit/primitives": "^18.1.0",
 		"@atlaskit/section-message": "^8.12.0",
 		"@atlaskit/toggle": "^15.2.0",
 		"@atlassian/ssr-tests": "workspace:^",
+		"@atlassian/structured-docs-types": "workspace:^",
 		"@testing-library/dom": "^10.1.0",
 		"@testing-library/react": "^16.3.0",
 		"@testing-library/user-event": "^14.4.3",