@atlaskit/lozenge 13.6.1 → 13.7.1

package/CHANGELOG.md

@@ -1,5 +1,38 @@
 # @atlaskit/lozenge
 
+## 13.7.1
+
+### Patch Changes
+
+- [`88696c5e1a75c`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/88696c5e1a75c) -
+  Switched from experimental `useResizingWidth` to the new generic `useResizing` hook from
+  `@atlaskit/motion/resizing`. No behavioural change.
+- Updated dependencies
+
+## 13.7.0
+
+### Minor Changes
+
+- [`52b7aa6b3d721`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/52b7aa6b3d721) -
+  Added a new `/new` entrypoint for `@atlaskit/lozenge`, `@atlaskit/badge`, and `@atlaskit/tag`.
+  These entrypoints export the new visual refresh components directly, bypassing the
+  `platform-dst-lozenge-tag-badge-visual-uplifts` feature flag. This is intended for products that
+  don't have Statsig integrated and cannot evaluate the feature flag.
+
+  New entrypoints:
+  - `import Lozenge from '@atlaskit/lozenge/new'`
+  - `import Badge from '@atlaskit/badge/new'`
+  - `import Tag from '@atlaskit/tag/new'`
+
+  **Note:** Do not use the `/new` entrypoint if your app can evaluate the
+  `platform-dst-lozenge-tag-badge-visual-uplifts` feature flag. These entrypoints will be removed
+  after the visual uplift rollout is complete, which will require updating import paths back to the
+  default entrypoint.
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 13.6.1
 
 ### Patch Changes

package/dist/cjs/new/entrypoint.js

@@ -0,0 +1,13 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _lozenge.default;
+  }
+});
+var _lozenge = _interopRequireDefault(require("./lozenge"));

package/dist/cjs/new/lozenge-base.js

@@ -17,7 +17,7 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _badge = _interopRequireDefault(require("@atlaskit/badge"));
 var _css = require("@atlaskit/css");
 var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/core/chevron-down"));
-var _resizingWidth = require("@atlaskit/motion/resizing-width");
+var _resizing = require("@atlaskit/motion/resizing");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _pressable = _interopRequireDefault(require("@atlaskit/primitives/pressable"));
 var _spinner = _interopRequireDefault(require("@atlaskit/spinner"));
@@ -141,7 +141,8 @@ var LozengeBase = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forward
   var onFinishMotion = function onFinishMotion() {
     return setResizing(false);
   };
