@atlaskit/onboarding 15.2.0 → 15.3.0

package/CHANGELOG.md

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

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-inner.js

@@ -18,8 +18,7 @@ var _exenv = require("exenv");
 var _reactScrolllock = _interopRequireDefault(require("react-scrolllock"));
 var _scrollIntoViewIfNeeded = _interopRequireDefault(require("scroll-into-view-if-needed"));
 var _layering = require("@atlaskit/layering/layering");
-var _exitingPersistence = _interopRequireDefault(require("@atlaskit/motion/exiting-persistence"));
-var _fadeIn = _interopRequireDefault(require("@atlaskit/motion/fade-in"));
+var _motion = require("@atlaskit/motion");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _portal = _interopRequireDefault(require("@atlaskit/portal"));
 var _useElementBox = require("../utils/use-element-box");
@@ -154,9 +153,9 @@ var SpotlightInner = /*#__PURE__*/function (_React$Component) {
           });
         }), TargetReplacement && !replacementElement ? null : /*#__PURE__*/_react.default.createElement(_layering.Layering, {
           isDisabled: false
-        }, /*#__PURE__*/_react.default.createElement(_exitingPersistence.default, {
+        }, /*#__PURE__*/_react.default.createElement(_motion.ExitingPersistence, {
           appear: true
-        }, isOpen && /*#__PURE__*/_react.default.createElement(_fadeIn.default, {
+        }, isOpen && /*#__PURE__*/_react.default.createElement(_motion.FadeIn, {
           onFinish: function onFinish(state) {
             state === 'exiting' && onExited();
           },

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

@@ -15,8 +15,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _react = _interopRequireWildcard(require("react"));
 var _memoizeOne = _interopRequireDefault(require("memoize-one"));
 var _noop = _interopRequireDefault(require("@atlaskit/ds-lib/noop"));
-var _exitingPersistence = _interopRequireDefault(require("@atlaskit/motion/exiting-persistence"));
-var _fadeIn = _interopRequireDefault(require("@atlaskit/motion/fade-in"));
+var _motion = require("@atlaskit/motion");
 var _portal = _interopRequireDefault(require("@atlaskit/portal"));
 var _blanket = _interopRequireDefault(require("../styled/blanket"));
 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); }
@@ -133,7 +132,7 @@ var SpotlightManager = exports.default = /*#__PURE__*/function (_PureComponent)
         value: this.getTargetRef
       }, /*#__PURE__*/_react.default.createElement(Container, {
         component: Tag || _react.default.Fragment
-      }, /*#__PURE__*/_react.default.createElement(_exitingPersistence.default, null, isActive && /*#__PURE__*/_react.default.createElement(_fadeIn.default, {
+      }, /*#__PURE__*/_react.default.createElement(_motion.ExitingPersistence, null, isActive && /*#__PURE__*/_react.default.createElement(_motion.FadeIn, {
         duration: "medium"
       }, function (_ref2) {
         var ref = _ref2.ref,

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-inner.js

@@ -5,8 +5,7 @@ import { canUseDOM } from 'exenv';
 import ScrollLock from 'react-scrolllock';
 import scrollIntoView from 'scroll-into-view-if-needed';
 import { Layering } from '@atlaskit/layering/layering';
-import ExitingPersistence from '@atlaskit/motion/exiting-persistence';
-import FadeIn from '@atlaskit/motion/fade-in';
+import { ExitingPersistence, FadeIn } from '@atlaskit/motion';
 import { fg } from '@atlaskit/platform-feature-flags';
 import Portal from '@atlaskit/portal';
 import { ElementBox } from '../utils/use-element-box';

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

@@ -2,8 +2,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import React, { createContext, PureComponent, startTransition } from 'react';
 import memoizeOne from 'memoize-one';
 import noop from '@atlaskit/ds-lib/noop';
-import ExitingPersistence from '@atlaskit/motion/exiting-persistence';
-import FadeIn from '@atlaskit/motion/fade-in';
+import { ExitingPersistence, FadeIn } from '@atlaskit/motion';
 import Portal from '@atlaskit/portal';
 import Blanket from '../styled/blanket';
 const dest = /*#__PURE__*/createContext(undefined);

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-inner.js

@@ -16,8 +16,7 @@ import { canUseDOM } from 'exenv';
 import ScrollLock from 'react-scrolllock';
 import scrollIntoView from 'scroll-into-view-if-needed';
 import { Layering } from '@atlaskit/layering/layering';
-import ExitingPersistence from '@atlaskit/motion/exiting-persistence';
-import FadeIn from '@atlaskit/motion/fade-in';
+import { ExitingPersistence, FadeIn } from '@atlaskit/motion';
 import { fg } from '@atlaskit/platform-feature-flags';
 import Portal from '@atlaskit/portal';
 import { ElementBox } from '../utils/use-element-box';

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

@@ -11,8 +11,7 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
 import React, { createContext, PureComponent, startTransition } from 'react';
 import memoizeOne from 'memoize-one';
 import noop from '@atlaskit/ds-lib/noop';
-import ExitingPersistence from '@atlaskit/motion/exiting-persistence';
-import FadeIn from '@atlaskit/motion/fade-in';
+import { ExitingPersistence, FadeIn } from '@atlaskit/motion';
 import Portal from '@atlaskit/portal';
 import Blanket from '../styled/blanket';
 var dest = /*#__PURE__*/createContext(undefined);

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.2.0",
+	"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,19 +54,19 @@
 		}
 	},
 	"dependencies": {
-		"@atlaskit/button": "^25.1.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.4.0",
-		"@atlaskit/motion": "^8.2.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.2.0",
-		"@atlaskit/portal": "^6.2.0",
-		"@atlaskit/primitives": "^22.3.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.7.0",
+		"@atlaskit/tokens": "^16.8.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^1.0.2",
 		"bind-event-listener": "^3.0.0",
@@ -85,7 +85,7 @@
 		"@af/accessibility-testing": "workspace:^",
 		"@af/integration-testing": "workspace:^",
 		"@af/visual-regression": "workspace:^",
-		"@atlaskit/theme": "^28.0.0",
+		"@atlaskit/theme": "^28.1.0",
 		"@atlassian/ssr-tests": "workspace:^",
 		"@atlassian/testing-library": "^0.11.0",
 		"@testing-library/react": "^16.3.0",