@atlaskit/modal-dialog 14.14.6 → 14.15.0

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 (8) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/cjs/internal/components/modal-dialog.js +2 -2
  3. package/dist/cjs/internal/components/modal-wrapper.js +2 -2
  4. package/dist/es2019/internal/components/modal-dialog.js +2 -2
  5. package/dist/es2019/internal/components/modal-wrapper.js +2 -2
  6. package/dist/esm/internal/components/modal-dialog.js +2 -2
  7. package/dist/esm/internal/components/modal-wrapper.js +2 -2
  8. package/package.json +3 -3
package/CHANGELOG.md CHANGED
@@ -1,5 +1,17 @@
1
1
  # @atlaskit/modal-dialog
2
2
 
3
+ ## 14.15.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [`de60749da093b`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/de60749da093b) -
8
+ Removed usages of deleted `motion.content.*` tokens and replaced with `motion.blanket.enter` and
9
+ `motion.blanket.exit`.
10
+
11
+ ### Patch Changes
12
+
13
+ - Updated dependencies
14
+
3
15
  ## 14.14.6
4
16
 
5
17
  ### Patch Changes
package/dist/cjs/internal/components/modal-dialog.js CHANGED
@@ -129,8 +129,8 @@ var ModalDialog = function ModalDialog(props) {
129
129
  }, /*#__PURE__*/React.createElement(_context.ScrollContext.Provider, {
130
130
  value: shouldScrollInViewport
131
131
  }, (0, _platformFeatureFlags.fg)('platform-dst-motion-uplift') ? /*#__PURE__*/React.createElement(_motion.Motion, {
132
- enteringAnimation: "var(--ds-modal-enter, 200ms cubic-bezier(0.4, 0, 0, 1) ScaleIn95, 200ms cubic-bezier(0.4, 0, 0, 1) FadeIn)",
133
- exitingAnimation: "var(--ds-modal-exit, 200ms cubic-bezier(0.4, 1, 0.6, 1) ScaleOut95, 200ms cubic-bezier(0.4, 1, 0.6, 1) FadeOut)",
132
+ enteringAnimation: "var(--ds-modal-enter, 250ms cubic-bezier(0.4, 0, 0, 1) ScaleIn95to100)",
133
+ exitingAnimation: "var(--ds-modal-exit, 200ms cubic-bezier(0.6, 0, 0.8, 0.6) ScaleOut100to95)",
134
134
  onFinish: onMotionFinish,
135
135
  xcss: (0, _css.cx)(dialogStyles.motion, isFullScreen && dialogStyles.fullscreen)
136
136
  }, /*#__PURE__*/React.createElement("section", {
package/dist/cjs/internal/components/modal-wrapper.js CHANGED
@@ -150,8 +150,8 @@ var InternalModalWrapper = function InternalModalWrapper(props) {
150
150
  }, /*#__PURE__*/React.createElement(_portal.default, {
151
151
  zIndex: _constants.layers.modal()
152
152
  }, (0, _platformFeatureFlags.fg)('platform-dst-motion-uplift') ? /*#__PURE__*/React.createElement(_motion.Motion, {
153
- enteringAnimation: "var(--ds-content-enter-medium, 200ms cubic-bezier(0.4, 0, 0, 1) FadeIn)",
154
- exitingAnimation: "var(--ds-content-exit-long, 200ms cubic-bezier(0.4, 0, 0, 1) FadeOut)"
153
+ enteringAnimation: "var(--ds-blanket-enter, 250ms cubic-bezier(0.4, 0, 0, 1) FadeIn0to100)",
154
+ exitingAnimation: "var(--ds-blanket-exit, 200ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut100to0)"
155
155
  }, /*#__PURE__*/React.createElement("div", {
156
156
  "aria-hidden": !isForeground,
157
157
  className: (0, _runtime.ax)(["_1bsbauwl _4t3i1kxc _kqsw1n9t _152tze3t _1e02ze3t _18m91wug _8am5i4x0"])
package/dist/es2019/internal/components/modal-dialog.js CHANGED
@@ -113,8 +113,8 @@ const ModalDialog = props => {
113
113
  }, /*#__PURE__*/React.createElement(ScrollContext.Provider, {
114
114
  value: shouldScrollInViewport
115
115
  }, fg('platform-dst-motion-uplift') ? /*#__PURE__*/React.createElement(Motion, {
116
- enteringAnimation: "var(--ds-modal-enter, 200ms cubic-bezier(0.4, 0, 0, 1) ScaleIn95, 200ms cubic-bezier(0.4, 0, 0, 1) FadeIn)",
117
- exitingAnimation: "var(--ds-modal-exit, 200ms cubic-bezier(0.4, 1, 0.6, 1) ScaleOut95, 200ms cubic-bezier(0.4, 1, 0.6, 1) FadeOut)",
116
+ enteringAnimation: "var(--ds-modal-enter, 250ms cubic-bezier(0.4, 0, 0, 1) ScaleIn95to100)",
117
+ exitingAnimation: "var(--ds-modal-exit, 200ms cubic-bezier(0.6, 0, 0.8, 0.6) ScaleOut100to95)",
118
118
  onFinish: onMotionFinish,
119
119
  xcss: cx(dialogStyles.motion, isFullScreen && dialogStyles.fullscreen)
120
120
  }, /*#__PURE__*/React.createElement("section", {
package/dist/es2019/internal/components/modal-wrapper.js CHANGED
@@ -135,8 +135,8 @@ const InternalModalWrapper = props => {
135
135
  }, /*#__PURE__*/React.createElement(Portal, {
136
136
  zIndex: layers.modal()
137
137
  }, fg('platform-dst-motion-uplift') ? /*#__PURE__*/React.createElement(Motion, {
138
- enteringAnimation: "var(--ds-content-enter-medium, 200ms cubic-bezier(0.4, 0, 0, 1) FadeIn)",
139
- exitingAnimation: "var(--ds-content-exit-long, 200ms cubic-bezier(0.4, 0, 0, 1) FadeOut)"
138
+ enteringAnimation: "var(--ds-blanket-enter, 250ms cubic-bezier(0.4, 0, 0, 1) FadeIn0to100)",
139
+ exitingAnimation: "var(--ds-blanket-exit, 200ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut100to0)"
140
140
  }, /*#__PURE__*/React.createElement("div", {
141
141
  "aria-hidden": !isForeground,
142
142
  className: ax(["_1bsbauwl _4t3i1kxc _kqsw1n9t _152tze3t _1e02ze3t _18m91wug _8am5i4x0"])
package/dist/esm/internal/components/modal-dialog.js CHANGED
@@ -120,8 +120,8 @@ var ModalDialog = function ModalDialog(props) {
120
120
  }, /*#__PURE__*/React.createElement(ScrollContext.Provider, {
121
121
  value: shouldScrollInViewport
122
122
  }, fg('platform-dst-motion-uplift') ? /*#__PURE__*/React.createElement(Motion, {
123
- enteringAnimation: "var(--ds-modal-enter, 200ms cubic-bezier(0.4, 0, 0, 1) ScaleIn95, 200ms cubic-bezier(0.4, 0, 0, 1) FadeIn)",
124
- exitingAnimation: "var(--ds-modal-exit, 200ms cubic-bezier(0.4, 1, 0.6, 1) ScaleOut95, 200ms cubic-bezier(0.4, 1, 0.6, 1) FadeOut)",
123
+ enteringAnimation: "var(--ds-modal-enter, 250ms cubic-bezier(0.4, 0, 0, 1) ScaleIn95to100)",
124
+ exitingAnimation: "var(--ds-modal-exit, 200ms cubic-bezier(0.6, 0, 0.8, 0.6) ScaleOut100to95)",
125
125
  onFinish: onMotionFinish,
126
126
  xcss: cx(dialogStyles.motion, isFullScreen && dialogStyles.fullscreen)
127
127
  }, /*#__PURE__*/React.createElement("section", {
package/dist/esm/internal/components/modal-wrapper.js CHANGED
@@ -141,8 +141,8 @@ var InternalModalWrapper = function InternalModalWrapper(props) {
141
141
  }, /*#__PURE__*/React.createElement(Portal, {
142
142
  zIndex: layers.modal()
143
143
  }, fg('platform-dst-motion-uplift') ? /*#__PURE__*/React.createElement(Motion, {
144
- enteringAnimation: "var(--ds-content-enter-medium, 200ms cubic-bezier(0.4, 0, 0, 1) FadeIn)",
145
- exitingAnimation: "var(--ds-content-exit-long, 200ms cubic-bezier(0.4, 0, 0, 1) FadeOut)"
144
+ enteringAnimation: "var(--ds-blanket-enter, 250ms cubic-bezier(0.4, 0, 0, 1) FadeIn0to100)",
145
+ exitingAnimation: "var(--ds-blanket-exit, 200ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut100to0)"
146
146
  }, /*#__PURE__*/React.createElement("div", {
147
147
  "aria-hidden": !isForeground,
148
148
  className: ax(["_1bsbauwl _4t3i1kxc _kqsw1n9t _152tze3t _1e02ze3t _18m91wug _8am5i4x0"])
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/modal-dialog",
3
- "version": "14.14.6",
3
+ "version": "14.15.0",
4
4
  "description": "A modal dialog displays content that requires user interaction, in a layer above the page.",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -38,7 +38,7 @@
38
38
  "@atlaskit/blanket": "^15.0.0",
39
39
  "@atlaskit/button": "^23.11.0",
40
40
  "@atlaskit/css": "^0.19.0",
41
- "@atlaskit/ds-lib": "^6.0.0",
41
+ "@atlaskit/ds-lib": "^7.0.0",
42
42
  "@atlaskit/icon": "^34.0.0",
43
43
  "@atlaskit/layering": "^3.6.0",
44
44
  "@atlaskit/motion": "^5.5.0",
@@ -47,7 +47,7 @@
47
47
  "@atlaskit/pragmatic-drag-and-drop": "^1.7.0",
48
48
  "@atlaskit/primitives": "^18.1.0",
49
49
  "@atlaskit/theme": "^23.0.0",
50
- "@atlaskit/tokens": "^11.4.0",
50
+ "@atlaskit/tokens": "^12.0.0",
51
51
  "@babel/runtime": "^7.0.0",
52
52
  "@compiled/react": "^0.20.0",
53
53
  "bind-event-listener": "^3.0.0",