@atlaskit/onboarding 15.1.9 → 15.3.0

package/CHANGELOG.md

@@ -1,5 +1,36 @@
 # @atlaskit/onboarding
 
+## 15.3.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
+
+## 15.2.0
+
+### Minor Changes
+
+- [`0075efb228821`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/0075efb228821) -
+  Autofix: barrel removal (imports + exports)
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 15.1.9
 
 ### Patch Changes

package/dist/cjs/components/modal.js

@@ -16,7 +16,9 @@ var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireWildcard(require("react"));
 var _customThemeButton = _interopRequireWildcard(require("@atlaskit/button/custom-theme-button"));
-var _modalDialog = _interopRequireWildcard(require("@atlaskit/modal-dialog"));
+var _modalDialog = _interopRequireDefault(require("@atlaskit/modal-dialog/modal-dialog"));
+var _modalBody = _interopRequireDefault(require("@atlaskit/modal-dialog/modal-body"));
+var _hooks = require("@atlaskit/modal-dialog/hooks");
 var _modal = require("../styled/modal");
 var _theme = require("./theme");
 var _excluded = ["text", "key"],
@@ -99,7 +101,7 @@ var BenefitsModal = exports.default = /*#__PURE__*/function (_Component) {
       var Header = this.headerComponent(this.props);
       var Footer = this.footerComponent(this.props);
       var CustomHeader = function CustomHeader() {
-        var _useModal = (0, _modalDialog.useModal)(),
+        var _useModal = (0, _hooks.useModal)(),
           titleId = _useModal.titleId;
         return /*#__PURE__*/_react.default.createElement(_modal.ModalHeading, {
           id: titleId
@@ -121,7 +123,7 @@ var BenefitsModal = exports.default = /*#__PURE__*/function (_Component) {
           header: header,
           heading: heading,
           image: image
-        }, rest), /*#__PURE__*/_react.default.createElement(Header, null), /*#__PURE__*/_react.default.createElement(_modalDialog.ModalBody, null, /*#__PURE__*/_react.default.createElement(_modal.ModalBody, null, heading && /*#__PURE__*/_react.default.createElement(CustomHeader, null), children)), /*#__PURE__*/_react.default.createElement(Footer, null))
+        }, rest), /*#__PURE__*/_react.default.createElement(Header, null), /*#__PURE__*/_react.default.createElement(_modalBody.default, null, /*#__PURE__*/_react.default.createElement(_modal.ModalBody, null, heading && /*#__PURE__*/_react.default.createElement(CustomHeader, null), children)), /*#__PURE__*/_react.default.createElement(Footer, null))
       );
     }
   }]);

package/dist/cjs/components/spotlight-card.js

@@ -14,7 +14,7 @@ var _runtime = require("@compiled/react/runtime");
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _customThemeButton = _interopRequireWildcard(require("@atlaskit/button/custom-theme-button"));
 var _css = require("@atlaskit/css");
-var _heading = _interopRequireDefault(require("@atlaskit/heading"));
+var _heading = _interopRequireDefault(require("@atlaskit/heading/heading"));
 var _useLayering2 = require("@atlaskit/layering/use-layering");
 var _compiled = require("@atlaskit/primitives/compiled");
 var _dialog = require("../styled/dialog");

package/dist/cjs/components/spotlight-dialog.js

@@ -14,7 +14,7 @@ var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireWildcard(require("react"));
 var _reactFocusLock = _interopRequireDefault(require("react-focus-lock"));
-var _popper = require("@atlaskit/popper");
+var _main = require("@atlaskit/popper/main");
 var _compiled = require("@atlaskit/primitives/compiled");
 var _dialog = require("../styled/dialog");
 var _spotlightCard = _interopRequireDefault(require("./spotlight-card"));
@@ -112,7 +112,7 @@ var SpotlightDialogComponent = /*#__PURE__*/function (_Component) {
           tether: false
         }
       }];
