@atlaskit/lozenge 13.7.0 → 13.7.1

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 (5) hide show
  1. package/CHANGELOG.md +9 -0
  2. package/dist/cjs/new/lozenge-base.js +3 -2
  3. package/dist/es2019/new/lozenge-base.js +3 -2
  4. package/dist/esm/new/lozenge-base.js +3 -2
  5. package/package.json +4 -4
package/CHANGELOG.md CHANGED
@@ -1,5 +1,14 @@
1
1
  # @atlaskit/lozenge
2
2
 
3
+ ## 13.7.1
4
+
5
+ ### Patch Changes
6
+
7
+ - [`88696c5e1a75c`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/88696c5e1a75c) -
8
+ Switched from experimental `useResizingWidth` to the new generic `useResizing` hook from
9
+ `@atlaskit/motion/resizing`. No behavioural change.
10
+ - Updated dependencies
11
+
3
12
  ## 13.7.0
4
13
 
5
14
  ### Minor Changes
package/dist/cjs/new/lozenge-base.js CHANGED
@@ -17,7 +17,7 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
17
17
  var _badge = _interopRequireDefault(require("@atlaskit/badge"));
18
18
  var _css = require("@atlaskit/css");
19
19
  var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/core/chevron-down"));
20
- var _resizingWidth = require("@atlaskit/motion/resizing-width");
20
+ var _resizing = require("@atlaskit/motion/resizing");
21
21
  var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
22
22
  var _pressable = _interopRequireDefault(require("@atlaskit/primitives/pressable"));
23
23
  var _spinner = _interopRequireDefault(require("@atlaskit/spinner"));
@@ -141,7 +141,8 @@ var LozengeBase = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forward
141
141
  var onFinishMotion = function onFinishMotion() {
142
142
  return setResizing(false);
143
143
  };
144
- var resizingWidth = (0, _resizingWidth.useResizingWidth)({
144
+ var resizingWidth = (0, _resizing.useResizing)({
145
+ dimension: 'width',
145
146
  duration: "var(--ds-duration-medium, 200ms)",
146
147
  easing: "var(--ds-easing-inout-bold, cubic-bezier(0.4, 0, 0, 1))",
147
148
  onFinishMotion: onFinishMotion
package/dist/es2019/new/lozenge-base.js CHANGED
@@ -7,7 +7,7 @@ import { forwardRef, memo, useLayoutEffect, useRef, useState } from 'react';
7
7
  import Badge from '@atlaskit/badge';
8
8
  import { cx } from '@atlaskit/css';
9
9
  import ChevronDownIcon from '@atlaskit/icon/core/chevron-down';
10
- import { useResizingWidth } from '@atlaskit/motion/resizing-width';
10
+ import { useResizing } from '@atlaskit/motion/resizing';
11
11
  import { fg } from '@atlaskit/platform-feature-flags';
12
12
  import Pressable from '@atlaskit/primitives/pressable';
13
13
  import Spinner from '@atlaskit/spinner';
@@ -124,7 +124,8 @@ const LozengeBase = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
124
124
  }, ref) => {
125
125
  const [resizing, setResizing] = useState(false);
126
126
  const onFinishMotion = () => setResizing(false);
127
- const resizingWidth = useResizingWidth({
127
+ const resizingWidth = useResizing({
128
+ dimension: 'width',
128
129
  duration: "var(--ds-duration-medium, 200ms)",
129
130
  easing: "var(--ds-easing-inout-bold, cubic-bezier(0.4, 0, 0, 1))",
130
131
  onFinishMotion
package/dist/esm/new/lozenge-base.js CHANGED
@@ -11,7 +11,7 @@ import { forwardRef, memo, useLayoutEffect, useRef, useState } from 'react';
11
11
  import Badge from '@atlaskit/badge';
12
12
  import { cx } from '@atlaskit/css';
13
13
  import ChevronDownIcon from '@atlaskit/icon/core/chevron-down';
14
- import { useResizingWidth } from '@atlaskit/motion/resizing-width';
14
+ import { useResizing } from '@atlaskit/motion/resizing';
15
15
  import { fg } from '@atlaskit/platform-feature-flags';
16
16
  import Pressable from '@atlaskit/primitives/pressable';
17
17
  import Spinner from '@atlaskit/spinner';
@@ -132,7 +132,8 @@ var LozengeBase = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function (_ref, ref
132
132
  var onFinishMotion = function onFinishMotion() {
133
133
  return setResizing(false);
134
134
  };
135
- var resizingWidth = useResizingWidth({
135
+ var resizingWidth = useResizing({
136
+ dimension: 'width',
136
137
  duration: "var(--ds-duration-medium, 200ms)",
137
138
  easing: "var(--ds-easing-inout-bold, cubic-bezier(0.4, 0, 0, 1))",
138
139
  onFinishMotion: onFinishMotion
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/lozenge",
3
- "version": "13.7.0",
3
+ "version": "13.7.1",
4
4
  "description": "A lozenge is a visual indicator used to highlight an item's status for quick recognition.",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -58,11 +58,11 @@
58
58
  },
59
59
  "dependencies": {
60
60
  "@atlaskit/analytics-next": "^11.2.0",
61
- "@atlaskit/badge": "^18.5.0",
61
+ "@atlaskit/badge": "^18.6.0",
62
62
  "@atlaskit/css": "^0.19.0",
63
63
  "@atlaskit/ds-lib": "^7.0.0",
64
- "@atlaskit/icon": "^34.1.0",
65
- "@atlaskit/motion": "^5.6.0",
64
+ "@atlaskit/icon": "^34.3.0",
65
+ "@atlaskit/motion": "^6.0.0",
66
66
  "@atlaskit/platform-feature-flags": "^1.1.0",
67
67
  "@atlaskit/primitives": "^19.0.0",
68
68
  "@atlaskit/spinner": "^19.1.0",