@atlaskit/app-provider 4.3.3 → 5.0.0

package/CHANGELOG.md

@@ -1,5 +1,31 @@
 # @atlaskit/app-provider
 
+## 5.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
+
 ## 4.3.3
 
 ### Patch Changes

package/app-provider/package.json

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

package/dist/cjs/app-provider.js

@@ -7,10 +7,10 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _appProviderThemingEnabledContext = require("./app-provider-theming-enabled-context");
-var _context = require("./context");
 var _insideAppProviderContext = require("./inside-app-provider-context");
 var _routerLinkProvider = _interopRequireDefault(require("./router-link-provider"));
 var _themeProvider = _interopRequireDefault(require("./theme-provider"));
+var _useIsInsideAppProvider = require("./use-is-inside-app-provider");
 /**
  * __App provider__
  *
@@ -25,7 +25,7 @@ function AppProvider(_ref) {
     defaultTheme = _ref.defaultTheme,
     routerLinkComponent = _ref.routerLinkComponent,
     UNSAFE_isThemingDisabled = _ref.UNSAFE_isThemingDisabled;
-  var isInsideAppProvider = (0, _context.useIsInsideAppProvider)();
+  var isInsideAppProvider = (0, _useIsInsideAppProvider.useIsInsideAppProvider)();
   if (isInsideAppProvider) {
     throw new Error('App provider should not be nested within another app provider.');
   }

package/dist/cjs/context.js

@@ -3,13 +3,17 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useIsInsideAppProvider = exports.useIsAppProviderThemingEnabled = void 0;
-var _react = require("react");
-var _appProviderThemingEnabledContext = require("./app-provider-theming-enabled-context");
-var _insideAppProviderContext = require("./inside-app-provider-context");
-var useIsInsideAppProvider = exports.useIsInsideAppProvider = function useIsInsideAppProvider() {
-  return (0, _react.useContext)(_insideAppProviderContext.InsideAppProviderContext);
-};
-var useIsAppProviderThemingEnabled = exports.useIsAppProviderThemingEnabled = function useIsAppProviderThemingEnabled() {
-  return (0, _react.useContext)(_appProviderThemingEnabledContext.AppProviderThemingEnabledContext);
-};
+Object.defineProperty(exports, "useIsAppProviderThemingEnabled", {
+  enumerable: true,
+  get: function get() {
+    return _useIsAppProviderThemingEnabled.useIsAppProviderThemingEnabled;
+  }
+});
+Object.defineProperty(exports, "useIsInsideAppProvider", {
+  enumerable: true,
+  get: function get() {
+    return _useIsInsideAppProvider.useIsInsideAppProvider;
+  }
+});
+var _useIsInsideAppProvider = require("./use-is-inside-app-provider");
+var _useIsAppProviderThemingEnabled = require("./use-is-app-provider-theming-enabled");

package/dist/cjs/router-link-provider/index.js

@@ -24,4 +24,6 @@ var RouterLinkProvider = function RouterLinkProvider(_ref) {
     }
   }, children);
 };
+
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
 var _default = exports.default = RouterLinkProvider;

package/dist/cjs/theme-provider/context/theme.js

@@ -13,4 +13,5 @@ var ThemeContext = exports.ThemeContext = /*#__PURE__*/(0, _react.createContext)
 /**
  * __Set theme context__
  */
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
 var SetThemeContext = exports.SetThemeContext = /*#__PURE__*/(0, _react.createContext)(undefined);

package/dist/cjs/theme-provider/index.js

@@ -17,7 +17,8 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _react = _interopRequireWildcard(require("react"));
 var _bindEventListener = require("bind-event-listener");
 var _tokens = require("@atlaskit/tokens");
-var _context3 = require("../context");
+var _useIsAppProviderThemingEnabled = require("../use-is-app-provider-theming-enabled");
+var _useIsInsideAppProvider = require("../use-is-inside-app-provider");
 var _colorMode = require("./context/color-mode");
 var _insideThemeProvider = require("./context/inside-theme-provider");
 var _setColorModeContext = require("./context/set-color-mode-context");
@@ -81,8 +82,8 @@ function ThemeProvider(_ref) {
     });
   }, []);
   var lastSetGlobalThemePromiseRef = (0, _react.useRef)(null);