-      return /*#__PURE__*/_react.default.createElement(_popper.Popper, {
+      return /*#__PURE__*/_react.default.createElement(_main.Popper, {
         modifiers: modifiers,
         referenceElement: targetNode,
         placement: translatedPlacement

package/dist/cjs/components/spotlight-target.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _nodeResolverSpotlightTarget = _interopRequireDefault(require("./node-resolver-spotlight-target"));
 var _spotlightManager = require("./spotlight-manager");
 /**
@@ -31,7 +31,7 @@ var SpotlightTarget = function SpotlightTarget(_ref) {
     }
     return getTargetRef ? /*#__PURE__*/_react.default.createElement(_nodeResolverSpotlightTarget.default, {
       name: name,
-      hasNodeResolver: !(0, _platformFeatureFlags.fg)('platform_design_system_team_onboarding_noderesolve'),
+      hasNodeResolver: !(0, _fg.fg)('platform_design_system_team_onboarding_noderesolve'),
       getTargetRef: getTargetRef
     }, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, children)) : children;
   });

package/dist/cjs/utils/use-element-box.js

@@ -9,7 +9,7 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _react = require("react");
 var _bindEventListener = require("bind-event-listener");
 var _noop = _interopRequireDefault(require("@atlaskit/ds-lib/noop"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _fg = require("@atlaskit/platform-feature-flags/fg");
 // The minimum interval between position updates in milliseconds
 var POSITION_UPDATE_INTERVAL = 200;
 var getElementRect = function getElementRect(element) {
@@ -37,7 +37,7 @@ var useResizeAwareElementBox = function useResizeAwareElementBox(element, update
     setBox = _useState2[1];
   (0, _react.useLayoutEffect)(function () {
     if (updateMethod === 'resizeListener') {
-      if ((0, _platformFeatureFlags.fg)('scroll-lock-replacement')) {
+      if ((0, _fg.fg)('scroll-lock-replacement')) {
         // use setTimeout 0 to defer the state update to avoid content shifting when pages have scrollbars
         // more details are https://www.loom.com/share/96a5d7c2afd74146a3c005bf20a8c69e?sid=968b00c1-e5ab-4ea0-9fe4-e534fe7088e4
         setTimeout(function () {
@@ -87,7 +87,7 @@ var usePollingElementBox = function usePollingElementBox(element, updateMethod)
     setTop = _useState0[1];
   (0, _react.useLayoutEffect)(function () {
     if (updateMethod === 'polling') {
-      if ((0, _platformFeatureFlags.fg)('scroll-lock-replacement')) {
+      if ((0, _fg.fg)('scroll-lock-replacement')) {
         // use setTimeout 0 to defer the state update to avoid content shifting when pages have scrollbars
         // more details are https://www.loom.com/share/96a5d7c2afd74146a3c005bf20a8c69e?sid=968b00c1-e5ab-4ea0-9fe4-e534fe7088e4
         setTimeout(function () {

package/dist/es2019/components/modal.js

@@ -2,7 +2,9 @@ import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import React, { Component } from 'react';
 import Button, { Theme as ButtonTheme } from '@atlaskit/button/custom-theme-button';
-import Modal, { ModalBody, useModal } from '@atlaskit/modal-dialog';
+import Modal from '@atlaskit/modal-dialog/modal-dialog';
+import ModalBody from '@atlaskit/modal-dialog/modal-body';
+import { useModal } from '@atlaskit/modal-dialog/hooks';
 import { ModalBody as Body, ModalHeading as Heading, ModalActionContainer, ModalActionItem, ModalImage } from '../styled/modal';
 import { modalButtonTheme } from './theme';
 

package/dist/es2019/components/spotlight-card.js

@@ -5,7 +5,7 @@ import { ax, ix } from "@compiled/react/runtime";
 import { forwardRef } from 'react';
 import Button, { Theme as ButtonTheme } from '@atlaskit/button/custom-theme-button';
 import { cx } from '@atlaskit/css';
-import Heading from '@atlaskit/heading';
+import Heading from '@atlaskit/heading/heading';
 import { useLayering } from '@atlaskit/layering/use-layering';
 import { Box, Text } from '@atlaskit/primitives/compiled';
 import { DialogActionItem, DialogActionItemContainer } from '../styled/dialog';

package/dist/es2019/components/spotlight-dialog.js

@@ -1,7 +1,7 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import React, { Component } from 'react';
 import FocusLock from 'react-focus-lock';
-import { Popper } from '@atlaskit/popper';
+import { Popper } from '@atlaskit/popper/main';
 import { Box } from '@atlaskit/primitives/compiled';
 import { DialogImage } from '../styled/dialog';
 import SpotlightCard from './spotlight-card';

package/dist/es2019/components/spotlight-target.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { fg } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
 import NodeResolverSpotlightTarget from './node-resolver-spotlight-target';
 import { TargetConsumer } from './spotlight-manager';
 /**

package/dist/es2019/utils/use-element-box.js

@@ -1,7 +1,7 @@
 import { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } from 'react';
 import { bind } from 'bind-event-listener';
 import __noop from '@atlaskit/ds-lib/noop';
-import { fg } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
 // The minimum interval between position updates in milliseconds
 const POSITION_UPDATE_INTERVAL = 200;
 const getElementRect = element => {

package/dist/esm/components/modal.js

@@ -12,7 +12,9 @@ function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstruct
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import React, { Component } from 'react';
 import Button, { Theme as ButtonTheme } from '@atlaskit/button/custom-theme-button';
-import Modal, { ModalBody, useModal } from '@atlaskit/modal-dialog';
+import Modal from '@atlaskit/modal-dialog/modal-dialog';
+import ModalBody from '@atlaskit/modal-dialog/modal-body';
+import { useModal } from '@atlaskit/modal-dialog/hooks';
 import { ModalBody as Body, ModalHeading as Heading, ModalActionContainer, ModalActionItem, ModalImage } from '../styled/modal';
 import { modalButtonTheme } from './theme';
 

package/dist/esm/components/spotlight-card.js

@@ -7,7 +7,7 @@ import { ax, ix } from "@compiled/react/runtime";
 import { forwardRef } from 'react';
 import Button, { Theme as ButtonTheme } from '@atlaskit/button/custom-theme-button';
 import { cx } from '@atlaskit/css';
-import Heading from '@atlaskit/heading';
+import Heading from '@atlaskit/heading/heading';
 import { useLayering } from '@atlaskit/layering/use-layering';
 import { Box, Text } from '@atlaskit/primitives/compiled';
 import { DialogActionItem, DialogActionItemContainer } from '../styled/dialog';

package/dist/esm/components/spotlight-dialog.js

@@ -8,7 +8,7 @@ function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstruct
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import React, { Component } from 'react';
 import FocusLock from 'react-focus-lock';
-import { Popper } from '@atlaskit/popper';
+import { Popper } from '@atlaskit/popper/main';
 import { Box } from '@atlaskit/primitives/compiled';
 import { DialogImage } from '../styled/dialog';
 import SpotlightCard from './spotlight-card';

package/dist/esm/components/spotlight-target.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { fg } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
 import NodeResolverSpotlightTarget from './node-resolver-spotlight-target';
 import { TargetConsumer } from './spotlight-manager';
 /**

package/dist/esm/utils/use-element-box.js

@@ -2,7 +2,7 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } from 'react';
 import { bind } from 'bind-event-listener';
 import __noop from '@atlaskit/ds-lib/noop';
-import { fg } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
 // The minimum interval between position updates in milliseconds
 var POSITION_UPDATE_INTERVAL = 200;
 var getElementRect = function getElementRect(element) {

package/dist/types/components/modal.d.ts

@@ -1,5 +1,6 @@
 import React, { Component, type ElementType, type ReactNode } from 'react';
-import { type ModalFooterProps as FooterComponentProps, type ModalHeaderProps as HeaderComponentProps } from '@atlaskit/modal-dialog';
+import type { ModalFooterProps as FooterComponentProps } from '@atlaskit/modal-dialog/modal-footer';
+import type { ModalHeaderProps as HeaderComponentProps } from '@atlaskit/modal-dialog/modal-header';
 import { type Actions } from '../types';
 type ModalProps = {
     /**

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/onboarding",
-	"version": "15.1.9",
+	"version": "15.3.0",
 	"description": "An onboarding spotlight introduces new features to users through focused messages or multi-step tours.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -54,21 +54,21 @@
 		}
 	},
 	"dependencies": {
-		"@atlaskit/button": "^25.0.0",
+		"@atlaskit/button": "^25.2.0",
 		"@atlaskit/css": "^1.0.0",
 		"@atlaskit/ds-lib": "^8.0.0",
-		"@atlaskit/heading": "^7.0.0",
-		"@atlaskit/layering": "^5.0.0",
-		"@atlaskit/modal-dialog": "^16.2.0",
-		"@atlaskit/motion": "^8.0.0",
+		"@atlaskit/heading": "^7.1.0",
+		"@atlaskit/layering": "^5.1.0",
+		"@atlaskit/modal-dialog": "^16.5.0",
+		"@atlaskit/motion": "^8.3.0",
 		"@atlaskit/platform-feature-flags": "^2.1.0",
-		"@atlaskit/popper": "^9.0.0",
-		"@atlaskit/portal": "^6.1.0",
-		"@atlaskit/primitives": "^22.2.0",
+		"@atlaskit/popper": "^9.3.0",
+		"@atlaskit/portal": "^6.3.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",
-		"@compiled/react": "^1.0.0",
+		"@compiled/react": "^1.0.2",
 		"bind-event-listener": "^3.0.0",
 		"exenv": "^1.2.2",
 		"memoize-one": "^6.0.0",
@@ -85,7 +85,7 @@
 		"@af/accessibility-testing": "workspace:^",
 		"@af/integration-testing": "workspace:^",
 		"@af/visual-regression": "workspace:^",
-		"@atlaskit/theme": "^26.1.0",
+		"@atlaskit/theme": "^28.1.0",
 		"@atlassian/ssr-tests": "workspace:^",
 		"@atlassian/testing-library": "^0.11.0",
 		"@testing-library/react": "^16.3.0",

package/onboarding.docs.tsx

@@ -1,50 +0,0 @@
-/**
- * Structured MCP docs for `@atlaskit/onboarding`.
- */
-
-import path from 'path';
-
-import type { StructuredContentSource } from '@atlassian/structured-docs-types/types';
-
-import packageJson from './package.json';
-
-const packagePath = path.resolve(__dirname);
-
-const documentation: StructuredContentSource = {
-	package: {
-		package: '@atlaskit/onboarding',
-		packagePath,
-		packageJson,
-		overview:
-			'An onboarding spotlight introduces new features to users through focused messages or multi-step tours. Note that this package is deprecated in favor of `@atlaskit/spotlight`.',
-	},
-	components: [
-		{
-			name: 'Spotlight',
-			description: 'A component that highlights a specific element on the page with a message.',
-			status: 'deprecated',
-			import: {
-				name: 'Spotlight',
-				package: '@atlaskit/onboarding/spotlight',
-				type: 'default',
-				packagePath,
-				packageJson,
-			},
-			usageGuidelines: [
-				'Use `Spotlight` to guide users through new features.',
-				'Consider migrating to `@atlaskit/spotlight` for new implementations.',
-			],
-			keywords: ['onboarding', 'spotlight', 'tour'],
-			categories: ['messaging'],
-			examples: [
-				{
-					name: 'Spotlight basic',
-					description: 'Basic usage of Spotlight.',
-					source: path.resolve(packagePath, './examples/10-spotlight-basic.tsx'),
-				},
-			],
-		},
-	],
-};
-
-export default documentation;