@atlaskit/editor-plugin-status 9.0.14 → 9.1.0

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @atlaskit/editor-plugin-status
 
+## 9.1.0
+
+### Minor Changes
+
+- [`d9e33431d0d37`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/d9e33431d0d37) -
+  [ux] EDITOR-5603 update editor status with team 26 lozenge styles
+
+### Patch Changes
+
+- Updated dependencies
+
+## 9.0.15
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 9.0.14
 
 ### Patch Changes

package/dist/cjs/nodeviews/StatusNodeView.js

@@ -10,6 +10,7 @@ var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/creat
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _messages = require("@atlaskit/editor-common/messages");
 var _model = require("@atlaskit/editor-prosemirror/model");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _statusNodeSpec = require("./statusNodeSpec");
 /**
@@ -69,6 +70,9 @@ var StatusNodeView = exports.StatusNodeView = /*#__PURE__*/function () {
           (_this$domElement = this.domElement) === null || _this$domElement === void 0 || _this$domElement.setAttribute('data-text', node.attrs.text);
         }
       }
+      if (this.textContainer && node.attrs.style !== this.node.attrs.style && (0, _platformFeatureFlags.fg)('platform-dst-lozenge-tag-badge-visual-uplifts')) {
+        this.textContainer.style.textTransform = node.attrs.style !== 'mixedCase' ? 'uppercase' : '';
+      }
       if (node.attrs.color !== this.node.attrs.color) {
         var _this$box;
         (_this$box = this.box) === null || _this$box === void 0 || _this$box.setAttribute('data-color', node.attrs.color);

package/dist/cjs/nodeviews/statusNodeSpec.js

@@ -50,9 +50,12 @@ var statusToDOM = exports.statusToDOM = function statusToDOM(node) {
   };
   var lozengeTextAttrs = {
     class: 'lozenge-text',
-    style: (0, _lazyNodeView.convertToInlineCss)(_objectSpread({}, (0, _platformFeatureFlags.fg)('platform-lozenge-custom-letterspacing') ? {
+    style: (0, _lazyNodeView.convertToInlineCss)(_objectSpread(_objectSpread({}, (0, _platformFeatureFlags.fg)('platform-lozenge-custom-letterspacing') ? {
       // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
       letterSpacing: '0.165px'
+    } : {}), style !== 'mixedCase' && (0, _platformFeatureFlags.fg)('platform-dst-lozenge-tag-badge-visual-uplifts') ? {
+      // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
+      textTransform: 'uppercase'
     } : {}))
   };
   return ['span', editorNodeWrapperAttrs, ['span', {

package/dist/cjs/pm-plugins/actions.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.verifyAndInsertStatus = exports.updateStatusWithAnalytics = exports.updateStatus = exports.setStatusPickerAt = exports.setFocusOnStatusInput = exports.removeStatus = exports.insertStatus = exports.createStatus = exports.commitStatusPicker = exports.DEFAULT_STATUS = void 0;
+exports.verifyAndInsertStatus = exports.updateStatusWithAnalytics = exports.updateStatus = exports.setStatusPickerAt = exports.setFocusOnStatusInput = exports.removeStatus = exports.insertStatus = exports.createStatus = exports.commitStatusPicker = exports.DEFAULT_STATUS_NEW = exports.DEFAULT_STATUS = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _adfSchema = require("@atlaskit/adf-schema");
 var _analytics = require("@atlaskit/editor-common/analytics");
@@ -13,6 +13,7 @@ var _utils = require("@atlaskit/editor-common/utils");
 var _model = require("@atlaskit/editor-prosemirror/model");
 var _state = require("@atlaskit/editor-prosemirror/state");
 var _utils2 = require("@atlaskit/editor-prosemirror/utils");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _pluginKey = require("./plugin-key");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 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; }
@@ -20,6 +21,11 @@ var DEFAULT_STATUS = exports.DEFAULT_STATUS = {
   text: '',
   color: 'neutral'
 };
+var DEFAULT_STATUS_NEW = exports.DEFAULT_STATUS_NEW = {
+  text: '',
+  color: 'neutral',
+  style: 'mixedCase'
+};
 var verifyAndInsertStatus = exports.verifyAndInsertStatus = function verifyAndInsertStatus(statusNode, tr, annotationMarks) {
   var fragment = _model.Fragment.fromArray([statusNode, tr.doc.type.schema.text(' ', annotationMarks)]);
   var insertable = (0, _utils2.canInsert)(tr.selection.$from, fragment);
@@ -36,7 +42,7 @@ var verifyAndInsertStatus = exports.verifyAndInsertStatus = function verifyAndIn
 };
 var createStatus = exports.createStatus = function createStatus(tr) {
   var annotationMarksForPos = (0, _utils.getAnnotationMarksForPos)(tr.selection.$head);
-  var statusNode = tr.doc.type.schema.nodes.status.createChecked(_objectSpread(_objectSpread({}, DEFAULT_STATUS), {}, {
+  var statusNode = tr.doc.type.schema.nodes.status.createChecked(_objectSpread(_objectSpread({}, (0, _platformFeatureFlags.fg)('platform-dst-lozenge-tag-badge-visual-uplifts') ? DEFAULT_STATUS_NEW : DEFAULT_STATUS), {}, {
     localId: _adfSchema.uuid.generate()
   }), null, annotationMarksForPos);
   return verifyAndInsertStatus(statusNode, tr, annotationMarksForPos);
@@ -67,7 +73,7 @@ var updateStatus = exports.updateStatus = function updateStatus(status) {
       text: status.text.trim(),
       localId: status.localId || _adfSchema.uuid.generate()
     }) : status;
-    var statusProps = _objectSpread(_objectSpread({}, DEFAULT_STATUS), selectedStatus);
+    var statusProps = _objectSpread(_objectSpread({}, (0, _platformFeatureFlags.fg)('platform-dst-lozenge-tag-badge-visual-uplifts') ? DEFAULT_STATUS_NEW : DEFAULT_STATUS), selectedStatus);
     var tr = state.tr;
     var _ref2 = _pluginKey.pluginKey.getState(state) || {},
       showStatusPickerAt = _ref2.showStatusPickerAt;

package/dist/cjs/ui/ContentComponent.js

@@ -9,6 +9,7 @@ exports.ContentComponent = ContentComponent;
 var _react = _interopRequireWildcard(require("react"));
 var _hooks = require("@atlaskit/editor-common/hooks");
 var _utils = require("@atlaskit/editor-prosemirror/utils");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _actions = require("../pm-plugins/actions");
 var _statusPicker = _interopRequireDefault(require("./statusPicker"));
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
@@ -54,12 +55,14 @@ function ContentComponent(_ref) {
   var _statusNode$attrs = statusNode.attrs,
     text = _statusNode$attrs.text,
     color = _statusNode$attrs.color,
-    localId = _statusNode$attrs.localId;
+    localId = _statusNode$attrs.localId,
+    style = _statusNode$attrs.style;
+  var displayText = style !== 'mixedCase' && (0, _platformFeatureFlags.fg)('platform-dst-lozenge-tag-badge-visual-uplifts') ? text.toUpperCase() : text;
   return /*#__PURE__*/_react.default.createElement(_statusPicker.default, {
     isNew: statusState === null || statusState === void 0 ? void 0 : statusState.isNew,
     focusStatusInput: statusState === null || statusState === void 0 ? void 0 : statusState.focusStatusInput,
     target: target,
-    defaultText: text,
+    defaultText: displayText,
     defaultColor: color,
     defaultLocalId: localId,
     mountTo: popupsMountPoint,

package/dist/cjs/ui/statusPicker.js

@@ -59,6 +59,16 @@ var pickerContainerStyles = (0, _react2.css)({
     textTransform: 'uppercase'
   }
 });
+var pickerContainerStylesTeam26 = (0, _react2.css)({
+  background: "var(--ds-surface-overlay, #FFFFFF)",
+  padding: "var(--ds-space-100, 8px)".concat(" 0"),
+  borderRadius: "var(--ds-radius-small, 3px)",
+  boxShadow: "var(--ds-shadow-overlay, 0 0 1px rgba(9, 30, 66, 0.31), 0 4px 8px -2px rgba(9, 30, 66, 0.25))",
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
+  ':focus': {
+    outline: 'none'
+  }
+});
 
 // eslint-disable-next-line @repo/internal/react/no-class-components
 var StatusPickerWithIntl = /*#__PURE__*/function (_React$Component) {
@@ -304,7 +314,7 @@ var StatusPickerWithIntl = /*#__PURE__*/function (_React$Component) {
         api: api,
         userIntent: "statusPickerOpen"
       }, (0, _react2.jsx)("div", {
-        css: pickerContainerStyles,
+        css: (0, _platformFeatureFlags.fg)('platform-dst-lozenge-tag-badge-visual-uplifts') ? pickerContainerStylesTeam26 : pickerContainerStyles,
         role: "none",
         ref: this.setRef(setOutsideClickTargetRef),
         onClick: this.handlePopupClick,

package/dist/es2019/nodeviews/StatusNodeView.js

@@ -1,6 +1,7 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { statusMessages as messages } from '@atlaskit/editor-common/messages';
 import { DOMSerializer } from '@atlaskit/editor-prosemirror/model';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { statusToDOM } from './statusNodeSpec';
 
@@ -57,6 +58,9 @@ export class StatusNodeView {
         (_this$domElement = this.domElement) === null || _this$domElement === void 0 ? void 0 : _this$domElement.setAttribute('data-text', node.attrs.text);
       }
     }
+    if (this.textContainer && node.attrs.style !== this.node.attrs.style && fg('platform-dst-lozenge-tag-badge-visual-uplifts')) {
+      this.textContainer.style.textTransform = node.attrs.style !== 'mixedCase' ? 'uppercase' : '';
+    }
     if (node.attrs.color !== this.node.attrs.color) {
       var _this$box;
       (_this$box = this.box) === null || _this$box === void 0 ? void 0 : _this$box.setAttribute('data-color', node.attrs.color);

package/dist/es2019/nodeviews/statusNodeSpec.js

@@ -48,6 +48,10 @@ export const statusToDOM = node => {
       ...(fg('platform-lozenge-custom-letterspacing') ? {
         // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
         letterSpacing: '0.165px'
+      } : {}),
+      ...(style !== 'mixedCase' && fg('platform-dst-lozenge-tag-badge-visual-uplifts') ? {
+        // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
+        textTransform: 'uppercase'
       } : {})
     })
   };

package/dist/es2019/pm-plugins/actions.js

@@ -5,11 +5,17 @@ import { getAnnotationMarksForPos } from '@atlaskit/editor-common/utils';
 import { Fragment } from '@atlaskit/editor-prosemirror/model';
 import { NodeSelection, Selection } from '@atlaskit/editor-prosemirror/state';
 import { canInsert } from '@atlaskit/editor-prosemirror/utils';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { pluginKey } from './plugin-key';
 export const DEFAULT_STATUS = {
   text: '',
   color: 'neutral'
 };
+export const DEFAULT_STATUS_NEW = {
+  text: '',
+  color: 'neutral',
+  style: 'mixedCase'
+};
 export const verifyAndInsertStatus = (statusNode, tr, annotationMarks) => {
   const fragment = Fragment.fromArray([statusNode, tr.doc.type.schema.text(' ', annotationMarks)]);
   const insertable = canInsert(tr.selection.$from, fragment);
@@ -27,7 +33,7 @@ export const verifyAndInsertStatus = (statusNode, tr, annotationMarks) => {
 export const createStatus = tr => {
   const annotationMarksForPos = getAnnotationMarksForPos(tr.selection.$head);
   const statusNode = tr.doc.type.schema.nodes.status.createChecked({
-    ...DEFAULT_STATUS,
+    ...(fg('platform-dst-lozenge-tag-badge-visual-uplifts') ? DEFAULT_STATUS_NEW : DEFAULT_STATUS),
     localId: uuid.generate()
   }, null, annotationMarksForPos);
   return verifyAndInsertStatus(statusNode, tr, annotationMarksForPos);
@@ -56,7 +62,7 @@ export const updateStatus = status => (state, dispatch) => {
     localId: status.localId || uuid.generate()
   }) : status;
   const statusProps = {
-    ...DEFAULT_STATUS,
+    ...(fg('platform-dst-lozenge-tag-badge-visual-uplifts') ? DEFAULT_STATUS_NEW : DEFAULT_STATUS),
     ...selectedStatus
   };
   let tr = state.tr;

package/dist/es2019/ui/ContentComponent.js

@@ -1,6 +1,7 @@
 import React, { useCallback, useMemo } from 'react';
 import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
 import { findDomRefAtPos } from '@atlaskit/editor-prosemirror/utils';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { commitStatusPicker, updateStatus } from '../pm-plugins/actions';
 import StatusPicker from './statusPicker';
 export function ContentComponent({
@@ -43,13 +44,15 @@ export function ContentComponent({
   const {
     text,
     color,
-    localId
+    localId,
+    style
   } = statusNode.attrs;
+  const displayText = style !== 'mixedCase' && fg('platform-dst-lozenge-tag-badge-visual-uplifts') ? text.toUpperCase() : text;
   return /*#__PURE__*/React.createElement(StatusPicker, {
     isNew: statusState === null || statusState === void 0 ? void 0 : statusState.isNew,
     focusStatusInput: statusState === null || statusState === void 0 ? void 0 : statusState.focusStatusInput,
     target: target,
-    defaultText: text,
+    defaultText: displayText,
     defaultColor: color,
     defaultLocalId: localId,
     mountTo: popupsMountPoint,

package/dist/es2019/ui/statusPicker.js

@@ -49,6 +49,16 @@ const pickerContainerStyles = css({
     textTransform: 'uppercase'
   }
 });
+const pickerContainerStylesTeam26 = css({
+  background: "var(--ds-surface-overlay, #FFFFFF)",
+  padding: `${"var(--ds-space-100, 8px)"} 0`,
+  borderRadius: "var(--ds-radius-small, 3px)",
+  boxShadow: "var(--ds-shadow-overlay, 0 0 1px rgba(9, 30, 66, 0.31), 0 4px 8px -2px rgba(9, 30, 66, 0.25))",
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
+  ':focus': {
+    outline: 'none'
+  }
+});
 
 // eslint-disable-next-line @repo/internal/react/no-class-components
 class StatusPickerWithIntl extends React.Component {
@@ -279,7 +289,7 @@ class StatusPickerWithIntl extends React.Component {
       api: api,
       userIntent: "statusPickerOpen"
     }, jsx("div", {
-      css: pickerContainerStyles,
+      css: fg('platform-dst-lozenge-tag-badge-visual-uplifts') ? pickerContainerStylesTeam26 : pickerContainerStyles,
       role: "none",
       ref: this.setRef(setOutsideClickTargetRef),
       onClick: this.handlePopupClick,

package/dist/esm/nodeviews/StatusNodeView.js

@@ -3,6 +3,7 @@ import _createClass from "@babel/runtime/helpers/createClass";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { statusMessages as messages } from '@atlaskit/editor-common/messages';
 import { DOMSerializer } from '@atlaskit/editor-prosemirror/model';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { statusToDOM } from './statusNodeSpec';
 
@@ -63,6 +64,9 @@ export var StatusNodeView = /*#__PURE__*/function () {
           (_this$domElement = this.domElement) === null || _this$domElement === void 0 || _this$domElement.setAttribute('data-text', node.attrs.text);
         }
       }
+      if (this.textContainer && node.attrs.style !== this.node.attrs.style && fg('platform-dst-lozenge-tag-badge-visual-uplifts')) {
+        this.textContainer.style.textTransform = node.attrs.style !== 'mixedCase' ? 'uppercase' : '';
+      }
       if (node.attrs.color !== this.node.attrs.color) {
         var _this$box;
         (_this$box = this.box) === null || _this$box === void 0 || _this$box.setAttribute('data-color', node.attrs.color);

package/dist/esm/nodeviews/statusNodeSpec.js

@@ -44,9 +44,12 @@ export var statusToDOM = function statusToDOM(node) {
   };
   var lozengeTextAttrs = {
     class: 'lozenge-text',
-    style: convertToInlineCss(_objectSpread({}, fg('platform-lozenge-custom-letterspacing') ? {
+    style: convertToInlineCss(_objectSpread(_objectSpread({}, fg('platform-lozenge-custom-letterspacing') ? {
       // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
       letterSpacing: '0.165px'
+    } : {}), style !== 'mixedCase' && fg('platform-dst-lozenge-tag-badge-visual-uplifts') ? {
+      // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
+      textTransform: 'uppercase'
     } : {}))
   };
   return ['span', editorNodeWrapperAttrs, ['span', {

package/dist/esm/pm-plugins/actions.js

@@ -8,11 +8,17 @@ import { getAnnotationMarksForPos } from '@atlaskit/editor-common/utils';
 import { Fragment } from '@atlaskit/editor-prosemirror/model';
 import { NodeSelection, Selection } from '@atlaskit/editor-prosemirror/state';
 import { canInsert } from '@atlaskit/editor-prosemirror/utils';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { pluginKey } from './plugin-key';
 export var DEFAULT_STATUS = {
   text: '',
   color: 'neutral'
 };
+export var DEFAULT_STATUS_NEW = {
+  text: '',
+  color: 'neutral',
+  style: 'mixedCase'
+};
 export var verifyAndInsertStatus = function verifyAndInsertStatus(statusNode, tr, annotationMarks) {
   var fragment = Fragment.fromArray([statusNode, tr.doc.type.schema.text(' ', annotationMarks)]);
   var insertable = canInsert(tr.selection.$from, fragment);
@@ -29,7 +35,7 @@ export var verifyAndInsertStatus = function verifyAndInsertStatus(statusNode, tr
 };
 export var createStatus = function createStatus(tr) {
   var annotationMarksForPos = getAnnotationMarksForPos(tr.selection.$head);
-  var statusNode = tr.doc.type.schema.nodes.status.createChecked(_objectSpread(_objectSpread({}, DEFAULT_STATUS), {}, {
+  var statusNode = tr.doc.type.schema.nodes.status.createChecked(_objectSpread(_objectSpread({}, fg('platform-dst-lozenge-tag-badge-visual-uplifts') ? DEFAULT_STATUS_NEW : DEFAULT_STATUS), {}, {
     localId: uuid.generate()
   }), null, annotationMarksForPos);
   return verifyAndInsertStatus(statusNode, tr, annotationMarksForPos);
@@ -60,7 +66,7 @@ export var updateStatus = function updateStatus(status) {
       text: status.text.trim(),
       localId: status.localId || uuid.generate()
     }) : status;
-    var statusProps = _objectSpread(_objectSpread({}, DEFAULT_STATUS), selectedStatus);
+    var statusProps = _objectSpread(_objectSpread({}, fg('platform-dst-lozenge-tag-badge-visual-uplifts') ? DEFAULT_STATUS_NEW : DEFAULT_STATUS), selectedStatus);
     var tr = state.tr;
     var _ref2 = pluginKey.getState(state) || {},
       showStatusPickerAt = _ref2.showStatusPickerAt;

package/dist/esm/ui/ContentComponent.js

@@ -1,6 +1,7 @@
 import React, { useCallback, useMemo } from 'react';
 import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
 import { findDomRefAtPos } from '@atlaskit/editor-prosemirror/utils';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { commitStatusPicker, updateStatus } from '../pm-plugins/actions';
 import StatusPicker from './statusPicker';
 export function ContentComponent(_ref) {
@@ -45,12 +46,14 @@ export function ContentComponent(_ref) {
   var _statusNode$attrs = statusNode.attrs,
     text = _statusNode$attrs.text,
     color = _statusNode$attrs.color,
-    localId = _statusNode$attrs.localId;
+    localId = _statusNode$attrs.localId,
+    style = _statusNode$attrs.style;
+  var displayText = style !== 'mixedCase' && fg('platform-dst-lozenge-tag-badge-visual-uplifts') ? text.toUpperCase() : text;
   return /*#__PURE__*/React.createElement(StatusPicker, {
     isNew: statusState === null || statusState === void 0 ? void 0 : statusState.isNew,
     focusStatusInput: statusState === null || statusState === void 0 ? void 0 : statusState.focusStatusInput,
     target: target,
-    defaultText: text,
+    defaultText: displayText,
     defaultColor: color,
     defaultLocalId: localId,
     mountTo: popupsMountPoint,

package/dist/esm/ui/statusPicker.js

@@ -56,6 +56,16 @@ var pickerContainerStyles = css({
     textTransform: 'uppercase'
   }
 });
+var pickerContainerStylesTeam26 = css({
+  background: "var(--ds-surface-overlay, #FFFFFF)",
+  padding: "var(--ds-space-100, 8px)".concat(" 0"),
+  borderRadius: "var(--ds-radius-small, 3px)",
+  boxShadow: "var(--ds-shadow-overlay, 0 0 1px rgba(9, 30, 66, 0.31), 0 4px 8px -2px rgba(9, 30, 66, 0.25))",
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
+  ':focus': {
+    outline: 'none'
+  }
+});
 
 // eslint-disable-next-line @repo/internal/react/no-class-components
 var StatusPickerWithIntl = /*#__PURE__*/function (_React$Component) {
@@ -301,7 +311,7 @@ var StatusPickerWithIntl = /*#__PURE__*/function (_React$Component) {
         api: api,
         userIntent: "statusPickerOpen"
       }, jsx("div", {
-        css: pickerContainerStyles,
+        css: fg('platform-dst-lozenge-tag-badge-visual-uplifts') ? pickerContainerStylesTeam26 : pickerContainerStyles,
         role: "none",
         ref: this.setRef(setOutsideClickTargetRef),
         onClick: this.handlePopupClick,

package/dist/types/pm-plugins/actions.d.ts

@@ -7,6 +7,7 @@ import type { EditorState, Transaction } from '@atlaskit/editor-prosemirror/stat
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { ClosingPayload, StatusType } from '../types';
 export declare const DEFAULT_STATUS: StatusType;
+export declare const DEFAULT_STATUS_NEW: StatusType;
 export declare const verifyAndInsertStatus: (statusNode: Node, tr: Transaction, annotationMarks?: Mark[] | undefined) => Transaction;
 export declare const createStatus: (tr: Transaction) => Transaction;
 export declare const insertStatus: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined) => (inputMethod?: INPUT_METHOD.INSERT_MENU | INPUT_METHOD.QUICK_INSERT | INPUT_METHOD.TOOLBAR) => EditorCommand;

package/dist/types/types/index.d.ts

@@ -3,6 +3,7 @@ import type { closingMethods } from '../ui/statusPicker';
 export type StatusType = {
     color: ColorType;
     localId?: string;
+    style?: string;
     text: string;
 };
 export type StatusState = {

package/dist/types-ts4.5/pm-plugins/actions.d.ts

@@ -7,6 +7,7 @@ import type { EditorState, Transaction } from '@atlaskit/editor-prosemirror/stat
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { ClosingPayload, StatusType } from '../types';
 export declare const DEFAULT_STATUS: StatusType;
+export declare const DEFAULT_STATUS_NEW: StatusType;
 export declare const verifyAndInsertStatus: (statusNode: Node, tr: Transaction, annotationMarks?: Mark[] | undefined) => Transaction;
 export declare const createStatus: (tr: Transaction) => Transaction;
 export declare const insertStatus: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined) => (inputMethod?: INPUT_METHOD.INSERT_MENU | INPUT_METHOD.QUICK_INSERT | INPUT_METHOD.TOOLBAR) => EditorCommand;

package/dist/types-ts4.5/types/index.d.ts

@@ -3,6 +3,7 @@ import type { closingMethods } from '../ui/statusPicker';
 export type StatusType = {
     color: ColorType;
     localId?: string;
+    style?: string;
     text: string;
 };
 export type StatusState = {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-status",
-	"version": "9.0.14",
+	"version": "9.1.0",
 	"description": "Status plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -37,15 +37,15 @@
 		"@atlaskit/editor-shared-styles": "^3.10.0",
 		"@atlaskit/icon": "^33.1.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
-		"@atlaskit/status": "^3.1.0",
-		"@atlaskit/tmp-editor-statsig": "^47.0.0",
-		"@atlaskit/tokens": "^11.3.0",
+		"@atlaskit/status": "^3.2.0",
+		"@atlaskit/tmp-editor-statsig": "^48.2.0",
+		"@atlaskit/tokens": "^11.4.0",
 		"@atlaskit/visually-hidden": "^3.0.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^112.10.0",
+		"@atlaskit/editor-common": "^112.12.0",
 		"react": "^18.2.0",
 		"react-dom": "^18.2.0",
 		"react-intl-next": "npm:react-intl@^5.18.1"
@@ -99,6 +99,9 @@
 		},
 		"platform-lozenge-custom-letterspacing": {
 			"type": "boolean"
+		},
+		"platform-dst-lozenge-tag-badge-visual-uplifts": {
+			"type": "boolean"
 		}
 	}
 }