@atlaskit/blanket 15.0.33 → 16.0.0

package/CHANGELOG.md

@@ -1,5 +1,37 @@
 # @atlaskit/blanket
 
+## 16.0.0
+
+### Major Changes
+
+- [`f2dc9097319f0`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/f2dc9097319f0) - ###
+  Dropped support for _legacy_ Typescript 4 types. **Typescript 5 is now the new minimum**.
+
+  Removes the `typesVersions` property and `dist/types-ts4.5` directory from the dist.
+
+  Types are now exclusively via the `"types": "dist/types/index.d.ts"` property.
+
+  ```diff
+  - "typesVersions": {
+  -    ">=4.5 <4.9": {
+  -        "*": [
+  -            "dist/types-ts4.5/*",
+  -            "dist/types-ts4.5/index.d.ts"
+  -        ]
+  -    }
+  - },
+  ```
+
+### Patch Changes
+
+- Updated dependencies
+
+## 15.0.34
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 15.0.33
 
 ### Patch Changes

package/blanket.docs.tsx

@@ -1,46 +1,48 @@
 import path from 'path';
 
-import type { ComponentStructuredContentSource } from '@atlassian/structured-docs-types';
+import type { StructuredContentSource } from '@atlassian/structured-docs-types/types';
 
-const documentation: ComponentStructuredContentSource[] = [
-	{
-		name: 'Blanket',
-		description:
-			'A component for creating overlay backgrounds behind modals and other layered content.',
-		status: 'general-availability',
-		import: {
+const documentation: StructuredContentSource = {
+	components: [
+		{
 			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: [
-			{
+			description:
+				'A component for creating overlay backgrounds behind modals and other layered content.',
+			status: 'general-availability',
+			import: {
 				name: 'Blanket',
-				description: 'Blanket example',
-				source: path.resolve(__dirname, './examples/ai/blanket.tsx'),
+				package: '@atlaskit/blanket',
+				type: 'default',
+				packagePath: path.resolve(__dirname),
+				packageJson: require('./package.json'),
 			},
-		],
-		keywords: ['blanket', 'overlay', 'backdrop', 'modal', 'layer'],
-		categories: ['overlay'],
-	},
-];
+			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.js

@@ -19,7 +19,7 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
 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 = "15.0.32";
+var packageVersion = "15.0.34";
 var analyticsAttributes = {
   componentName: 'blanket',
   packageName: packageName,

package/dist/es2019/blanket.js

@@ -7,7 +7,7 @@ import { usePlatformLeafEventHandler } from '@atlaskit/analytics-next/usePlatfor
 import noop from '@atlaskit/ds-lib/noop';
 import { layers } from '@atlaskit/theme/constants';
 const packageName = "@atlaskit/blanket";
-const packageVersion = "15.0.32";
+const packageVersion = "15.0.34";
 const analyticsAttributes = {
   componentName: 'blanket',
   packageName,

package/dist/esm/blanket.js

@@ -10,7 +10,7 @@ import { usePlatformLeafEventHandler } from '@atlaskit/analytics-next/usePlatfor
 import noop from '@atlaskit/ds-lib/noop';
 import { layers } from '@atlaskit/theme/constants';
 var packageName = "@atlaskit/blanket";
-var packageVersion = "15.0.32";
+var packageVersion = "15.0.34";
 var analyticsAttributes = {
   componentName: 'blanket',
   packageName: packageName,

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/blanket",
-	"version": "15.0.33",
+	"version": "16.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/"
@@ -12,14 +12,6 @@
 	"module": "dist/esm/index.js",
 	"module:es2019": "dist/es2019/index.js",
 	"types": "dist/types/index.d.ts",
-	"typesVersions": {
-		">=4.5 <4.9": {
-			"*": [
-				"dist/types-ts4.5/*",
-				"dist/types-ts4.5/index.d.ts"
-			]
-		}
-	},
 	"sideEffects": [
 		"**/*.compiled.css"
 	],
@@ -40,11 +32,11 @@
 		}
 	},
 	"dependencies": {
-		"@atlaskit/analytics-next": "^11.2.0",
-		"@atlaskit/css": "^0.19.0",
-		"@atlaskit/ds-lib": "^7.0.0",
-		"@atlaskit/theme": "^24.0.0",
-		"@atlaskit/tokens": "^13.0.0",
+		"@atlaskit/analytics-next": "^12.0.0",
+		"@atlaskit/css": "^1.0.0",
+		"@atlaskit/ds-lib": "^8.0.0",
+		"@atlaskit/theme": "^26.0.0",
+		"@atlaskit/tokens": "^14.0.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^0.20.0"
 	},
@@ -54,15 +46,15 @@
 	"devDependencies": {
 		"@af/accessibility-testing": "workspace:^",
 		"@af/integration-testing": "workspace:^",
-		"@atlaskit/badge": "^18.6.0",
-		"@atlaskit/button": "^23.11.0",
-		"@atlaskit/docs": "^11.8.0",
-		"@atlaskit/heading": "^5.4.0",
-		"@atlaskit/layering": "^3.7.0",
-		"@atlaskit/link": "^3.4.0",
-		"@atlaskit/primitives": "^19.0.0",
-		"@atlaskit/section-message": "^8.13.0",
-		"@atlaskit/toggle": "^15.6.0",
+		"@atlaskit/badge": "^19.0.0",
+		"@atlaskit/button": "^24.0.0",
+		"@atlaskit/docs": "^12.0.0",
+		"@atlaskit/heading": "^6.0.0",
+		"@atlaskit/layering": "^4.0.0",
+		"@atlaskit/link": "^4.0.0",
+		"@atlaskit/primitives": "^20.0.0",
+		"@atlaskit/section-message": "^9.0.0",
+		"@atlaskit/toggle": "^17.0.0",
 		"@atlassian/react-compiler-gating": "workspace:^",
 		"@atlassian/ssr-tests": "workspace:^",
 		"@atlassian/structured-docs-types": "workspace:^",

package/types/package.json

@@ -6,12 +6,5 @@
   "sideEffects": [
     "**/*.compiled.css"
   ],
-  "types": "../dist/types/entry-points/types.d.ts",
-  "typesVersions": {
-    ">=4.5 <5.9": {
-      "*": [
-        "../dist/types-ts4.5/entry-points/types.d.ts"
-      ]
-    }
-  }
+  "types": "../dist/types/entry-points/types.d.ts"
 }

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

@@ -1,15 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { type ForwardRefExoticComponent, type MemoExoticComponent, type RefAttributes } from '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: MemoExoticComponent<ForwardRefExoticComponent<BlanketProps & RefAttributes<HTMLDivElement>>>;
-export default Blanket;

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

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

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

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

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

@@ -1,30 +0,0 @@
-import { type ReactNode } from 'react';
-import type UIAnalyticsEvent from '@atlaskit/analytics-next/UIAnalyticsEvent';
-export interface BlanketProps {
-    /**
-     * Whether mouse events can pass through the blanket. If `true`, `onBlanketClicked` will not be called.
-     */
-    shouldAllowClickThrough?: boolean;
-    /**
-     * Sets 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 the blanket.
-     */
-    children?: ReactNode;
-}