@atlaskit/status 5.11.5 → 5.11.7

package/CHANGELOG.md

@@ -1,5 +1,27 @@
 # @atlaskit/status
 
+## 5.11.7
+
+### Patch Changes
+
+- [`c91ed7eb6ae9f`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/c91ed7eb6ae9f) -
+  Pin the status picker colour palette above the scrolling suggestions. The native scrollbar can
+  then no longer narrow the swatch row and wrap it onto an extra row.
+
+  This sits behind `platform_editor_status_popup_suggestions_patch_2` for the six-colour palette.
+  The ten-colour palette takes it behind `platform_editor_update_status_colors`.
+
+  Adds a 4px row gap between the ten-colour palette's two swatch rows. Also stops a full-width
+  suggestion from extending past the last swatch.
+
+- Updated dependencies
+
+## 5.11.6
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 5.11.5
 
 ### Patch Changes

package/afm-products/tsconfig.json

@@ -31,9 +31,6 @@
 		{
 			"path": "../../../design-system/lozenge/afm-products/tsconfig.json"
 		},
-		{
-			"path": "../../../platform/feature-experiments/afm-products/tsconfig.json"
-		},
 		{
 			"path": "../../../platform/feature-flags/afm-products/tsconfig.json"
 		},

package/dist/cjs/components/Status.js

@@ -1,4 +1,4 @@
-/* Status.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* Status.tsx generated by @compiled/babel-plugin v3.0.2 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

package/dist/cjs/components/StatusPicker.compiled.css

@@ -3,8 +3,11 @@
 ._18u0u2gc{margin-left:var(--ds-space-100,8px)}
 ._19pk1b66{margin-top:var(--ds-space-050,4px)}
 ._19pkidpf{margin-top:0}
+._19pku2gc{margin-top:var(--ds-space-100,8px)}
 ._1bsb1osq{width:100%}
 ._2hwxu2gc{margin-right:var(--ds-space-100,8px)}
 ._c71l4d55{max-height:232px}
+._c71l5jys{max-height:11pc}
+._c71l9rak{max-height:204px}
 ._ca0q1b66{padding-top:var(--ds-space-050,4px)}
 ._otyridpf{margin-bottom:0}

package/dist/cjs/components/StatusPicker.js

@@ -1,4 +1,4 @@
-/* StatusPicker.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* StatusPicker.tsx generated by @compiled/babel-plugin v3.0.2 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -15,6 +15,7 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _textField = _interopRequireDefault(require("@atlaskit/textfield/text-field"));
 var _react = _interopRequireWildcard(require("react"));
 var _reactIntl = require("react-intl");
@@ -30,9 +31,13 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
  */
 
 var fieldTextWrapperStyles = null;
-
-// Keep the existing content position while reserving space inside the scrollport for focus rings.
 var scrollContainerStyles = null;
