@atlaskit/section-message 9.2.7 → 10.1.0

package/CHANGELOG.md

@@ -1,5 +1,68 @@
 # @atlaskit/section-message
 
+## 10.1.0
+
+### Minor Changes
+
+- [`d82e6f76528ab`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/d82e6f76528ab) -
+  Add direct subpath package exports as part of the linking-platform, search, media, and
+  design-system barrel-removal (de-barrel) migration.
+
+  These packages now expose their individual modules via explicit `package.json` `exports` subpaths
+  so that consumers can import directly from the leaf module (e.g. `@atlaskit/pkg/thing`) instead of
+  the package barrel/index. This adds new public entry points without changing or removing any
+  existing exports, so it is a backwards-compatible additive change.
+
+  No runtime behaviour changes; this is an API-surface (entry-point) addition to support
+  tree-shaking and to unblock removal of the barrel index files.
+
+### Patch Changes
+
+- Updated dependencies
+
+## 10.0.0
+
+### Major Changes
+
+- [`48e7d03469b80`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/48e7d03469b80) -
+  Apply Volt entry-point and barrel-removal standards across these design-system packages. Public
+  `exports` now resolve **directly** to `./src/*` implementations instead of intermediate
+  `./src/entry-points/*` re-exports, root barrels and remaining entry-point shims are marked
+  deprecated in favour of per-export subpaths, and a few new subpaths are added
+  (`@atlaskit/badge/badge-new`, `@atlaskit/tile/tile-skeleton`, `@atlaskit/popper/main`,
+  `@atlaskit/section-message/message`, `@atlaskit/section-message/message-action`).
+
+  ### Why this is breaking
+
+  Subpaths and the package root can now resolve to the **same module instance**. Consumers that
+  deep-imported `entry-points/*`, or `jest.mock()`'d a specific subpath may need updates.
+  `@atlaskit/image`'s root export now points at `./src/ui/image/index.tsx`.
+  `@atlaskit/checkbox/checkbox` now exports a named `Checkbox` from the implementation module
+  (default export retained for backwards compatibility).
+
+  ### Migration
+
+  Prefer published subpaths over the package root:
+
+  ```ts
+  import { Checkbox } from '@atlaskit/checkbox/checkbox';
+  import TextField from '@atlaskit/textfield/text-field';
+  import Popup from '@atlaskit/popup/popup';
+  import SectionMessage from '@atlaskit/section-message/message';
+  import EmptyState from '@atlaskit/empty-state/empty-state';
+  ```
+
+  If you imported through internal entry-point modules, switch to the public subpath:
+
+  ```diff
+  -import Checkbox from '@atlaskit/checkbox/entry-points/checkbox';
+  +import { Checkbox } from '@atlaskit/checkbox/checkbox';
+  ```
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 9.2.7
 
 ### Patch Changes

package/dist/cjs/section-message-action.js

@@ -13,8 +13,8 @@ var React = _react;
 var _runtime = require("@compiled/react/runtime");
 var _standardButton = _interopRequireDefault(require("@atlaskit/button/standard-button"));
 var _css = require("@atlaskit/css");
-var _link = _interopRequireDefault(require("@atlaskit/link"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _link = _interopRequireDefault(require("@atlaskit/link/link"));
+var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _compiled = require("@atlaskit/primitives/compiled");
 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); }
 var styles = {
@@ -56,7 +56,7 @@ var SectionMessageAction = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _reac
       return /*#__PURE__*/React.createElement(_compiled.Pressable, {
         testId: testId,
         onClick: onClick,
-        xcss: (0, _css.cx)(styles.common, styles.pressable, (0, _platformFeatureFlags.fg)('platform-dst-shape-theme-default') && styles.pressableT26Shape),
+        xcss: (0, _css.cx)(styles.common, styles.pressable, (0, _fg.fg)('platform-dst-shape-theme-default') && styles.pressableT26Shape),
         ref: ref
       }, children);
     }

package/dist/cjs/section-message.js

@@ -13,9 +13,9 @@ var React = _react;
 var _runtime = require("@compiled/react/runtime");
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _new = require("@atlaskit/button/new");
-var _heading = _interopRequireDefault(require("@atlaskit/heading"));
+var _heading = _interopRequireDefault(require("@atlaskit/heading/heading"));
 var _cross = _interopRequireDefault(require("@atlaskit/icon/core/cross"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _compiled = require("@atlaskit/primitives/compiled");
 var _appearanceIcon = require("./internal/appearance-icon");
 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); }
