@atlaskit/popup 6.3.8 → 6.3.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (22) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/__tests__/playwright/fit-viewport.spec.tsx +1 -0
  3. package/dist/cjs/compositional/popup-content-top-layer.js +1 -1
  4. package/dist/cjs/popper-wrapper.js +12 -12
  5. package/dist/cjs/popup-top-layer.js +1 -1
  6. package/dist/es2019/compositional/popup-content-top-layer.js +1 -1
  7. package/dist/es2019/compositional/role-context.js +1 -0
  8. package/dist/es2019/compositional/set-trigger-ref-context.js +1 -0
  9. package/dist/es2019/compositional/trigger-ref-context.js +1 -0
  10. package/dist/es2019/compositional/trigger-ref-object-context.js +1 -0
  11. package/dist/es2019/entry-points/experimental/compositional.js +1 -0
  12. package/dist/es2019/popper-wrapper.js +12 -12
  13. package/dist/es2019/popup-top-layer.js +1 -1
  14. package/dist/esm/compositional/popup-content-top-layer.js +1 -1
  15. package/dist/esm/compositional/role-context.js +1 -0
  16. package/dist/esm/compositional/set-trigger-ref-context.js +1 -0
  17. package/dist/esm/compositional/trigger-ref-context.js +1 -0
  18. package/dist/esm/compositional/trigger-ref-object-context.js +1 -0
  19. package/dist/esm/entry-points/experimental/compositional.js +1 -0
  20. package/dist/esm/popper-wrapper.js +12 -12
  21. package/dist/esm/popup-top-layer.js +1 -1
  22. package/package.json +6 -6
package/CHANGELOG.md CHANGED
@@ -1,5 +1,11 @@
1
1
  # @atlaskit/popup
2
2
 
3
+ ## 6.3.9
4
+
5
+ ### Patch Changes
6
+
7
+ - Updated dependencies
8
+
3
9
  ## 6.3.8
4
10
 
5
11
  ### Patch Changes
package/__tests__/playwright/fit-viewport.spec.tsx CHANGED
@@ -1,4 +1,5 @@
1
1
  /* eslint-disable testing-library/prefer-screen-queries */
2
+
2
3
  import invariant from 'tiny-invariant';
3
4
 
4
5
  import { expect, type Page, test } from '@af/integration-testing';
package/dist/cjs/compositional/popup-content-top-layer.js CHANGED
@@ -14,9 +14,9 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
14
14
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
15
15
  var _noop = _interopRequireDefault(require("@atlaskit/ds-lib/noop"));
16
16
  var _index = require("@atlaskit/top-layer/placement-map/index");
17
+ var _popoverSurface = require("@atlaskit/top-layer/popover-surface");
17
18
  var _createCloseEvent = require("@atlaskit/top-layer/popover/create-close-event");
18
19
  var _popover = require("@atlaskit/top-layer/popover/popover");
19
- var _popoverSurface = require("@atlaskit/top-layer/popover-surface");
20
20
  var _useAnchoredPopover = require("@atlaskit/top-layer/use-anchored-popover");
21
21
  var _getPopupAxisSizes = require("../internal/get-popup-axis-sizes");
22
22
  var _topLayerBridge = require("../internal/top-layer-bridge");