+var paletteWrapperStyles = null;
+var scrollHeightStyles = {
+  scrolling: "_19pk1b66 _c71l4d55 _ca0q1b66",
+  default: "_c71l9rak",
+  extended: "_c71l5jys"
+};
 var Picker = /*#__PURE__*/function (_PureComponent) {
   function Picker() {
     var _this;
@@ -89,7 +94,6 @@ var Picker = /*#__PURE__*/function (_PureComponent) {
         selectedColor: selectedColor,
         palette: palette
       });
-
       // Using <React.Fragment> instead of [] to workaround Enzyme
       // (https://github.com/airbnb/enzyme/issues/1149)
       return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
@@ -104,9 +108,14 @@ var Picker = /*#__PURE__*/function (_PureComponent) {
         spellCheck: false,
         autoComplete: "off",
         "aria-label": intl.formatMessage(_i18n.messages.statusInputLabel)
-      })), scrollableContent ? /*#__PURE__*/_react.default.createElement("div", {
+      })), (0, _fg.fg)('platform_editor_status_popup_suggestions_patch_2') ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
+        className: (0, _runtime.ax)(["_19pku2gc"])
+      }, colorPalette), scrollableContent ? /*#__PURE__*/_react.default.createElement("div", {
+        "data-status-picker-scroll-container": true,
+        className: (0, _runtime.ax)(["_18m91wug _15mtglyw _1bsb1osq", scrollHeightStyles[palette !== null && palette !== void 0 ? palette : 'default']])
+      }, scrollableContent) : null) : scrollableContent ? /*#__PURE__*/_react.default.createElement("div", {
         "data-status-picker-scroll-container": true,
-        className: (0, _runtime.ax)(["_19pk1b66 _c71l4d55 _18m91wug _15mtglyw _ca0q1b66 _1bsb1osq"])
+        className: (0, _runtime.ax)(["_18m91wug _15mtglyw _1bsb1osq", scrollHeightStyles.scrolling])
       }, colorPalette, scrollableContent) : colorPalette);
     }
   }, {

package/dist/cjs/components/analytics.js

@@ -10,7 +10,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var ELEMENTS_CHANNEL = exports.ELEMENTS_CHANNEL = 'fabric-elements';
 var packageName = "@atlaskit/status";
-var packageVersion = "5.11.4";
+var packageVersion = "5.11.6";
 var createStatusAnalyticsAndFire = exports.createStatusAnalyticsAndFire = function createStatusAnalyticsAndFire(createAnalyticsEvent) {
   return function (payload) {
     var statusPayload = _objectSpread(_objectSpread({}, payload), {}, {

package/dist/cjs/components/internal/color-palette.compiled.css

@@ -3,5 +3,6 @@
 ._19pku2gc{margin-top:var(--ds-space-100,8px)}
 ._1e0c1txw{display:flex}
 ._1n261g80{flex-wrap:wrap}
+._1p571b66{row-gap:var(--ds-space-050,4px)}
 ._2hwxu2gc{margin-right:var(--ds-space-100,8px)}
 ._otyridpf{margin-bottom:0}

package/dist/cjs/components/internal/color-palette.js

@@ -1,4 +1,4 @@
-/* color-palette.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* color-palette.tsx generated by @compiled/babel-plugin v3.0.2 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -53,6 +53,7 @@ var getPalette = function getPalette(colorMode) {
 
 // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/design-system/no-css-tagged-template-expression -- Ignored via go/DSP-18766
 var colorPaletteWrapperStyles = null;
+var colorPaletteRowGapStyles = null;
 var _default = exports.default = function _default(_ref3) {
   var cols = _ref3.cols,
     onClick = _ref3.onClick,
@@ -99,7 +100,7 @@ var _default = exports.default = function _default(_ref3) {
   }, [colorRefs, palette.length]);
   return /*#__PURE__*/_react.default.createElement("ul", {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-    className: (0, _runtime.ax)(["_19bvidpf _19pku2gc _2hwxu2gc _otyridpf _18u0u2gc _1e0c1txw _1n261g80", className]),
+    className: (0, _runtime.ax)(["_19bvidpf _19pku2gc _2hwxu2gc _otyridpf _18u0u2gc _1e0c1txw _1n261g80", variant === 'extended' && "_1p571b66", className]),
     style: {
       maxWidth: resolvedCols * 32
     }

package/dist/cjs/components/internal/color.js

@@ -1,4 +1,4 @@
-/* color.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* color.tsx generated by @compiled/babel-plugin v3.0.2 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

package/dist/es2019/components/Status.js

@@ -1,4 +1,4 @@
-/* Status.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* Status.tsx generated by @compiled/babel-plugin v3.0.2 */
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import "./Status.compiled.css";
 import * as React from 'react';

package/dist/es2019/components/StatusPicker.compiled.css

@@ -3,8 +3,11 @@
 ._18u0u2gc{margin-left:var(--ds-space-100,8px)}
 ._19pk1b66{margin-top:var(--ds-space-050,4px)}
 ._19pkidpf{margin-top:0}
+._19pku2gc{margin-top:var(--ds-space-100,8px)}
 ._1bsb1osq{width:100%}
 ._2hwxu2gc{margin-right:var(--ds-space-100,8px)}
 ._c71l4d55{max-height:232px}
+._c71l5jys{max-height:11pc}
+._c71l9rak{max-height:204px}
 ._ca0q1b66{padding-top:var(--ds-space-050,4px)}
 ._otyridpf{margin-bottom:0}

package/dist/es2019/components/StatusPicker.js

@@ -1,7 +1,8 @@
-/* StatusPicker.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* StatusPicker.tsx generated by @compiled/babel-plugin v3.0.2 */
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import "./StatusPicker.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
+import { fg } from '@atlaskit/platform-feature-flags/fg';
 import TextField from '@atlaskit/textfield/text-field';
 import React, { PureComponent } from 'react';
 import { injectIntl } from 'react-intl';
@@ -15,9 +16,13 @@ import { messages } from './i18n';
  */
 
 const fieldTextWrapperStyles = null;
-
-// Keep the existing content position while reserving space inside the scrollport for focus rings.
 const scrollContainerStyles = null;
+const paletteWrapperStyles = null;
+const scrollHeightStyles = {
+  scrolling: "_19pk1b66 _c71l4d55 _ca0q1b66",
+  default: "_c71l9rak",
+  extended: "_c71l5jys"
+};
 class Picker extends PureComponent {
   constructor(...args) {
     super(...args);
@@ -66,7 +71,6 @@ class Picker extends PureComponent {
       selectedColor: selectedColor,
       palette: palette
     });
-
     // Using <React.Fragment> instead of [] to workaround Enzyme
     // (https://github.com/airbnb/enzyme/issues/1149)
     return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
@@ -81,9 +85,14 @@ class Picker extends PureComponent {
       spellCheck: false,
       autoComplete: "off",
       "aria-label": intl.formatMessage(messages.statusInputLabel)
-    })), scrollableContent ? /*#__PURE__*/React.createElement("div", {
+    })), fg('platform_editor_status_popup_suggestions_patch_2') ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+      className: ax(["_19pku2gc"])
+    }, colorPalette), scrollableContent ? /*#__PURE__*/React.createElement("div", {
+      "data-status-picker-scroll-container": true,
+      className: ax(["_18m91wug _15mtglyw _1bsb1osq", scrollHeightStyles[palette !== null && palette !== void 0 ? palette : 'default']])
+    }, scrollableContent) : null) : scrollableContent ? /*#__PURE__*/React.createElement("div", {
       "data-status-picker-scroll-container": true,
-      className: ax(["_19pk1b66 _c71l4d55 _18m91wug _15mtglyw _ca0q1b66 _1bsb1osq"])
+      className: ax(["_18m91wug _15mtglyw _1bsb1osq", scrollHeightStyles.scrolling])
     }, colorPalette, scrollableContent) : colorPalette);
   }
   componentDidUpdate() {

package/dist/es2019/components/analytics.js

@@ -1,6 +1,6 @@
 export const ELEMENTS_CHANNEL = 'fabric-elements';
 const packageName = "@atlaskit/status";
-const packageVersion = "5.11.4";
+const packageVersion = "5.11.6";
 export const createStatusAnalyticsAndFire = createAnalyticsEvent => payload => {
   const statusPayload = {
     ...payload,

package/dist/es2019/components/internal/color-palette.compiled.css

@@ -3,5 +3,6 @@
 ._19pku2gc{margin-top:var(--ds-space-100,8px)}
 ._1e0c1txw{display:flex}
 ._1n261g80{flex-wrap:wrap}
+._1p571b66{row-gap:var(--ds-space-050,4px)}
 ._2hwxu2gc{margin-right:var(--ds-space-100,8px)}
 ._otyridpf{margin-bottom:0}

package/dist/es2019/components/internal/color-palette.js

@@ -1,4 +1,4 @@
-/* color-palette.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* color-palette.tsx generated by @compiled/babel-plugin v3.0.2 */
 import "./color-palette.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React, { useEffect, useRef, useCallback } from 'react';
@@ -34,6 +34,7 @@ const getPalette = (colorMode, variant = 'default') => {
 
 // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/design-system/no-css-tagged-template-expression -- Ignored via go/DSP-18766
 const colorPaletteWrapperStyles = null;
+const colorPaletteRowGapStyles = null;
 export default (({
   cols,
   onClick,
@@ -75,7 +76,7 @@ export default (({
   }, [colorRefs, palette.length]);
   return /*#__PURE__*/React.createElement("ul", {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-    className: ax(["_19bvidpf _19pku2gc _2hwxu2gc _otyridpf _18u0u2gc _1e0c1txw _1n261g80", className]),
+    className: ax(["_19bvidpf _19pku2gc _2hwxu2gc _otyridpf _18u0u2gc _1e0c1txw _1n261g80", variant === 'extended' && "_1p571b66", className]),
     style: {
       maxWidth: resolvedCols * 32
     }

package/dist/es2019/components/internal/color.js

@@ -1,4 +1,4 @@
-/* color.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* color.tsx generated by @compiled/babel-plugin v3.0.2 */
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import "./color.compiled.css";
 import * as React from 'react';

package/dist/esm/components/Status.js

@@ -1,4 +1,4 @@
-/* Status.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* Status.tsx generated by @compiled/babel-plugin v3.0.2 */
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";

package/dist/esm/components/StatusPicker.compiled.css

@@ -3,8 +3,11 @@
 ._18u0u2gc{margin-left:var(--ds-space-100,8px)}
 ._19pk1b66{margin-top:var(--ds-space-050,4px)}
 ._19pkidpf{margin-top:0}
+._19pku2gc{margin-top:var(--ds-space-100,8px)}
 ._1bsb1osq{width:100%}
 ._2hwxu2gc{margin-right:var(--ds-space-100,8px)}
 ._c71l4d55{max-height:232px}
+._c71l5jys{max-height:11pc}
+._c71l9rak{max-height:204px}
 ._ca0q1b66{padding-top:var(--ds-space-050,4px)}
 ._otyridpf{margin-bottom:0}

package/dist/esm/components/StatusPicker.js

@@ -1,4 +1,4 @@
-/* StatusPicker.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* StatusPicker.tsx generated by @compiled/babel-plugin v3.0.2 */
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
@@ -9,6 +9,7 @@ import "./StatusPicker.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+import { fg } from '@atlaskit/platform-feature-flags/fg';
 import TextField from '@atlaskit/textfield/text-field';
 import React, { PureComponent } from 'react';
 import { injectIntl } from 'react-intl';
@@ -22,9 +23,13 @@ import { messages } from './i18n';
  */
 
 var fieldTextWrapperStyles = null;
-
-// Keep the existing content position while reserving space inside the scrollport for focus rings.
 var scrollContainerStyles = null;
+var paletteWrapperStyles = null;
+var scrollHeightStyles = {
+  scrolling: "_19pk1b66 _c71l4d55 _ca0q1b66",
+  default: "_c71l9rak",
+  extended: "_c71l5jys"
+};
 var Picker = /*#__PURE__*/function (_PureComponent) {
   function Picker() {
     var _this;
@@ -81,7 +86,6 @@ var Picker = /*#__PURE__*/function (_PureComponent) {
         selectedColor: selectedColor,
         palette: palette
       });
-
       // Using <React.Fragment> instead of [] to workaround Enzyme
       // (https://github.com/airbnb/enzyme/issues/1149)
       return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
@@ -96,9 +100,14 @@ var Picker = /*#__PURE__*/function (_PureComponent) {
         spellCheck: false,
         autoComplete: "off",
         "aria-label": intl.formatMessage(messages.statusInputLabel)
-      })), scrollableContent ? /*#__PURE__*/React.createElement("div", {
+      })), fg('platform_editor_status_popup_suggestions_patch_2') ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+        className: ax(["_19pku2gc"])
+      }, colorPalette), scrollableContent ? /*#__PURE__*/React.createElement("div", {
+        "data-status-picker-scroll-container": true,
+        className: ax(["_18m91wug _15mtglyw _1bsb1osq", scrollHeightStyles[palette !== null && palette !== void 0 ? palette : 'default']])
+      }, scrollableContent) : null) : scrollableContent ? /*#__PURE__*/React.createElement("div", {
         "data-status-picker-scroll-container": true,
-        className: ax(["_19pk1b66 _c71l4d55 _18m91wug _15mtglyw _ca0q1b66 _1bsb1osq"])
+        className: ax(["_18m91wug _15mtglyw _1bsb1osq", scrollHeightStyles.scrolling])
       }, colorPalette, scrollableContent) : colorPalette);
     }
   }, {

package/dist/esm/components/analytics.js

@@ -3,7 +3,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 export var ELEMENTS_CHANNEL = 'fabric-elements';
 var packageName = "@atlaskit/status";
-var packageVersion = "5.11.4";
+var packageVersion = "5.11.6";
 export var createStatusAnalyticsAndFire = function createStatusAnalyticsAndFire(createAnalyticsEvent) {
   return function (payload) {
     var statusPayload = _objectSpread(_objectSpread({}, payload), {}, {

package/dist/esm/components/internal/color-palette.compiled.css

@@ -3,5 +3,6 @@
 ._19pku2gc{margin-top:var(--ds-space-100,8px)}
 ._1e0c1txw{display:flex}
 ._1n261g80{flex-wrap:wrap}
+._1p571b66{row-gap:var(--ds-space-050,4px)}
 ._2hwxu2gc{margin-right:var(--ds-space-100,8px)}
 ._otyridpf{margin-bottom:0}

package/dist/esm/components/internal/color-palette.js

@@ -1,4 +1,4 @@
-/* color-palette.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* color-palette.tsx generated by @compiled/babel-plugin v3.0.2 */
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import "./color-palette.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
@@ -44,6 +44,7 @@ var getPalette = function getPalette(colorMode) {
 
 // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/design-system/no-css-tagged-template-expression -- Ignored via go/DSP-18766
 var colorPaletteWrapperStyles = null;
+var colorPaletteRowGapStyles = null;
 export default (function (_ref3) {
   var cols = _ref3.cols,
     onClick = _ref3.onClick,
@@ -90,7 +91,7 @@ export default (function (_ref3) {
   }, [colorRefs, palette.length]);
   return /*#__PURE__*/React.createElement("ul", {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-    className: ax(["_19bvidpf _19pku2gc _2hwxu2gc _otyridpf _18u0u2gc _1e0c1txw _1n261g80", className]),
+    className: ax(["_19bvidpf _19pku2gc _2hwxu2gc _otyridpf _18u0u2gc _1e0c1txw _1n261g80", variant === 'extended' && "_1p571b66", className]),
     style: {
       maxWidth: resolvedCols * 32
     }

package/dist/esm/components/internal/color.js

@@ -1,4 +1,4 @@
-/* color.tsx generated by @compiled/babel-plugin v3.0.1 */
+/* color.tsx generated by @compiled/babel-plugin v3.0.2 */
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/status",
-	"version": "5.11.5",
+	"version": "5.11.7",
 	"description": "Fabric Status React Components",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -23,6 +23,9 @@
 		},
 		"team": "Editor: Core Experiences",
 		"website": {
+			"tags": [
+				"platform-labs"
+			],
 			"name": "Status"
 		}
 	},
@@ -53,8 +56,8 @@
 		"@atlaskit/primitives": "^22.5.0",
 		"@atlaskit/react-compiler-gating": "^0.2.0",
 		"@atlaskit/textfield": "^10.2.0",
-		"@atlaskit/tmp-editor-statsig": "^197.0.0",
-		"@atlaskit/tokens": "^17.0.0",
+		"@atlaskit/tmp-editor-statsig": "^199.0.0",
+		"@atlaskit/tokens": "^18.0.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^1.0.2"
 	},
@@ -77,6 +80,9 @@
 		},
 		"platform_editor_gracefully_render_status_color": {
 			"type": "boolean"
+		},
+		"platform_editor_status_popup_suggestions_patch_2": {
+			"type": "boolean"
 		}
 	}
 }