-  var isInsideAppProvider = (0, _context3.useIsInsideAppProvider)();
-  var isAppProviderThemingEnabled = (0, _context3.useIsAppProviderThemingEnabled)();
+  var isInsideAppProvider = (0, _useIsInsideAppProvider.useIsInsideAppProvider)();
+  var isAppProviderThemingEnabled = (0, _useIsAppProviderThemingEnabled.useIsAppProviderThemingEnabled)();
   var isInsideThemeProvider = (0, _useIsInsideThemeProvider.useIsInsideThemeProvider)();
   /**
    * A top-level ThemeProvider is detected by being the first ThemeProvider inside an AppProvider.
@@ -115,20 +116,20 @@ function ThemeProvider(_ref) {
       var cleanupLastFnCall = /*#__PURE__*/function () {
         var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
           var unbindFn;
-          return _regenerator.default.wrap(function _callee$(_context) {
+          return _regenerator.default.wrap(function (_context) {
             while (1) switch (_context.prev = _context.next) {
               case 0:
                 if (!lastSetGlobalThemePromiseRef.current) {
-                  _context.next = 6;
+                  _context.next = 2;
                   break;
                 }
-                _context.next = 3;
+                _context.next = 1;
                 return lastSetGlobalThemePromiseRef.current;
-              case 3:
+              case 1:
                 unbindFn = _context.sent;
                 unbindFn();
                 lastSetGlobalThemePromiseRef.current = null;
-              case 6:
+              case 2:
               case "end":
                 return _context.stop();
             }
@@ -141,17 +142,17 @@ function ThemeProvider(_ref) {
       var safelySetGlobalTheme = /*#__PURE__*/function () {
         var _ref3 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2() {
           var promise;
-          return _regenerator.default.wrap(function _callee2$(_context2) {
+          return _regenerator.default.wrap(function (_context2) {
             while (1) switch (_context2.prev = _context2.next) {
               case 0:
-                _context2.next = 2;
+                _context2.next = 1;
                 return cleanupLastFnCall();
-              case 2:
+              case 1:
                 promise = (0, _tokens.setGlobalTheme)(_objectSpread(_objectSpread({}, theme), {}, {
                   colorMode: reconciledColorMode
                 }));
                 lastSetGlobalThemePromiseRef.current = promise;
-              case 4:
+              case 2:
               case "end":
                 return _context2.stop();
             }

package/dist/cjs/theme-provider/utils/load-and-mount-themes.js

@@ -13,28 +13,28 @@ var _isThemeMounted = require("./is-theme-mounted");
 var loadThemeCss = /*#__PURE__*/function () {
   var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(themeId) {
     var _yield$themeImportMap, themeCss;
-    return _regenerator.default.wrap(function _callee$(_context) {
+    return _regenerator.default.wrap(function (_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
           if (!(0, _isThemeMounted.isThemeMounted)(themeId)) {
-            _context.next = 2;
+            _context.next = 1;
             break;
           }
           return _context.abrupt("return");
-        case 2:
+        case 1:
           if (themeId) {
-            _context.next = 4;
+            _context.next = 2;
             break;
           }
           return _context.abrupt("return");
-        case 4:
-          _context.next = 6;
+        case 2:
+          _context.next = 3;
           return _tokens.themeImportMap[themeId]();
-        case 6:
+        case 3:
           _yield$themeImportMap = _context.sent;
           themeCss = _yield$themeImportMap.default;
           return _context.abrupt("return", themeCss);
-        case 9:
+        case 4:
         case "end":
           return _context.stop();
       }
@@ -47,17 +47,17 @@ var loadThemeCss = /*#__PURE__*/function () {
 var mountThemeCss = /*#__PURE__*/function () {
   var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(css, themeId) {
     var doc, style;
-    return _regenerator.default.wrap(function _callee2$(_context2) {
+    return _regenerator.default.wrap(function (_context2) {
       while (1) switch (_context2.prev = _context2.next) {
         case 0:
           // SSR-safe: Only mount on client side
           doc = (0, _browserApis.getDocument)();
           if (doc) {
-            _context2.next = 3;
+            _context2.next = 1;
             break;
           }
           return _context2.abrupt("return");
-        case 3:
+        case 1:
           style = doc.createElement('style');
           style.textContent = css;
           style.dataset.theme = themeId;
@@ -65,13 +65,13 @@ var mountThemeCss = /*#__PURE__*/function () {
           // Prevent duplicate mounting of themes.
           // It's possible the theme was already being loaded elsewhere.
           if (!(0, _isThemeMounted.isThemeMounted)(themeId)) {
-            _context2.next = 8;
+            _context2.next = 2;
             break;
           }
           return _context2.abrupt("return");
-        case 8:
+        case 2:
           doc.head.appendChild(style);
-        case 9:
+        case 3:
         case "end":
           return _context2.stop();
       }
@@ -84,21 +84,21 @@ var mountThemeCss = /*#__PURE__*/function () {
 var loadAndMountThemeCss = /*#__PURE__*/function () {
   var _ref3 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee3(themeId) {
     var themeCss;
-    return _regenerator.default.wrap(function _callee3$(_context3) {
+    return _regenerator.default.wrap(function (_context3) {
       while (1) switch (_context3.prev = _context3.next) {
         case 0:
-          _context3.next = 2;
+          _context3.next = 1;
           return loadThemeCss(themeId);
-        case 2:
+        case 1:
           themeCss = _context3.sent;
           if (themeCss) {
-            _context3.next = 5;
+            _context3.next = 2;
             break;
           }
           return _context3.abrupt("return");
-        case 5:
+        case 2:
           mountThemeCss(themeCss, themeId);
-        case 6:
+        case 3:
         case "end":
           return _context3.stop();
       }
@@ -111,14 +111,14 @@ var loadAndMountThemeCss = /*#__PURE__*/function () {
 var loadAndMountThemes = exports.loadAndMountThemes = /*#__PURE__*/function () {
   var _ref4 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee4(theme) {
     var themesToLoad;
-    return _regenerator.default.wrap(function _callee4$(_context4) {
+    return _regenerator.default.wrap(function (_context4) {
       while (1) switch (_context4.prev = _context4.next) {
         case 0:
           themesToLoad = Object.values(theme).filter(function (themeId) {
             return !!themeId;
           });
           themesToLoad.forEach(loadAndMountThemeCss);
-        case 2:
+        case 1:
         case "end":
           return _context4.stop();
       }

package/dist/cjs/use-is-app-provider-theming-enabled.js

@@ -0,0 +1,11 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useIsAppProviderThemingEnabled = void 0;
+var _react = require("react");
+var _appProviderThemingEnabledContext = require("./app-provider-theming-enabled-context");
+var useIsAppProviderThemingEnabled = exports.useIsAppProviderThemingEnabled = function useIsAppProviderThemingEnabled() {
+  return (0, _react.useContext)(_appProviderThemingEnabledContext.AppProviderThemingEnabledContext);
+};

package/dist/cjs/use-is-inside-app-provider.js

@@ -0,0 +1,11 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useIsInsideAppProvider = void 0;
+var _react = require("react");
+var _insideAppProviderContext = require("./inside-app-provider-context");
+var useIsInsideAppProvider = exports.useIsInsideAppProvider = function useIsInsideAppProvider() {
+  return (0, _react.useContext)(_insideAppProviderContext.InsideAppProviderContext);
+};

package/dist/es2019/app-provider.js

@@ -1,9 +1,9 @@
 import React from 'react';
 import { AppProviderThemingEnabledContext } from './app-provider-theming-enabled-context';
-import { useIsInsideAppProvider } from './context';
 import { InsideAppProviderContext } from './inside-app-provider-context';
 import RouterLinkProvider from './router-link-provider';
 import ThemeProvider from './theme-provider';
+import { useIsInsideAppProvider } from './use-is-inside-app-provider';
 /**
  * __App provider__
  *

package/dist/es2019/context.js

@@ -1,9 +1,2 @@
-import { useContext } from 'react';
-import { AppProviderThemingEnabledContext } from './app-provider-theming-enabled-context';
-import { InsideAppProviderContext } from './inside-app-provider-context';
-export const useIsInsideAppProvider = () => {
-  return useContext(InsideAppProviderContext);
-};
-export const useIsAppProviderThemingEnabled = () => {
-  return useContext(AppProviderThemingEnabledContext);
-};
+export { useIsInsideAppProvider } from './use-is-inside-app-provider';
+export { useIsAppProviderThemingEnabled } from './use-is-app-provider-theming-enabled';

package/dist/es2019/router-link-provider/index.js

@@ -17,4 +17,6 @@ const RouterLinkProvider = ({
     }
   }, children);
 };
+
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
 export default RouterLinkProvider;

package/dist/es2019/theme-provider/context/theme.js

@@ -7,4 +7,5 @@ export const ThemeContext = /*#__PURE__*/createContext(undefined);
 /**
  * __Set theme context__
  */
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
 export const SetThemeContext = /*#__PURE__*/createContext(undefined);

package/dist/es2019/theme-provider/index.js

@@ -5,7 +5,8 @@ import { ax, ix } from "@compiled/react/runtime";
 import React, { useCallback, useEffect, useRef, useState } from 'react';
 import { bind } from 'bind-event-listener';
 import { getThemeHtmlAttrs, setGlobalTheme, SUBTREE_THEME_ATTRIBUTE } from '@atlaskit/tokens';
-import { useIsAppProviderThemingEnabled, useIsInsideAppProvider } from '../context';
+import { useIsAppProviderThemingEnabled } from '../use-is-app-provider-theming-enabled';
+import { useIsInsideAppProvider } from '../use-is-inside-app-provider';
 import { ColorModeContext } from './context/color-mode';
 import { InsideThemeProviderContext } from './context/inside-theme-provider';
 import { SetColorModeContext } from './context/set-color-mode-context';

package/dist/es2019/use-is-app-provider-theming-enabled.js

@@ -0,0 +1,5 @@
+import { useContext } from 'react';
+import { AppProviderThemingEnabledContext } from './app-provider-theming-enabled-context';
+export const useIsAppProviderThemingEnabled = () => {
+  return useContext(AppProviderThemingEnabledContext);
+};

package/dist/es2019/use-is-inside-app-provider.js

@@ -0,0 +1,5 @@
+import { useContext } from 'react';
+import { InsideAppProviderContext } from './inside-app-provider-context';
+export const useIsInsideAppProvider = () => {
+  return useContext(InsideAppProviderContext);
+};

package/dist/esm/app-provider.js

@@ -1,9 +1,9 @@
 import React from 'react';
 import { AppProviderThemingEnabledContext } from './app-provider-theming-enabled-context';
-import { useIsInsideAppProvider } from './context';
 import { InsideAppProviderContext } from './inside-app-provider-context';
 import RouterLinkProvider from './router-link-provider';
 import ThemeProvider from './theme-provider';
+import { useIsInsideAppProvider } from './use-is-inside-app-provider';
 /**
  * __App provider__
  *

package/dist/esm/context.js

@@ -1,9 +1,2 @@
-import { useContext } from 'react';
-import { AppProviderThemingEnabledContext } from './app-provider-theming-enabled-context';
-import { InsideAppProviderContext } from './inside-app-provider-context';
-export var useIsInsideAppProvider = function useIsInsideAppProvider() {
-  return useContext(InsideAppProviderContext);
-};
-export var useIsAppProviderThemingEnabled = function useIsAppProviderThemingEnabled() {
-  return useContext(AppProviderThemingEnabledContext);
-};
+export { useIsInsideAppProvider } from './use-is-inside-app-provider';
+export { useIsAppProviderThemingEnabled } from './use-is-app-provider-theming-enabled';

package/dist/esm/router-link-provider/index.js

@@ -16,4 +16,6 @@ var RouterLinkProvider = function RouterLinkProvider(_ref) {
     }
   }, children);
 };
+
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
 export default RouterLinkProvider;

package/dist/esm/theme-provider/context/theme.js

@@ -7,4 +7,5 @@ export var ThemeContext = /*#__PURE__*/createContext(undefined);
 /**
  * __Set theme context__
  */
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
 export var SetThemeContext = /*#__PURE__*/createContext(undefined);

package/dist/esm/theme-provider/index.js

@@ -11,7 +11,8 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import React, { useCallback, useEffect, useRef, useState } from 'react';
 import { bind } from 'bind-event-listener';
 import { getThemeHtmlAttrs, setGlobalTheme, SUBTREE_THEME_ATTRIBUTE } from '@atlaskit/tokens';
-import { useIsAppProviderThemingEnabled, useIsInsideAppProvider } from '../context';
+import { useIsAppProviderThemingEnabled } from '../use-is-app-provider-theming-enabled';
+import { useIsInsideAppProvider } from '../use-is-inside-app-provider';
 import { ColorModeContext } from './context/color-mode';
 import { InsideThemeProviderContext } from './context/inside-theme-provider';
 import { SetColorModeContext } from './context/set-color-mode-context';
@@ -106,20 +107,20 @@ function ThemeProvider(_ref) {
       var cleanupLastFnCall = /*#__PURE__*/function () {
         var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
           var unbindFn;
-          return _regeneratorRuntime.wrap(function _callee$(_context) {
+          return _regeneratorRuntime.wrap(function (_context) {
             while (1) switch (_context.prev = _context.next) {
               case 0:
                 if (!lastSetGlobalThemePromiseRef.current) {
-                  _context.next = 6;
+                  _context.next = 2;
                   break;
                 }
-                _context.next = 3;
+                _context.next = 1;
                 return lastSetGlobalThemePromiseRef.current;
-              case 3:
+              case 1:
                 unbindFn = _context.sent;
                 unbindFn();
                 lastSetGlobalThemePromiseRef.current = null;
-              case 6:
+              case 2:
               case "end":
                 return _context.stop();
             }
@@ -132,17 +133,17 @@ function ThemeProvider(_ref) {
       var safelySetGlobalTheme = /*#__PURE__*/function () {
         var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
           var promise;
-          return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+          return _regeneratorRuntime.wrap(function (_context2) {
             while (1) switch (_context2.prev = _context2.next) {
               case 0:
-                _context2.next = 2;
+                _context2.next = 1;
                 return cleanupLastFnCall();
-              case 2:
+              case 1:
                 promise = setGlobalTheme(_objectSpread(_objectSpread({}, theme), {}, {
                   colorMode: reconciledColorMode
                 }));
                 lastSetGlobalThemePromiseRef.current = promise;
-              case 4:
+              case 2:
               case "end":
                 return _context2.stop();
             }

package/dist/esm/theme-provider/utils/load-and-mount-themes.js

@@ -6,28 +6,28 @@ import { isThemeMounted } from './is-theme-mounted';
 var loadThemeCss = /*#__PURE__*/function () {
   var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(themeId) {
     var _yield$themeImportMap, themeCss;
-    return _regeneratorRuntime.wrap(function _callee$(_context) {
+    return _regeneratorRuntime.wrap(function (_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
           if (!isThemeMounted(themeId)) {
-            _context.next = 2;
+            _context.next = 1;
             break;
           }
           return _context.abrupt("return");
-        case 2:
+        case 1:
           if (themeId) {
-            _context.next = 4;
+            _context.next = 2;
             break;
           }
           return _context.abrupt("return");
-        case 4:
-          _context.next = 6;
+        case 2:
+          _context.next = 3;
           return themeImportMap[themeId]();
-        case 6:
+        case 3:
           _yield$themeImportMap = _context.sent;
           themeCss = _yield$themeImportMap.default;
           return _context.abrupt("return", themeCss);
-        case 9:
+        case 4:
         case "end":
           return _context.stop();
       }
@@ -40,17 +40,17 @@ var loadThemeCss = /*#__PURE__*/function () {
 var mountThemeCss = /*#__PURE__*/function () {
   var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(css, themeId) {
     var doc, style;
-    return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+    return _regeneratorRuntime.wrap(function (_context2) {
       while (1) switch (_context2.prev = _context2.next) {
         case 0:
           // SSR-safe: Only mount on client side
           doc = getDocument();
           if (doc) {
-            _context2.next = 3;
+            _context2.next = 1;
             break;
           }
           return _context2.abrupt("return");
-        case 3:
+        case 1:
           style = doc.createElement('style');
           style.textContent = css;
           style.dataset.theme = themeId;
@@ -58,13 +58,13 @@ var mountThemeCss = /*#__PURE__*/function () {
           // Prevent duplicate mounting of themes.
           // It's possible the theme was already being loaded elsewhere.
           if (!isThemeMounted(themeId)) {
-            _context2.next = 8;
+            _context2.next = 2;
             break;
           }
           return _context2.abrupt("return");
-        case 8:
+        case 2:
           doc.head.appendChild(style);
-        case 9:
+        case 3:
         case "end":
           return _context2.stop();
       }
@@ -77,21 +77,21 @@ var mountThemeCss = /*#__PURE__*/function () {
 var loadAndMountThemeCss = /*#__PURE__*/function () {
   var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3(themeId) {
     var themeCss;
-    return _regeneratorRuntime.wrap(function _callee3$(_context3) {
+    return _regeneratorRuntime.wrap(function (_context3) {
       while (1) switch (_context3.prev = _context3.next) {
         case 0:
-          _context3.next = 2;
+          _context3.next = 1;
           return loadThemeCss(themeId);
-        case 2:
+        case 1:
           themeCss = _context3.sent;
           if (themeCss) {
-            _context3.next = 5;
+            _context3.next = 2;
             break;
           }
           return _context3.abrupt("return");
-        case 5:
+        case 2:
           mountThemeCss(themeCss, themeId);
-        case 6:
+        case 3:
         case "end":
           return _context3.stop();
       }
@@ -104,14 +104,14 @@ var loadAndMountThemeCss = /*#__PURE__*/function () {
 export var loadAndMountThemes = /*#__PURE__*/function () {
   var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4(theme) {
     var themesToLoad;
-    return _regeneratorRuntime.wrap(function _callee4$(_context4) {
+    return _regeneratorRuntime.wrap(function (_context4) {
       while (1) switch (_context4.prev = _context4.next) {
         case 0:
           themesToLoad = Object.values(theme).filter(function (themeId) {
             return !!themeId;
           });
           themesToLoad.forEach(loadAndMountThemeCss);
-        case 2:
+        case 1:
         case "end":
           return _context4.stop();
       }

package/dist/esm/use-is-app-provider-theming-enabled.js

@@ -0,0 +1,5 @@
+import { useContext } from 'react';
+import { AppProviderThemingEnabledContext } from './app-provider-theming-enabled-context';
+export var useIsAppProviderThemingEnabled = function useIsAppProviderThemingEnabled() {
+  return useContext(AppProviderThemingEnabledContext);
+};

package/dist/esm/use-is-inside-app-provider.js

@@ -0,0 +1,5 @@
+import { useContext } from 'react';
+import { InsideAppProviderContext } from './inside-app-provider-context';
+export var useIsInsideAppProvider = function useIsInsideAppProvider() {
+  return useContext(InsideAppProviderContext);
+};

package/dist/types/context.d.ts

@@ -1,2 +1,2 @@
-export declare const useIsInsideAppProvider: () => boolean;
-export declare const useIsAppProviderThemingEnabled: () => boolean;
+export { useIsInsideAppProvider } from './use-is-inside-app-provider';
+export { useIsAppProviderThemingEnabled } from './use-is-app-provider-theming-enabled';

package/dist/{types-ts4.5/context.d.ts → types/use-is-app-provider-theming-enabled.d.ts}

@@ -1,2 +1 @@
-export declare const useIsInsideAppProvider: () => boolean;
 export declare const useIsAppProviderThemingEnabled: () => boolean;

package/dist/types/use-is-inside-app-provider.d.ts

@@ -0,0 +1 @@
+export declare const useIsInsideAppProvider: () => boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/app-provider",
-	"version": "4.3.3",
+	"version": "5.0.0",
 	"description": "A top level provider for the Design System.",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -29,23 +29,15 @@
 	"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"
 	],
 	"atlaskit:src": "src/index.tsx",
 	"dependencies": {
-		"@atlaskit/browser-apis": "^0.0.2",
-		"@atlaskit/css": "^0.19.0",
-		"@atlaskit/platform-feature-flags": "^1.1.0",
-		"@atlaskit/tokens": "^13.0.0",
+		"@atlaskit/browser-apis": "^1.0.0",
+		"@atlaskit/css": "^1.0.0",
+		"@atlaskit/platform-feature-flags": "^2.0.0",
+		"@atlaskit/tokens": "^14.0.0",
 		"@babel/runtime": "^7.0.0",
 		"bind-event-listener": "^3.0.0"
 	},
@@ -54,12 +46,13 @@
 	},
 	"devDependencies": {
 		"@af/visual-regression": "workspace:^",
-		"@atlaskit/dropdown-menu": "^16.9.0",
-		"@atlaskit/primitives": "^19.0.0",
+		"@atlaskit/dropdown-menu": "^17.0.0",
+		"@atlaskit/primitives": "^20.0.0",
 		"@atlassian/feature-flags-test-utils": "^1.1.0",
 		"@atlassian/react-compiler-gating": "workspace:^",
 		"@atlassian/ssr-tests": "workspace:^",
 		"@atlassian/testing-library": "^0.6.0",
+		"react": "^18.2.0",
 		"react-dom": "^18.2.0",
 		"react-resource-router": "^0.20.0"
 	},

package/router-link-provider/package.json

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

package/theme/package.json

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

package/theme-provider/package.json

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

package/use-color-mode/package.json

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

package/use-color-mode-for-migration/package.json

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

package/use-is-inside-theme-provider/package.json

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

package/use-router-link/package.json

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

package/use-set-color-mode/package.json

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

package/use-set-theme/package.json

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

package/use-theme/package.json

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

package/dist/types-ts4.5/app-provider-theming-enabled-context.d.ts

@@ -1 +0,0 @@
-export declare const AppProviderThemingEnabledContext: import('react').Context<boolean>;

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

@@ -1,40 +0,0 @@
-import React from 'react';
-import type { ThemeColorModes } from '@atlaskit/tokens';
-import { type RouterLinkComponent } from './router-link-provider';
-import { type Theme } from './theme-provider/context/theme';
-interface AppProviderProps {
-    /**
-     * Initial color mode.
-     */
-    defaultColorMode?: ThemeColorModes;
-    /**
-     * Theme settings.
-     */
-    defaultTheme?: Partial<Theme>;
-    /**
-     * A configured router link component.
-     */
-    routerLinkComponent?: RouterLinkComponent<any>;
-    /**
-     * Disables theming functionality.
-     * This is intended for use in apps with existing
-     * theming configuration that want to incrementally
-     * adopt AppProvider.
-     *
-     * @warning Use with caution. This prop will be removed in a future release.
-     */
-    UNSAFE_isThemingDisabled?: boolean;
-    /**
-     * App content.
-     */
-    children: React.ReactNode;
-}
-/**
- * __App provider__
- *
- * An app provider provides app level configuration such as global theming.
- *
- * Place it at the root of your application.
- */
-declare function AppProvider({ children, defaultColorMode, defaultTheme, routerLinkComponent, UNSAFE_isThemingDisabled, }: AppProviderProps): React.JSX.Element;
-export default AppProvider;

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

@@ -1 +0,0 @@
-export { default } from '../app-provider';

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

@@ -1 +0,0 @@
-export type { RouterLinkComponent, RouterLinkComponentProps } from '../router-link-provider/index';

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

@@ -1,2 +0,0 @@
-export { default as ThemeProvider } from '../theme-provider/index';
-export type { ThemeProviderProps } from '../theme-provider/index';

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

@@ -1 +0,0 @@
-export type { Theme } from '../theme-provider/context/theme';

package/dist/types-ts4.5/entry-points/use-color-mode-for-migration.d.ts

@@ -1 +0,0 @@
-export { UNSAFE_useColorModeForMigration } from '../theme-provider/hooks/use-color-mode-for-migration';

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

@@ -1 +0,0 @@
-export { useColorMode } from '../theme-provider/hooks/use-color-mode';

package/dist/types-ts4.5/entry-points/use-is-inside-theme-provider.d.ts

@@ -1 +0,0 @@
-export { useIsInsideThemeProvider } from '../theme-provider/hooks/use-is-inside-theme-provider';

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

@@ -1 +0,0 @@
-export { default as useRouterLink } from '../router-link-provider/hooks/use-router-link';

package/dist/types-ts4.5/entry-points/use-set-color-mode.d.ts

@@ -1 +0,0 @@
-export { useSetColorMode } from '../theme-provider/hooks/use-set-color-mode';

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

@@ -1 +0,0 @@
-export { useSetTheme } from '../theme-provider/hooks/use-set-theme';

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

@@ -1 +0,0 @@
-export { useTheme } from '../theme-provider/hooks/use-theme';

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

@@ -1,11 +0,0 @@
-export { default } from './app-provider';
-export { UNSAFE_useColorModeForMigration } from './theme-provider/hooks/use-color-mode-for-migration';
-export { useColorMode } from './theme-provider/hooks/use-color-mode';
-export { useSetColorMode } from './theme-provider/hooks/use-set-color-mode';
-export { useSetTheme } from './theme-provider/hooks/use-set-theme';
-export { useTheme } from './theme-provider/hooks/use-theme';
-export type { Theme } from './theme-provider/context/theme';
-export { default as ThemeProvider, type ThemeProviderProps } from './theme-provider';
-export { type RouterLinkComponent, type RouterLinkComponentProps } from './router-link-provider';
-import useRouterLink from './router-link-provider/hooks/use-router-link';
-export { useRouterLink };

package/dist/types-ts4.5/inside-app-provider-context.d.ts

@@ -1 +0,0 @@
-export declare const InsideAppProviderContext: import('react').Context<boolean>;

package/dist/types-ts4.5/router-link-provider/hooks/use-router-link.d.ts

@@ -1,18 +0,0 @@
-import { type RouterLinkComponent } from '../index';
-/**
- * __useRouterLink()__
- *
- * Hook: Returns app-configured router link component.
- *
- * A generic can be passed to define advanced link configuration:
- * ```
- * type MyRouterLinkConfig = {
- *  to: string;
- *  replace?: boolean;
- * }
- *
- * const RouterLink = useRouterLink<MyRouterLinkConfig>();
- * ```
- */
-declare const useRouterLink: <RouterLinkConfig extends Record<string, any> = never>() => RouterLinkComponent<RouterLinkConfig> | undefined;
-export default useRouterLink;

package/dist/types-ts4.5/router-link-provider/index.d.ts

@@ -1,49 +0,0 @@
-import React from 'react';
-export type RouterLinkComponent<RouterLinkConfig extends Record<string, any> = never> = React.ForwardRefExoticComponent<RouterLinkComponentProps<RouterLinkConfig> & React.RefAttributes<HTMLAnchorElement>>;
-export type RouterLinkComponentProps<RouterLinkConfig extends Record<string, any> = never> = {
-    /**
-     * Standard links can be provided as a string, which should be mapped to the
-     * underlying router link component.
-     *
-     * Alternatively, you can provide an object for advanced link configurations
-     * by supplying the expected object type to the generic.
-     *
-     * @example
-     * ```
-     * const MyRouterLink = forwardRef(
-     * (
-     *   {
-     *     href,
-     *     children,
-     *     ...rest
-     *   }: RouterLinkComponentProps<{
-     *     href: string;
-     *     replace: boolean;
-     *   }>,
-     *   ref: Ref<HTMLAnchorElement>,
-     * ) => { ...
-     * ```
-     */
-    href: string | RouterLinkConfig;
-    children?: React.ReactNode;
-};
-export type RouterLinkProviderContextProps<RouterLinkConfig extends Record<string, any> = never> = {
-    routerLinkComponent?: RouterLinkComponent<RouterLinkConfig>;
-};
-export declare const RouterLinkProviderContext: React.Context<RouterLinkProviderContextProps<never>>;
-type RouterLinkProviderProps = {
-    /**
-     * The rendering mechanism of router links within Design System components.
-     */
-    routerLinkComponent?: RouterLinkComponent<any>;
-};
-/**
- * __RouterLinkProvider__
- *
- * Provides a configured router link component for use
- * within Design System components.
- */
-declare const RouterLinkProvider: ({ routerLinkComponent, children, }: RouterLinkProviderProps & {
-    children: React.ReactNode;
-}) => React.JSX.Element;
-export default RouterLinkProvider;

package/dist/types-ts4.5/theme-provider/context/color-mode.d.ts

@@ -1,6 +0,0 @@
-import type { ThemeColorModes } from '@atlaskit/tokens';
-export type ReconciledColorMode = Exclude<ThemeColorModes, 'auto'>;
-/**
- * __Color mode context__
- */
-export declare const ColorModeContext: import('react').Context<ReconciledColorMode | undefined>;

package/dist/types-ts4.5/theme-provider/context/inside-theme-provider.d.ts

@@ -1,4 +0,0 @@
-/**
- * __Inside theme provider context__
- */
-export declare const InsideThemeProviderContext: import('react').Context<boolean>;

package/dist/types-ts4.5/theme-provider/context/set-color-mode-context.d.ts

@@ -1,2 +0,0 @@
-import type { ThemeColorModes } from '@atlaskit/tokens';
-export declare const SetColorModeContext: import('react').Context<((value: ThemeColorModes) => void) | undefined>;

package/dist/types-ts4.5/theme-provider/context/theme.d.ts

@@ -1,10 +0,0 @@
-import type { ThemeState } from '@atlaskit/tokens';
-export type Theme = Omit<ThemeState, 'colorMode' | 'contrastMode'>;
-/**
- * __Theme context__
- */
-export declare const ThemeContext: import('react').Context<Theme | undefined>;
-/**
- * __Set theme context__
- */
-export declare const SetThemeContext: import('react').Context<((value: Partial<Theme>) => void) | undefined>;

package/dist/types-ts4.5/theme-provider/hooks/use-color-mode-for-migration.d.ts

@@ -1,9 +0,0 @@
-import { type ReconciledColorMode } from '../context/color-mode';
-/**
- * __UNSAFE_useColorModeForMigration()__
- *
- * Returns the current color mode when inside the app provider.
- * Unlike useColorMode, this utility returns undefined, instead of throwing an error, when the app provider is missing.
- * This allows it to be used by components that need to operate with and without an app provider.
- */
-export declare function UNSAFE_useColorModeForMigration(): ReconciledColorMode | undefined;

package/dist/types-ts4.5/theme-provider/hooks/use-color-mode.d.ts

@@ -1,7 +0,0 @@
-import { type ReconciledColorMode } from '../context/color-mode';
-/**
- * __useColorMode()__
- *
- * Returns the current color mode when inside the app provider.
- */
-export declare function useColorMode(): ReconciledColorMode;

package/dist/types-ts4.5/theme-provider/hooks/use-is-inside-theme-provider.d.ts

@@ -1,6 +0,0 @@
-/**
- * __useIsInsideThemeProvider()__
- *
- * Returns true if the current component is inside a ThemeProvider.
- */
-export declare const useIsInsideThemeProvider: () => boolean;

package/dist/types-ts4.5/theme-provider/hooks/use-set-color-mode.d.ts

@@ -1,7 +0,0 @@
-import type { ThemeColorModes } from '@atlaskit/tokens';
-/**
- * __useSetColorMode()__
- *
- * Returns the color mode setter when inside the app provider.
- */
-export declare function useSetColorMode(): (value: ThemeColorModes) => void;

package/dist/types-ts4.5/theme-provider/hooks/use-set-theme.d.ts

@@ -1,7 +0,0 @@
-import { type Theme } from '../context/theme';
-/**
- * __useSetTheme()__
- *
- * Returns the theme setter when inside the app provider.
- */
-export declare function useSetTheme(): (value: Partial<Theme>) => void;

package/dist/types-ts4.5/theme-provider/hooks/use-theme.d.ts

@@ -1,7 +0,0 @@
-import { type Theme } from '../context/theme';
-/**
- * __useTheme()__
- *
- * Returns the current theme settings when inside the app provider.
- */
-export declare function useTheme(): Partial<Theme>;

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

@@ -1,19 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import React from 'react';
-import { type ThemeColorModes } from '@atlaskit/tokens';
-import { type Theme } from './context/theme';
-export interface ThemeProviderProps {
-    defaultColorMode?: ThemeColorModes;
-    defaultTheme?: Partial<Theme>;
-    children: React.ReactNode;
-}
-/**
- * __Theme provider__
- *
- * Provides global theming configuration.
- */
-declare function ThemeProvider({ children, defaultColorMode, defaultTheme, }: ThemeProviderProps): JSX.Element;
-export default ThemeProvider;

package/dist/types-ts4.5/theme-provider/utils/is-theme-mounted.d.ts

@@ -1,8 +0,0 @@
-import { type ThemeIds } from '@atlaskit/tokens';
-/**
- * Checks if a theme is mounted in the document head.
- *
- * Eventually this won't be necessary as we'll utilise AppProvider context
- * to track theme loading.
- */
-export declare function isThemeMounted(themeId: ThemeIds): false | Element | null;

package/dist/types-ts4.5/theme-provider/utils/load-and-mount-themes.d.ts

@@ -1,2 +0,0 @@
-import { type Theme } from '../context/theme';
-export declare const loadAndMountThemes: (theme: Partial<Theme>) => Promise<void>;