package/dist/cjs/popper-wrapper.js CHANGED
@@ -43,51 +43,51 @@ var focusRingStyles = {
43
43
  var placementMap = {
44
44
  top: {
45
45
  enter: "var(--ds-popup-enter-top, 150ms cubic-bezier(0.4, 1, 0.6, 1) SlideInTop8px, 150ms cubic-bezier(0.4, 1, 0.6, 1) FadeIn0to100)",
46
- exit: "var(--ds-popup-exit-top, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) SlideOutTop8px, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut100to0)"
46
+ exit: "var(--ds-popup-exit-top, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) SlideOutTop4px, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut100to0)"
47
47
  },
48
48
  'top-start': {
49
49
  enter: "var(--ds-popup-enter-top, 150ms cubic-bezier(0.4, 1, 0.6, 1) SlideInTop8px, 150ms cubic-bezier(0.4, 1, 0.6, 1) FadeIn0to100)",
50
- exit: "var(--ds-popup-exit-top, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) SlideOutTop8px, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut100to0)"
50
+ exit: "var(--ds-popup-exit-top, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) SlideOutTop4px, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut100to0)"
51
51
  },
52
52
  'top-end': {
53
53
  enter: "var(--ds-popup-enter-top, 150ms cubic-bezier(0.4, 1, 0.6, 1) SlideInTop8px, 150ms cubic-bezier(0.4, 1, 0.6, 1) FadeIn0to100)",
54
- exit: "var(--ds-popup-exit-top, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) SlideOutTop8px, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut100to0)"
54
+ exit: "var(--ds-popup-exit-top, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) SlideOutTop4px, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut100to0)"
55
55
  },
56
56
  bottom: {
57
57
  enter: "var(--ds-popup-enter-bottom, 150ms cubic-bezier(0.4, 1, 0.6, 1) SlideInBottom8px, 150ms cubic-bezier(0.4, 1, 0.6, 1) FadeIn0to100)",
58
- exit: "var(--ds-popup-exit-bottom, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) SlideOutBottom8px, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut100to0)"
58
+ exit: "var(--ds-popup-exit-bottom, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) SlideOutBottom4px, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut100to0)"
59
59
  },
60
60
  'bottom-start': {
61
61
  enter: "var(--ds-popup-enter-bottom, 150ms cubic-bezier(0.4, 1, 0.6, 1) SlideInBottom8px, 150ms cubic-bezier(0.4, 1, 0.6, 1) FadeIn0to100)",
62
- exit: "var(--ds-popup-exit-bottom, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) SlideOutBottom8px, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut100to0)"
62
+ exit: "var(--ds-popup-exit-bottom, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) SlideOutBottom4px, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut100to0)"
63
63
  },
64
64
  'bottom-end': {
65
65
  enter: "var(--ds-popup-enter-bottom, 150ms cubic-bezier(0.4, 1, 0.6, 1) SlideInBottom8px, 150ms cubic-bezier(0.4, 1, 0.6, 1) FadeIn0to100)",
66
- exit: "var(--ds-popup-exit-bottom, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) SlideOutBottom8px, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut100to0)"
66
+ exit: "var(--ds-popup-exit-bottom, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) SlideOutBottom4px, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut100to0)"
67
67
  },
68
68
  left: {
69
69
  enter: "var(--ds-popup-enter-left, 150ms cubic-bezier(0.4, 1, 0.6, 1) SlideInLeft8px, 150ms cubic-bezier(0.4, 1, 0.6, 1) FadeIn0to100)",
70
- exit: "var(--ds-popup-exit-left, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) SlideOutLeft8px, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut100to0)"
70
+ exit: "var(--ds-popup-exit-left, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) SlideOutLeft4px, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut100to0)"
71
71
  },
72
72
  'left-start': {
73
73
  enter: "var(--ds-popup-enter-left, 150ms cubic-bezier(0.4, 1, 0.6, 1) SlideInLeft8px, 150ms cubic-bezier(0.4, 1, 0.6, 1) FadeIn0to100)",
74
- exit: "var(--ds-popup-exit-left, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) SlideOutLeft8px, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut100to0)"
74
+ exit: "var(--ds-popup-exit-left, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) SlideOutLeft4px, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut100to0)"
75
75
  },
76
76
  'left-end': {
77
77
  enter: "var(--ds-popup-enter-left, 150ms cubic-bezier(0.4, 1, 0.6, 1) SlideInLeft8px, 150ms cubic-bezier(0.4, 1, 0.6, 1) FadeIn0to100)",
78
- exit: "var(--ds-popup-exit-left, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) SlideOutLeft8px, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut100to0)"
78
+ exit: "var(--ds-popup-exit-left, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) SlideOutLeft4px, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut100to0)"
79
79
  },
80
80
  right: {
81
81
  enter: "var(--ds-popup-enter-right, 150ms cubic-bezier(0.4, 1, 0.6, 1) SlideInRight8px, 150ms cubic-bezier(0.4, 1, 0.6, 1) FadeIn0to100)",
82
- exit: "var(--ds-popup-exit-right, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) SlideOutRight8px, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut100to0)"
82
+ exit: "var(--ds-popup-exit-right, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) SlideOutRight4px, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut100to0)"
83
83
  },
84
84
  'right-start': {
85
85
  enter: "var(--ds-popup-enter-right, 150ms cubic-bezier(0.4, 1, 0.6, 1) SlideInRight8px, 150ms cubic-bezier(0.4, 1, 0.6, 1) FadeIn0to100)",
86
- exit: "var(--ds-popup-exit-right, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) SlideOutRight8px, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut100to0)"
86
+ exit: "var(--ds-popup-exit-right, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) SlideOutRight4px, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut100to0)"
87
87
  },
88
88
  'right-end': {
89
89
  enter: "var(--ds-popup-enter-right, 150ms cubic-bezier(0.4, 1, 0.6, 1) SlideInRight8px, 150ms cubic-bezier(0.4, 1, 0.6, 1) FadeIn0to100)",
90
- exit: "var(--ds-popup-exit-right, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) SlideOutRight8px, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut100to0)"
90
+ exit: "var(--ds-popup-exit-right, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) SlideOutRight4px, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut100to0)"
91
91
  }
92
92
  };
93
93
  var DefaultPopupComponent = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
package/dist/cjs/popup-top-layer.js CHANGED
@@ -15,9 +15,9 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
15
15
  var _noop = _interopRequireDefault(require("@atlaskit/ds-lib/noop"));
16
16
  var _getAriaForTrigger = require("@atlaskit/top-layer/get-aria-for-trigger");
17
17
  var _index = require("@atlaskit/top-layer/placement-map/index");
18
+ var _popoverSurface = require("@atlaskit/top-layer/popover-surface");
18
19
  var _createCloseEvent = require("@atlaskit/top-layer/popover/create-close-event");
19
20
  var _popover = require("@atlaskit/top-layer/popover/popover");
20
- var _popoverSurface = require("@atlaskit/top-layer/popover-surface");
21
21
  var _useAnchoredPopover = require("@atlaskit/top-layer/use-anchored-popover");
22
22
  var _usePopoverId = require("@atlaskit/top-layer/use-popover-id");
23
23
  var _getPopupAxisSizes = require("./internal/get-popup-axis-sizes");
package/dist/es2019/compositional/popup-content-top-layer.js CHANGED
@@ -5,9 +5,9 @@ import { ax, ix } from "@compiled/react/runtime";
5
5
  import { useCallback, useContext, useEffect, useMemo, useRef } from 'react';
6
6
  import noop from '@atlaskit/ds-lib/noop';
7
7
  import { fromLegacyPlacement } from '@atlaskit/top-layer/placement-map/index';
8
+ import { PopoverSurface } from '@atlaskit/top-layer/popover-surface';
8
9
  import { createPopoverCloseEvent } from '@atlaskit/top-layer/popover/create-close-event';
9
10
  import { Popover } from '@atlaskit/top-layer/popover/popover';
10
- import { PopoverSurface } from '@atlaskit/top-layer/popover-surface';
11
11
  import { useAnchoredPopover } from '@atlaskit/top-layer/use-anchored-popover';
12
12
  import { getPopupAxisSizes } from '../internal/get-popup-axis-sizes';
13
13
  import { useRoleProps } from '../internal/top-layer-bridge';
package/dist/es2019/compositional/role-context.js CHANGED
@@ -1,3 +1,4 @@
1
1
  /* eslint-disable @repo/internal/react/require-jsdoc */
2
+
2
3
  import { createContext } from 'react';
3
4
  export const RoleContext = /*#__PURE__*/createContext(undefined);
package/dist/es2019/compositional/set-trigger-ref-context.js CHANGED
@@ -1,4 +1,5 @@
1
1
  /* eslint-disable @repo/internal/react/require-jsdoc */
2
+
2
3
  import { createContext } from 'react';
3
4
  import noop from '@atlaskit/ds-lib/noop';
4
5
  export const SetTriggerRefContext = /*#__PURE__*/createContext(noop);
package/dist/es2019/compositional/trigger-ref-context.js CHANGED
@@ -1,3 +1,4 @@
1
1
  /* eslint-disable @repo/internal/react/require-jsdoc */
2
+
2
3
  import { createContext } from 'react';
3
4
  export const TriggerRefContext = /*#__PURE__*/createContext(null);
package/dist/es2019/compositional/trigger-ref-object-context.js CHANGED
@@ -1,4 +1,5 @@
1
1
  /* eslint-disable @repo/internal/react/require-jsdoc */
2
+
2
3
  import { createContext } from 'react';
3
4
 
4
5
  /**
package/dist/es2019/entry-points/experimental/compositional.js CHANGED
@@ -2,6 +2,7 @@
2
2
  /**
3
3
  * @deprecated Use `import { Popup } from '@atlaskit/popup/compositional/popup'` instead.
4
4
  */
5
+
5
6
  export { Popup } from '../../compositional/popup';
6
7
  /**
7
8
  * @deprecated Use `import { PopupContent } from '@atlaskit/popup/compositional/popup-content'` instead.
package/dist/es2019/popper-wrapper.js CHANGED
@@ -27,51 +27,51 @@ const focusRingStyles = {
27
27
  const placementMap = {
28
28
  top: {
29
29
  enter: "var(--ds-popup-enter-top, 150ms cubic-bezier(0.4, 1, 0.6, 1) SlideInTop8px, 150ms cubic-bezier(0.4, 1, 0.6, 1) FadeIn0to100)",
30
- exit: "var(--ds-popup-exit-top, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) SlideOutTop8px, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut100to0)"
30
+ exit: "var(--ds-popup-exit-top, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) SlideOutTop4px, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut100to0)"
31
31
  },
32
32
  'top-start': {
33
33
  enter: "var(--ds-popup-enter-top, 150ms cubic-bezier(0.4, 1, 0.6, 1) SlideInTop8px, 150ms cubic-bezier(0.4, 1, 0.6, 1) FadeIn0to100)",
34
- exit: "var(--ds-popup-exit-top, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) SlideOutTop8px, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut100to0)"
34
+ exit: "var(--ds-popup-exit-top, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) SlideOutTop4px, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut100to0)"
35
35
  },
36
36
  'top-end': {
37
37
  enter: "var(--ds-popup-enter-top, 150ms cubic-bezier(0.4, 1, 0.6, 1) SlideInTop8px, 150ms cubic-bezier(0.4, 1, 0.6, 1) FadeIn0to100)",
38
- exit: "var(--ds-popup-exit-top, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) SlideOutTop8px, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut100to0)"
38
+ exit: "var(--ds-popup-exit-top, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) SlideOutTop4px, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut100to0)"
39
39
  },
40
40
  bottom: {
41
41
  enter: "var(--ds-popup-enter-bottom, 150ms cubic-bezier(0.4, 1, 0.6, 1) SlideInBottom8px, 150ms cubic-bezier(0.4, 1, 0.6, 1) FadeIn0to100)",
42
- exit: "var(--ds-popup-exit-bottom, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) SlideOutBottom8px, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut100to0)"
42
+ exit: "var(--ds-popup-exit-bottom, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) SlideOutBottom4px, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut100to0)"
43
43
  },
44
44
  'bottom-start': {
45
45
  enter: "var(--ds-popup-enter-bottom, 150ms cubic-bezier(0.4, 1, 0.6, 1) SlideInBottom8px, 150ms cubic-bezier(0.4, 1, 0.6, 1) FadeIn0to100)",
46
- exit: "var(--ds-popup-exit-bottom, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) SlideOutBottom8px, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut100to0)"
46
+ exit: "var(--ds-popup-exit-bottom, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) SlideOutBottom4px, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut100to0)"
47
47
  },
48
48
  'bottom-end': {
49
49
  enter: "var(--ds-popup-enter-bottom, 150ms cubic-bezier(0.4, 1, 0.6, 1) SlideInBottom8px, 150ms cubic-bezier(0.4, 1, 0.6, 1) FadeIn0to100)",
50
- exit: "var(--ds-popup-exit-bottom, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) SlideOutBottom8px, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut100to0)"
50
+ exit: "var(--ds-popup-exit-bottom, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) SlideOutBottom4px, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut100to0)"
51
51
  },
52
52
  left: {
53
53
  enter: "var(--ds-popup-enter-left, 150ms cubic-bezier(0.4, 1, 0.6, 1) SlideInLeft8px, 150ms cubic-bezier(0.4, 1, 0.6, 1) FadeIn0to100)",
54
- exit: "var(--ds-popup-exit-left, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) SlideOutLeft8px, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut100to0)"
54
+ exit: "var(--ds-popup-exit-left, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) SlideOutLeft4px, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut100to0)"
55
55
  },
56
56
  'left-start': {
57
57
  enter: "var(--ds-popup-enter-left, 150ms cubic-bezier(0.4, 1, 0.6, 1) SlideInLeft8px, 150ms cubic-bezier(0.4, 1, 0.6, 1) FadeIn0to100)",
58
- exit: "var(--ds-popup-exit-left, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) SlideOutLeft8px, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut100to0)"
58
+ exit: "var(--ds-popup-exit-left, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) SlideOutLeft4px, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut100to0)"
59
59
  },
60
60
  'left-end': {
61
61
  enter: "var(--ds-popup-enter-left, 150ms cubic-bezier(0.4, 1, 0.6, 1) SlideInLeft8px, 150ms cubic-bezier(0.4, 1, 0.6, 1) FadeIn0to100)",
62
- exit: "var(--ds-popup-exit-left, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) SlideOutLeft8px, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut100to0)"
62
+ exit: "var(--ds-popup-exit-left, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) SlideOutLeft4px, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut100to0)"
63
63
  },
64
64
  right: {
65
65
  enter: "var(--ds-popup-enter-right, 150ms cubic-bezier(0.4, 1, 0.6, 1) SlideInRight8px, 150ms cubic-bezier(0.4, 1, 0.6, 1) FadeIn0to100)",
66
- exit: "var(--ds-popup-exit-right, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) SlideOutRight8px, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut100to0)"
66
+ exit: "var(--ds-popup-exit-right, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) SlideOutRight4px, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut100to0)"
67
67
  },
68
68
  'right-start': {
69
69
  enter: "var(--ds-popup-enter-right, 150ms cubic-bezier(0.4, 1, 0.6, 1) SlideInRight8px, 150ms cubic-bezier(0.4, 1, 0.6, 1) FadeIn0to100)",
70
- exit: "var(--ds-popup-exit-right, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) SlideOutRight8px, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut100to0)"
70
+ exit: "var(--ds-popup-exit-right, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) SlideOutRight4px, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut100to0)"
71
71
  },
72
72
  'right-end': {
73
73
  enter: "var(--ds-popup-enter-right, 150ms cubic-bezier(0.4, 1, 0.6, 1) SlideInRight8px, 150ms cubic-bezier(0.4, 1, 0.6, 1) FadeIn0to100)",
74
- exit: "var(--ds-popup-exit-right, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) SlideOutRight8px, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut100to0)"
74
+ exit: "var(--ds-popup-exit-right, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) SlideOutRight4px, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut100to0)"
75
75
  }
76
76
  };
77
77
  const DefaultPopupComponent = /*#__PURE__*/forwardRef((props, ref) => {
package/dist/es2019/popup-top-layer.js CHANGED
@@ -6,9 +6,9 @@ import { Fragment, memo, useCallback, useEffect, useMemo, useRef } from 'react';
6
6
  import noop from '@atlaskit/ds-lib/noop';
7
7
  import { getAriaForTrigger } from '@atlaskit/top-layer/get-aria-for-trigger';
8
8
  import { fromLegacyPlacement } from '@atlaskit/top-layer/placement-map/index';
9
+ import { PopoverSurface } from '@atlaskit/top-layer/popover-surface';
9
10
  import { createPopoverCloseEvent } from '@atlaskit/top-layer/popover/create-close-event';
10
11
  import { Popover } from '@atlaskit/top-layer/popover/popover';
11
- import { PopoverSurface } from '@atlaskit/top-layer/popover-surface';
12
12
  import { useAnchoredPopover } from '@atlaskit/top-layer/use-anchored-popover';
13
13
  import { usePopoverId } from '@atlaskit/top-layer/use-popover-id';
14
14
  import { getPopupAxisSizes } from './internal/get-popup-axis-sizes';
package/dist/esm/compositional/popup-content-top-layer.js CHANGED
@@ -8,9 +8,9 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
8
8
  import { useCallback, useContext, useEffect, useMemo, useRef } from 'react';
9
9
  import noop from '@atlaskit/ds-lib/noop';
10
10
  import { fromLegacyPlacement } from '@atlaskit/top-layer/placement-map/index';
11
+ import { PopoverSurface } from '@atlaskit/top-layer/popover-surface';
11
12
  import { createPopoverCloseEvent } from '@atlaskit/top-layer/popover/create-close-event';
12
13
  import { Popover } from '@atlaskit/top-layer/popover/popover';
13
- import { PopoverSurface } from '@atlaskit/top-layer/popover-surface';
14
14
  import { useAnchoredPopover } from '@atlaskit/top-layer/use-anchored-popover';
15
15
  import { getPopupAxisSizes } from '../internal/get-popup-axis-sizes';
16
16
  import { useRoleProps } from '../internal/top-layer-bridge';
package/dist/esm/compositional/role-context.js CHANGED
@@ -1,3 +1,4 @@
1
1
  /* eslint-disable @repo/internal/react/require-jsdoc */
2
+
2
3
  import { createContext } from 'react';
3
4
  export var RoleContext = /*#__PURE__*/createContext(undefined);
package/dist/esm/compositional/set-trigger-ref-context.js CHANGED
@@ -1,4 +1,5 @@
1
1
  /* eslint-disable @repo/internal/react/require-jsdoc */
2
+
2
3
  import { createContext } from 'react';
3
4
  import noop from '@atlaskit/ds-lib/noop';
4
5
  export var SetTriggerRefContext = /*#__PURE__*/createContext(noop);
package/dist/esm/compositional/trigger-ref-context.js CHANGED
@@ -1,3 +1,4 @@
1
1
  /* eslint-disable @repo/internal/react/require-jsdoc */
2
+
2
3
  import { createContext } from 'react';
3
4
  export var TriggerRefContext = /*#__PURE__*/createContext(null);
package/dist/esm/compositional/trigger-ref-object-context.js CHANGED
@@ -1,4 +1,5 @@
1
1
  /* eslint-disable @repo/internal/react/require-jsdoc */
2
+
2
3
  import { createContext } from 'react';
3
4
 
4
5
  /**
package/dist/esm/entry-points/experimental/compositional.js CHANGED
@@ -2,6 +2,7 @@
2
2
  /**
3
3
  * @deprecated Use `import { Popup } from '@atlaskit/popup/compositional/popup'` instead.
4
4
  */
5
+
5
6
  export { Popup } from '../../compositional/popup';
6
7
  /**
7
8
  * @deprecated Use `import { PopupContent } from '@atlaskit/popup/compositional/popup-content'` instead.
package/dist/esm/popper-wrapper.js CHANGED
@@ -34,51 +34,51 @@ var focusRingStyles = {
34
34
  var placementMap = {
35
35
  top: {
36
36
  enter: "var(--ds-popup-enter-top, 150ms cubic-bezier(0.4, 1, 0.6, 1) SlideInTop8px, 150ms cubic-bezier(0.4, 1, 0.6, 1) FadeIn0to100)",
37
- exit: "var(--ds-popup-exit-top, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) SlideOutTop8px, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut100to0)"
37
+ exit: "var(--ds-popup-exit-top, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) SlideOutTop4px, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut100to0)"
38
38
  },
39
39
  'top-start': {
40
40
  enter: "var(--ds-popup-enter-top, 150ms cubic-bezier(0.4, 1, 0.6, 1) SlideInTop8px, 150ms cubic-bezier(0.4, 1, 0.6, 1) FadeIn0to100)",
41
- exit: "var(--ds-popup-exit-top, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) SlideOutTop8px, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut100to0)"
41
+ exit: "var(--ds-popup-exit-top, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) SlideOutTop4px, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut100to0)"
42
42
  },
43
43
  'top-end': {
44
44
  enter: "var(--ds-popup-enter-top, 150ms cubic-bezier(0.4, 1, 0.6, 1) SlideInTop8px, 150ms cubic-bezier(0.4, 1, 0.6, 1) FadeIn0to100)",
45
- exit: "var(--ds-popup-exit-top, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) SlideOutTop8px, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut100to0)"
45
+ exit: "var(--ds-popup-exit-top, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) SlideOutTop4px, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut100to0)"
46
46
  },
47
47
  bottom: {
48
48
  enter: "var(--ds-popup-enter-bottom, 150ms cubic-bezier(0.4, 1, 0.6, 1) SlideInBottom8px, 150ms cubic-bezier(0.4, 1, 0.6, 1) FadeIn0to100)",
49
- exit: "var(--ds-popup-exit-bottom, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) SlideOutBottom8px, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut100to0)"
49
+ exit: "var(--ds-popup-exit-bottom, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) SlideOutBottom4px, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut100to0)"
50
50
  },
51
51
  'bottom-start': {
52
52
  enter: "var(--ds-popup-enter-bottom, 150ms cubic-bezier(0.4, 1, 0.6, 1) SlideInBottom8px, 150ms cubic-bezier(0.4, 1, 0.6, 1) FadeIn0to100)",
53
- exit: "var(--ds-popup-exit-bottom, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) SlideOutBottom8px, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut100to0)"
53
+ exit: "var(--ds-popup-exit-bottom, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) SlideOutBottom4px, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut100to0)"
54
54
  },
55
55
  'bottom-end': {
56
56
  enter: "var(--ds-popup-enter-bottom, 150ms cubic-bezier(0.4, 1, 0.6, 1) SlideInBottom8px, 150ms cubic-bezier(0.4, 1, 0.6, 1) FadeIn0to100)",
57
- exit: "var(--ds-popup-exit-bottom, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) SlideOutBottom8px, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut100to0)"
57
+ exit: "var(--ds-popup-exit-bottom, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) SlideOutBottom4px, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut100to0)"
58
58
  },
59
59
  left: {
60
60
  enter: "var(--ds-popup-enter-left, 150ms cubic-bezier(0.4, 1, 0.6, 1) SlideInLeft8px, 150ms cubic-bezier(0.4, 1, 0.6, 1) FadeIn0to100)",
61
- exit: "var(--ds-popup-exit-left, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) SlideOutLeft8px, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut100to0)"
61
+ exit: "var(--ds-popup-exit-left, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) SlideOutLeft4px, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut100to0)"
62
62
  },
63
63
  'left-start': {
64
64
  enter: "var(--ds-popup-enter-left, 150ms cubic-bezier(0.4, 1, 0.6, 1) SlideInLeft8px, 150ms cubic-bezier(0.4, 1, 0.6, 1) FadeIn0to100)",
65
- exit: "var(--ds-popup-exit-left, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) SlideOutLeft8px, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut100to0)"
65
+ exit: "var(--ds-popup-exit-left, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) SlideOutLeft4px, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut100to0)"
66
66
  },
67
67
  'left-end': {
68
68
  enter: "var(--ds-popup-enter-left, 150ms cubic-bezier(0.4, 1, 0.6, 1) SlideInLeft8px, 150ms cubic-bezier(0.4, 1, 0.6, 1) FadeIn0to100)",
69
- exit: "var(--ds-popup-exit-left, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) SlideOutLeft8px, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut100to0)"
69
+ exit: "var(--ds-popup-exit-left, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) SlideOutLeft4px, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut100to0)"
70
70
  },
71
71
  right: {
72
72
  enter: "var(--ds-popup-enter-right, 150ms cubic-bezier(0.4, 1, 0.6, 1) SlideInRight8px, 150ms cubic-bezier(0.4, 1, 0.6, 1) FadeIn0to100)",
73
- exit: "var(--ds-popup-exit-right, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) SlideOutRight8px, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut100to0)"
73
+ exit: "var(--ds-popup-exit-right, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) SlideOutRight4px, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut100to0)"
74
74
  },
75
75
  'right-start': {
76
76
  enter: "var(--ds-popup-enter-right, 150ms cubic-bezier(0.4, 1, 0.6, 1) SlideInRight8px, 150ms cubic-bezier(0.4, 1, 0.6, 1) FadeIn0to100)",
77
- exit: "var(--ds-popup-exit-right, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) SlideOutRight8px, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut100to0)"
77
+ exit: "var(--ds-popup-exit-right, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) SlideOutRight4px, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut100to0)"
78
78
  },
79
79
  'right-end': {
80
80
  enter: "var(--ds-popup-enter-right, 150ms cubic-bezier(0.4, 1, 0.6, 1) SlideInRight8px, 150ms cubic-bezier(0.4, 1, 0.6, 1) FadeIn0to100)",
81
- exit: "var(--ds-popup-exit-right, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) SlideOutRight8px, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut100to0)"
81
+ exit: "var(--ds-popup-exit-right, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) SlideOutRight4px, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut100to0)"
82
82
  }
83
83
  };
84
84
  var DefaultPopupComponent = /*#__PURE__*/forwardRef(function (props, ref) {
package/dist/esm/popup-top-layer.js CHANGED
@@ -9,9 +9,9 @@ import { Fragment, memo, useCallback, useEffect, useMemo, useRef } from 'react';
9
9
  import noop from '@atlaskit/ds-lib/noop';
10
10
  import { getAriaForTrigger } from '@atlaskit/top-layer/get-aria-for-trigger';
11
11
  import { fromLegacyPlacement } from '@atlaskit/top-layer/placement-map/index';
12
+ import { PopoverSurface } from '@atlaskit/top-layer/popover-surface';
12
13
  import { createPopoverCloseEvent } from '@atlaskit/top-layer/popover/create-close-event';
13
14
  import { Popover } from '@atlaskit/top-layer/popover/popover';
14
- import { PopoverSurface } from '@atlaskit/top-layer/popover-surface';
15
15
  import { useAnchoredPopover } from '@atlaskit/top-layer/use-anchored-popover';
16
16
  import { usePopoverId } from '@atlaskit/top-layer/use-popover-id';
17
17
  import { getPopupAxisSizes } from './internal/get-popup-axis-sizes';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/popup",
3
- "version": "6.3.8",
3
+ "version": "6.3.9",
4
4
  "description": "A popup displays brief content in an overlay.",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -37,14 +37,14 @@
37
37
  "@atlaskit/css": "^1.1.0",
38
38
  "@atlaskit/ds-lib": "^8.0.0",
39
39
  "@atlaskit/layering": "^5.2.0",
40
- "@atlaskit/motion": "^8.7.0",
40
+ "@atlaskit/motion": "^8.8.0",
41
41
  "@atlaskit/platform-feature-flags": "^2.2.0",
42
42
  "@atlaskit/popper": "^9.4.0",
43
43
  "@atlaskit/portal": "^7.0.0",
44
44
  "@atlaskit/primitives": "^22.5.0",
45
45
  "@atlaskit/react-compiler-gating": "^0.2.0",
46
- "@atlaskit/tokens": "^18.0.0",
47
- "@atlaskit/top-layer": "^5.0.0",
46
+ "@atlaskit/tokens": "^19.0.0",
47
+ "@atlaskit/top-layer": "^5.1.0",
48
48
  "@babel/runtime": "^7.0.0",
49
49
  "@compiled/react": "^1.0.2",
50
50
  "bind-event-listener": "^3.0.0",
@@ -61,7 +61,7 @@
61
61
  "@af/integration-testing": "workspace:^",
62
62
  "@af/visual-regression": "workspace:^",
63
63
  "@atlaskit/banner": "^15.3.0",
64
- "@atlaskit/button": "^25.3.0",
64
+ "@atlaskit/button": "^25.4.0",
65
65
  "@atlaskit/code": "^19.2.0",
66
66
  "@atlaskit/datetime-picker": "^18.7.0",
67
67
  "@atlaskit/docs": "^12.2.0",
@@ -70,7 +70,7 @@
70
70
  "@atlaskit/heading": "^7.2.0",
71
71
  "@atlaskit/icon": "^37.7.0",
72
72
  "@atlaskit/link": "^5.1.0",
73
- "@atlaskit/menu": "^10.2.0",
73
+ "@atlaskit/menu": "^11.0.0",
74
74
  "@atlaskit/modal-dialog": "^16.6.0",
75
75
  "@atlaskit/radio": "^10.2.0",
76
76
  "@atlaskit/section-message": "^10.2.0",