-  var resizingWidth = (0, _resizingWidth.useResizingWidth)({
+  var resizingWidth = (0, _resizing.useResizing)({
+    dimension: 'width',
     duration: "var(--ds-duration-medium, 200ms)",
     easing: "var(--ds-easing-inout-bold, cubic-bezier(0.4, 0, 0, 1))",
     onFinishMotion: onFinishMotion

package/dist/es2019/new/entrypoint.js

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

package/dist/es2019/new/lozenge-base.js

@@ -7,7 +7,7 @@ import { forwardRef, memo, useLayoutEffect, useRef, useState } from 'react';
 import Badge from '@atlaskit/badge';
 import { cx } from '@atlaskit/css';
 import ChevronDownIcon from '@atlaskit/icon/core/chevron-down';
-import { useResizingWidth } from '@atlaskit/motion/resizing-width';
+import { useResizing } from '@atlaskit/motion/resizing';
 import { fg } from '@atlaskit/platform-feature-flags';
 import Pressable from '@atlaskit/primitives/pressable';
 import Spinner from '@atlaskit/spinner';
@@ -124,7 +124,8 @@ const LozengeBase = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
 }, ref) => {
   const [resizing, setResizing] = useState(false);
   const onFinishMotion = () => setResizing(false);
-  const resizingWidth = useResizingWidth({
+  const resizingWidth = useResizing({
+    dimension: 'width',
     duration: "var(--ds-duration-medium, 200ms)",
     easing: "var(--ds-easing-inout-bold, cubic-bezier(0.4, 0, 0, 1))",
     onFinishMotion

package/dist/esm/new/entrypoint.js

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

package/dist/esm/new/lozenge-base.js

@@ -11,7 +11,7 @@ import { forwardRef, memo, useLayoutEffect, useRef, useState } from 'react';
 import Badge from '@atlaskit/badge';
 import { cx } from '@atlaskit/css';
 import ChevronDownIcon from '@atlaskit/icon/core/chevron-down';
-import { useResizingWidth } from '@atlaskit/motion/resizing-width';
+import { useResizing } from '@atlaskit/motion/resizing';
 import { fg } from '@atlaskit/platform-feature-flags';
 import Pressable from '@atlaskit/primitives/pressable';
 import Spinner from '@atlaskit/spinner';
@@ -132,7 +132,8 @@ var LozengeBase = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function (_ref, ref
   var onFinishMotion = function onFinishMotion() {
     return setResizing(false);
   };
-  var resizingWidth = useResizingWidth({
+  var resizingWidth = useResizing({
+    dimension: 'width',
     duration: "var(--ds-duration-medium, 200ms)",
     easing: "var(--ds-easing-inout-bold, cubic-bezier(0.4, 0, 0, 1))",
     onFinishMotion: onFinishMotion

package/dist/types/new/entrypoint.d.ts

@@ -0,0 +1,2 @@
+export { default } from './lozenge';
+export type { NewLozengeProps, LozengeColor as NewLozengeColor, LozengeSpacing, SemanticColor, AccentColor, } from './types';

package/dist/types-ts4.5/new/entrypoint.d.ts

@@ -0,0 +1,2 @@
+export { default } from './lozenge';
+export type { NewLozengeProps, LozengeColor as NewLozengeColor, LozengeSpacing, SemanticColor, AccentColor, } from './types';

package/new/package.json

@@ -0,0 +1,17 @@
+{
+  "name": "@atlaskit/lozenge/new",
+  "main": "../dist/cjs/new/entrypoint.js",
+  "module": "../dist/esm/new/entrypoint.js",
+  "module:es2019": "../dist/es2019/new/entrypoint.js",
+  "sideEffects": [
+    "**/*.compiled.css"
+  ],
+  "types": "../dist/types/new/entrypoint.d.ts",
+  "typesVersions": {
+    ">=4.5 <5.9": {
+      "*": [
+        "../dist/types-ts4.5/new/entrypoint.d.ts"
+      ]
+    }
+  }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/lozenge",
-	"version": "13.6.1",
+	"version": "13.7.1",
 	"description": "A lozenge is a visual indicator used to highlight an item's status for quick recognition.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -58,11 +58,11 @@
 	},
 	"dependencies": {
 		"@atlaskit/analytics-next": "^11.2.0",
-		"@atlaskit/badge": "^18.4.0",
+		"@atlaskit/badge": "^18.6.0",
 		"@atlaskit/css": "^0.19.0",
 		"@atlaskit/ds-lib": "^7.0.0",
-		"@atlaskit/icon": "^34.0.0",
-		"@atlaskit/motion": "^5.6.0",
+		"@atlaskit/icon": "^34.3.0",
+		"@atlaskit/motion": "^6.0.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/primitives": "^19.0.0",
 		"@atlaskit/spinner": "^19.1.0",
@@ -77,7 +77,7 @@
 		"@af/accessibility-testing": "workspace:^",
 		"@af/integration-testing": "workspace:^",
 		"@af/visual-regression": "workspace:^",
-		"@atlaskit/docs": "^11.7.0",
+		"@atlaskit/docs": "^11.8.0",
 		"@atlaskit/dropdown-menu": "^16.8.0",
 		"@atlaskit/heading": "^5.4.0",
 		"@atlaskit/link": "^3.4.0",