@@ -74,7 +74,7 @@ var SectionMessage = /*#__PURE__*/(0, _react.forwardRef)(function SectionMessage
   return isDismissible && dismissed ? null : /*#__PURE__*/React.createElement("section", {
     "data-testid": testId,
     ref: ref,
-    className: (0, _runtime.ax)([sectionMessageStyles.container, (0, _platformFeatureFlags.fg)('platform-dst-shape-theme-default') && sectionMessageStyles.containerT26Shape, appearanceStyles[appearance]])
+    className: (0, _runtime.ax)([sectionMessageStyles.container, (0, _fg.fg)('platform-dst-shape-theme-default') && sectionMessageStyles.containerT26Shape, appearanceStyles[appearance]])
   }, /*#__PURE__*/React.createElement(_compiled.Inline, {
     space: "space.200",
     alignBlock: "stretch"

package/dist/es2019/entry-points/section-message-action.js

@@ -1 +1,8 @@
-export { default } from '../section-message-action';
+/* eslint-disable @repo/internal/deprecations/deprecation-ticket-required -- VOLTC-139 tracks removal of these deprecated re-export shims. */
+/**
+ * @deprecated Use `import SectionMessageAction from '@atlaskit/section-message/message-action'` instead.
+ */
+export { default } from '../section-message-action';
+/**
+ * @deprecated Use `import type { SectionMessageActionProps } from '@atlaskit/section-message/types'` instead.
+ */

package/dist/es2019/entry-points/section-message.js

@@ -1 +1,8 @@
-export { default } from '../section-message';
+/* eslint-disable @repo/internal/deprecations/deprecation-ticket-required -- VOLTC-139 tracks removal of these deprecated re-export shims. */
+/**
+ * @deprecated Use `import SectionMessage from '@atlaskit/section-message/message'` instead.
+ */
+export { default } from '../section-message';
+/**
+ * @deprecated Use `import type { SectionMessageProps } from '@atlaskit/section-message/types'` instead.
+ */

package/dist/es2019/section-message-action.js

@@ -5,8 +5,8 @@ import { ax, ix } from "@compiled/react/runtime";
 import { forwardRef, Fragment, memo } from 'react';
 import Button from '@atlaskit/button/standard-button';
 import { cx } from '@atlaskit/css';
-import Link from '@atlaskit/link';
-import { fg } from '@atlaskit/platform-feature-flags';
+import Link from '@atlaskit/link/link';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { Box, Pressable } from '@atlaskit/primitives/compiled';
 const styles = {
   common: "_11c8fhey",

package/dist/es2019/section-message.js

@@ -4,9 +4,9 @@ import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { Children, forwardRef, Fragment, useCallback, useState } from 'react';
 import { IconButton } from '@atlaskit/button/new';
-import Heading from '@atlaskit/heading';
+import Heading from '@atlaskit/heading/heading';
 import CrossIcon from '@atlaskit/icon/core/cross';
-import { fg } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { Inline, Stack } from '@atlaskit/primitives/compiled';
 import { getAppearanceIconStyles } from './internal/appearance-icon';
 const sectionMessageStyles = {

package/dist/esm/entry-points/section-message-action.js

@@ -1 +1,8 @@
-export { default } from '../section-message-action';
+/* eslint-disable @repo/internal/deprecations/deprecation-ticket-required -- VOLTC-139 tracks removal of these deprecated re-export shims. */
+/**
+ * @deprecated Use `import SectionMessageAction from '@atlaskit/section-message/message-action'` instead.
+ */
+export { default } from '../section-message-action';
+/**
+ * @deprecated Use `import type { SectionMessageActionProps } from '@atlaskit/section-message/types'` instead.
+ */

package/dist/esm/entry-points/section-message.js

@@ -1 +1,8 @@
-export { default } from '../section-message';
+/* eslint-disable @repo/internal/deprecations/deprecation-ticket-required -- VOLTC-139 tracks removal of these deprecated re-export shims. */
+/**
+ * @deprecated Use `import SectionMessage from '@atlaskit/section-message/message'` instead.
+ */
+export { default } from '../section-message';
+/**
+ * @deprecated Use `import type { SectionMessageProps } from '@atlaskit/section-message/types'` instead.
+ */

package/dist/esm/section-message-action.js

@@ -5,8 +5,8 @@ import { ax, ix } from "@compiled/react/runtime";
 import { forwardRef, Fragment, memo } from 'react';
 import Button from '@atlaskit/button/standard-button';
 import { cx } from '@atlaskit/css';
-import Link from '@atlaskit/link';
-import { fg } from '@atlaskit/platform-feature-flags';
+import Link from '@atlaskit/link/link';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { Box, Pressable } from '@atlaskit/primitives/compiled';
 var styles = {
   common: "_11c8fhey",

package/dist/esm/section-message.js

@@ -5,9 +5,9 @@ import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { Children, forwardRef, Fragment, useCallback, useState } from 'react';
 import { IconButton } from '@atlaskit/button/new';
-import Heading from '@atlaskit/heading';
+import Heading from '@atlaskit/heading/heading';
 import CrossIcon from '@atlaskit/icon/core/cross';
-import { fg } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { Inline, Stack } from '@atlaskit/primitives/compiled';
 import { getAppearanceIconStyles } from './internal/appearance-icon';
 var sectionMessageStyles = {

package/dist/types/entry-points/section-message-action.d.ts

@@ -1,2 +1,8 @@
+/**
+ * @deprecated Use `import SectionMessageAction from '@atlaskit/section-message/message-action'` instead.
+ */
 export { default } from '../section-message-action';
+/**
+ * @deprecated Use `import type { SectionMessageActionProps } from '@atlaskit/section-message/types'` instead.
+ */
 export type { SectionMessageActionProps } from '../types';

package/dist/types/entry-points/section-message.d.ts

@@ -1,2 +1,8 @@
+/**
+ * @deprecated Use `import SectionMessage from '@atlaskit/section-message/message'` instead.
+ */
 export { default } from '../section-message';
+/**
+ * @deprecated Use `import type { SectionMessageProps } from '@atlaskit/section-message/types'` instead.
+ */
 export type { SectionMessageProps } from '../types';

package/dist/types/types.d.ts

@@ -1,5 +1,5 @@
 import type { ReactElement } from 'react';
-import type { UIAnalyticsEvent } from '@atlaskit/analytics-next';
+import type UIAnalyticsEvent from '@atlaskit/analytics-next/UIAnalyticsEvent';
 /**
  * Appearance determines the icon and background color pairing indicating the message type
  */

package/message/package.json

@@ -0,0 +1,10 @@
+{
+  "name": "@atlaskit/section-message/message",
+  "main": "../dist/cjs/section-message.js",
+  "module": "../dist/esm/section-message.js",
+  "module:es2019": "../dist/es2019/section-message.js",
+  "sideEffects": [
+    "**/*.compiled.css"
+  ],
+  "types": "../dist/types/section-message.d.ts"
+}

package/message-action/package.json

@@ -0,0 +1,10 @@
+{
+  "name": "@atlaskit/section-message/message-action",
+  "main": "../dist/cjs/section-message-action.js",
+  "module": "../dist/esm/section-message-action.js",
+  "module:es2019": "../dist/es2019/section-message-action.js",
+  "sideEffects": [
+    "**/*.compiled.css"
+  ],
+  "types": "../dist/types/section-message-action.d.ts"
+}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/section-message",
-	"version": "9.2.7",
+	"version": "10.1.0",
 	"description": "A section message is used to alert users to a particular section of the screen.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -31,15 +31,15 @@
 		}
 	},
 	"dependencies": {
-		"@atlaskit/button": "^25.0.0",
+		"@atlaskit/button": "^25.2.0",
 		"@atlaskit/css": "^1.0.0",
-		"@atlaskit/heading": "^7.0.0",
-		"@atlaskit/icon": "^37.2.0",
-		"@atlaskit/link": "^5.0.0",
+		"@atlaskit/heading": "^7.1.0",
+		"@atlaskit/icon": "^37.5.0",
+		"@atlaskit/link": "^5.1.0",
 		"@atlaskit/platform-feature-flags": "^2.1.0",
-		"@atlaskit/primitives": "^22.2.0",
+		"@atlaskit/primitives": "^22.4.0",
 		"@atlaskit/react-compiler-gating": "^0.2.0",
-		"@atlaskit/tokens": "^16.3.0",
+		"@atlaskit/tokens": "^16.8.0",
 		"@babel/runtime": "^7.0.0"
 	},
 	"peerDependencies": {
@@ -50,11 +50,11 @@
 		"@af/integration-testing": "workspace:^",
 		"@af/visual-regression": "workspace:^",
 		"@atlaskit/analytics-next": "^12.3.0",
-		"@atlaskit/code": "^18.2.0",
-		"@atlaskit/docs": "^12.1.0",
+		"@atlaskit/code": "^19.1.0",
+		"@atlaskit/docs": "^12.2.0",
 		"@atlaskit/ds-lib": "^8.0.0",
-		"@atlaskit/form": "^16.1.0",
-		"@atlaskit/range": "^11.1.0",
+		"@atlaskit/form": "^17.1.0",
+		"@atlaskit/range": "^12.1.0",
 		"@atlassian/ssr-tests": "workspace:^",
 		"@atlassian/structured-docs-types": "workspace:^",
 		"@testing-library/react": "^16.3.0",
@@ -62,28 +62,6 @@
 		"react": "^18.2.0",
 		"react-dom": "^18.2.0"
 	},
-	"techstack": {
-		"@atlassian/frontend": {
-			"import-structure": "atlassian-conventions"
-		},
-		"@repo/internal": {
-			"design-system": "v1",
-			"dom-events": "use-bind-event-listener",
-			"ui-components": [
-				"primitives",
-				"lite-mode"
-			],
-			"analytics": "analytics-next",
-			"styling": [
-				"emotion"
-			],
-			"design-tokens": [
-				"color",
-				"spacing"
-			],
-			"deprecation": "no-deprecated-imports"
-		}
-	},
 	"platform-feature-flags": {
 		"platform-dst-shape-theme-default": {
 			"type": "boolean"

package/types/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@atlaskit/section-message/types",
-  "main": "../dist/cjs/entry-points/types.js",
-  "module": "../dist/esm/entry-points/types.js",
-  "module:es2019": "../dist/es2019/entry-points/types.js",
+  "main": "../dist/cjs/types.js",
+  "module": "../dist/esm/types.js",
+  "module:es2019": "../dist/es2019/types.js",
   "sideEffects": [
     "**/*.compiled.css"
   ],
-  "types": "../dist/types/entry-points/types.d.ts"
+  "types": "../dist/types/types.d.ts"
 }

package/dist/cjs/entry-points/types.js

@@ -1 +0,0 @@
-"use strict";

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

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

package/section-message.docs.tsx

@@ -1,55 +0,0 @@
-import path from 'path';
-
-import type { StructuredContentSource } from '@atlassian/structured-docs-types/types';
-
-const documentation: StructuredContentSource = {
-	components: [
-		{
-			name: 'SectionMessage',
-			description: 'A component for section-level messages.',
-			status: 'general-availability',
-			designSource: {
-				figmaUrl: 'https://go.atlassian.com/figma-library-ads-82088-101069',
-			},
-			import: {
-				name: 'SectionMessage',
-				package: '@atlaskit/section-message/section-message',
-				type: 'default',
-				packagePath: path.resolve(__dirname),
-				packageJson: require('./package.json'),
-			},
-			usageGuidelines: [
-				'Use for section-level important info that persists until action or resolution',
-				'Use when: destructive consequences, action needed to proceed, connectivity or auth issues',
-				'Anatomy: icon+color, title (optional), description, actions (optional)',
-				'Use Banner for site-wide; Flag after an event; Inline message for smaller context',
-			],
-			contentGuidelines: [
-				'Title: state the issue or reason',
-				'Description: clear, concise, empathetic; use active verbs',
-				'Avoid blame—use "we\'re having trouble" not "you\'re having issues"',
-				'Provide clear next steps when needed',
-			],
-			accessibilityGuidelines: [
-				'Do not rely on color alone for severity',
-				'Avoid dead ends—always indicate how to proceed',
-				'Use descriptive link text that describes the destination',
-				'Ensure section message content is announced by screen readers',
-				'Use appropriate color contrast for text readability',
-				'Provide clear, actionable messaging',
-				'Consider keyboard navigation for interactive section messages',
-			],
-			examples: [
-				{
-					name: 'Section Message',
-					description: 'Section Message example',
-					source: path.resolve(__dirname, './examples/ai/section-message.tsx'),
-				},
-			],
-			keywords: ['section', 'message', 'alert', 'notification', 'contextual', 'information'],
-			categories: ['feedback'],
-		},
-	],
-};
-
-export default documentation;