@atlaskit/editor-common 82.5.0 → 82.7.0

package/dist/esm/keymaps/keymap.js

@@ -1,5 +1,6 @@
 import { base, keyName } from 'w3c-keyname';
 import { keydownHandler } from '@atlaskit/editor-prosemirror/keymap';
+import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { SafePlugin } from '../safe-plugin';
 
 /**
@@ -13,20 +14,52 @@ export function keymap(bindings) {
   return new SafePlugin({
     props: {
       handleKeyDown: function handleKeyDown(view, event) {
-        var name = keyName(event);
-        var keyboardEvent = event;
-        if (event.ctrlKey && name.length === 1 &&
-        // Check the unicode of the character to
-        // assert that its not an ASCII character.
-        // These are characters outside Latin's range.
-        /[^\u0000-\u007f]/.test(name)) {
-          keyboardEvent = new KeyboardEvent('keydown', {
-            key: base[event.keyCode],
-            code: event.code,
-            ctrlKey: true
-          });
+        if (getBooleanFF('platform.editor.text-alignment-keyboard-shortcuts')) {
+          var name = keyName(event);
+          var keyboardEvent = event;
+
+          // We will try to bypass the keycode only if any of mod keys are pressed,
+          // to allow users to use non-latin and Dead characters.
+          var isModKeyPressed = event.ctrlKey || event.metaKey;
+
+          // Check the unicode of the character to assert that it's not an ASCII character.
+          // These are characters outside latin's range.
+          var isNonLatinKey = name.length === 1 && /[^\u0000-\u007f]/.test(name);
+
+          // The `Dead` key is a key that combines with a following key to produce a combined character.
+          // It will have `even.key === 'Dead'` in some browsers but the `keyCode` will be the same as in a qwerty-keyboard.
+          // See https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/key and https://en.wikipedia.org/wiki/Dead_key
+          var isDeadKey = name === 'Dead';
+          if (isModKeyPressed && (isNonLatinKey || isDeadKey)) {
+            keyboardEvent = new KeyboardEvent(event.type, {
+              // FIXME: The event.keyCode is deprecated (see https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/keyCode),
+              //        and could be removed in any time, but the w3c-keyname library doesn't provide a way to get
+              //        a key by event.code.
+              key: base[event.keyCode],
+              code: event.code,
+              ctrlKey: event.ctrlKey,
+              altKey: event.altKey,
+              metaKey: event.metaKey,
+              shiftKey: event.shiftKey
+            });
+          }
+          return keydownHandler(bindings)(view, keyboardEvent);
+        } else {
+          var _name = keyName(event);
+          var _keyboardEvent = event;
+          if (event.ctrlKey && _name.length === 1 &&
+          // Check the unicode of the character to
+          // assert that its not an ASCII character.
+          // These are characters outside Latin's range.
+          /[^\u0000-\u007f]/.test(_name)) {
+            _keyboardEvent = new KeyboardEvent('keydown', {
+              key: base[event.keyCode],
+              code: event.code,
+              ctrlKey: true
+            });
+          }
+          return keydownHandler(bindings)(view, _keyboardEvent);
         }
-        return keydownHandler(bindings)(view, keyboardEvent);
       }
     }
   });

package/dist/esm/link/ConfigureLinkOverlay/OverlayButton.js

@@ -0,0 +1,79 @@
+/** @jsx jsx */
+import { useCallback } from 'react';
+import { css, jsx } from '@emotion/react';
+import { useIntl } from 'react-intl-next';
+import Button from '@atlaskit/button';
+import { NodeSelection, TextSelection } from '@atlaskit/editor-prosemirror/state';
+import PreferencesIcon from '@atlaskit/icon/glyph/preferences';
+import { N0, N30A, N40A, N60A, N700 } from '@atlaskit/theme/colors';
+import { layers } from '@atlaskit/theme/constants';
+import Tooltip from '@atlaskit/tooltip';
+import { cardMessages } from '../../messages';
+var buttonStyles = css({
+  background: "var(--ds-background-neutral, ".concat(N30A, ")"),
+  color: "var(--ds-icon, ".concat(N700, ")"),
+  '&:hover': {
+    background: "var(--ds-background-neutral-hovered, ".concat(N40A, ")")
+  },
+  '&:active': {
+    background: "var(--ds-background-neutral-pressed, ".concat(N60A, ")")
+  },
+  width: '1.375rem',
+  height: '1.25rem'
+});
+var buttonWrapperStyles = css({
+  position: 'absolute',
+  zIndex: layers.card(),
+  display: 'inline-flex',
+  top: '50%',
+  transform: 'translateY(-50%)',
+  background: "var(--ds-surface-raised, ".concat(N0, ")")
+});
+export var OverlayButton = function OverlayButton(_ref) {
+  var _docNode$nodeSize;
+  var editorView = _ref.editorView,
+    _ref$testId = _ref.testId,
+    testId = _ref$testId === void 0 ? 'link-configure-overlay-button' : _ref$testId,
+    _ref$targetElementPos = _ref.targetElementPos,
+    targetElementPos = _ref$targetElementPos === void 0 ? 0 : _ref$targetElementPos;
+  var _useIntl = useIntl(),
+    formatMessage = _useIntl.formatMessage;
+  var docNode = editorView.state.doc.nodeAt(targetElementPos);
+  var nodeEnd = targetElementPos + ((_docNode$nodeSize = docNode === null || docNode === void 0 ? void 0 : docNode.nodeSize) !== null && _docNode$nodeSize !== void 0 ? _docNode$nodeSize : 0);
+  var isText = docNode === null || docNode === void 0 ? void 0 : docNode.isText;
+  var handleClick = useCallback(function () {
+    var tr = editorView.state.tr;
+    if (isText) {
+      tr.setSelection(TextSelection.create(tr.doc, targetElementPos, Math.min(nodeEnd, tr.doc.nodeSize)));
+    } else {
+      tr.setSelection(NodeSelection.create(tr.doc, targetElementPos));
+    }
+    editorView.dispatch(tr);
+  }, [isText, editorView, nodeEnd, targetElementPos]);
+  var _editorView$state$sel = editorView.state.selection,
+    from = _editorView$state$sel.from,
+    to = _editorView$state$sel.to;
+  var isSelected = from === targetElementPos && to === nodeEnd;
+  if (!targetElementPos || isSelected) {
+    return null;
+  }
+  var configureLinkLabel = formatMessage(cardMessages.inlineConfigureLink);
+  return jsx("span", {
+    css: buttonWrapperStyles
+  }, jsx(Tooltip, {
+    content: configureLinkLabel,
+    hideTooltipOnClick: true,
+    testId: "".concat(testId, "-tooltip")
+  }, jsx(Button, {
+    testId: testId
+    // eslint-disable-next-line @atlaskit/design-system/no-unsafe-style-overrides
+    ,
+    css: buttonStyles,
+    onClick: handleClick,
+    iconBefore: jsx(PreferencesIcon, {
+      label: configureLinkLabel,
+      size: "small",
+      testId: "".concat(testId, "-configure-icon")
+    })
+  })));
+};

package/dist/esm/link/index.js

@@ -9,4 +9,5 @@ export { HyperlinkAddToolbar } from './LinkPicker/HyperlinkAddToolbar';
 export { default as HyperlinkLinkAddToolbar, HyperlinkLinkAddToolbarWithIntl, RECENT_SEARCH_LIST_SIZE } from './LinkPicker/HyperlinkAddToolbar/HyperlinkAddToolbar';
 export { sha1 } from './LinkPicker/HyperlinkAddToolbar/utils';
 export { isLinkAtPos, isTextAtPos, getLinkPreferencesURLFromENV } from './utils';
-export { stagingLinkPreferencesUrl, productionLinkPreferencesUrl } from './constants';
+export { stagingLinkPreferencesUrl, productionLinkPreferencesUrl } from './constants';
+export { OverlayButton } from './ConfigureLinkOverlay/OverlayButton';

package/dist/esm/link/types.js

@@ -4,6 +4,7 @@ export var LinkAction = /*#__PURE__*/function (LinkAction) {
   LinkAction["SELECTION_CHANGE"] = "SELECTION_CHANGE";
   LinkAction["INSERT_LINK_TOOLBAR"] = "INSERT";
   LinkAction["EDIT_INSERTED_TOOLBAR"] = "EDIT_INSERTED_TOOLBAR";
+  LinkAction["SET_CONFIGURE_BUTTON_TARGET_POS"] = "SET_CONFIGURE_BUTTON_TARGET_POS";
   return LinkAction;
 }({});
 export var InsertStatus = /*#__PURE__*/function (InsertStatus) {

package/dist/esm/monitoring/error.js

@@ -7,7 +7,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import { isFedRamp } from './environment';
 var SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-var packageVersion = "82.5.0";
+var packageVersion = "82.7.0";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

package/dist/esm/ui/DropList/index.js

@@ -15,7 +15,7 @@ import { createAndFireEvent, withAnalyticsContext, withAnalyticsEvents } from '@
 import { N0, N50A, N60A, N900 } from '@atlaskit/theme/colors';
 import Layer from '../Layer';
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "82.5.0";
+var packageVersion = "82.7.0";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var DropList = /*#__PURE__*/function (_Component) {

package/dist/esm/ui-color/ColorPalette/Color/index.js

@@ -54,7 +54,7 @@ function FunctionalComponentColor(props) {
     ,
     className: "".concat(isSelected ? 'selected' : ''),
     style: {
-      backgroundColor: colorStyle || 'transparent',
+      backgroundColor: colorStyle || (getBooleanFF('platform.editor.dynamic-palette-borders') ? "var(--ds-background-input, #FFFFFF)" : 'transparent'),
       border: "1px solid ".concat(borderColor)
     },
     autoFocus: autoFocus
@@ -119,7 +119,7 @@ var ClassComponentColor = /*#__PURE__*/function (_PureComponent) {
         ,
         className: "".concat(isSelected ? 'selected' : ''),
         style: {
-          backgroundColor: colorStyle || 'transparent',
+          backgroundColor: colorStyle || (getBooleanFF('platform.editor.dynamic-palette-borders') ? "var(--ds-background-input, #FFFFFF)" : 'transparent'),
           border: "1px solid ".concat(borderColor)
         },
         autoFocus: autoFocus

package/dist/esm/ui-color/ColorPalette/Palettes/highlightColorPalette.js

@@ -1,3 +1,6 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+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) { _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; }
 /** @jsx jsx */
 
 import { jsx } from '@emotion/react';
@@ -49,4 +52,9 @@ export var highlightColorPalette = [{
 }];
 backgroundColorPalette.forEach(function (label, color) {
   highlightColorPalette.push(mapPaletteColor(label, color));
+});
+export var highlightColorPaletteWithTokenBorders = highlightColorPalette.map(function (paletteColor) {
+  return _objectSpread(_objectSpread({}, paletteColor), {}, {
+    border: "var(--ds-border, #091E4224)"
+  });
 });

package/dist/esm/ui-color/ColorPalette/Palettes/textColorPalette.js

@@ -1,3 +1,6 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+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) { _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; }
 import { colorPalette } from '@atlaskit/adf-schema';
 import { DEFAULT_BORDER_COLOR } from './common';
 import getColorMessage from './getColorMessage';
@@ -15,6 +18,12 @@ export var mapPaletteColor = function mapPaletteColor(label, color) {
 
 // row 1
 export var textColorPalette = [];
+export var textColorPaletteTokenBorders = [];
 colorPalette.forEach(function (label, color) {
   textColorPalette.push(mapPaletteColor(label, color));
+});
+export var textColorPaletteWithTokenBorders = textColorPalette.map(function (paletteColor) {
+  return _objectSpread(_objectSpread({}, paletteColor), {}, {
+    border: "var(--ds-border, #091E4224)"
+  });
 });

package/dist/esm/ui-color/index.js

@@ -5,8 +5,8 @@ export { default as cellBackgroundColorPalette } from './ColorPalette/Palettes/c
 export { default as colorPaletteMessages } from './ColorPalette/Palettes/paletteMessages';
 export { panelBackgroundPalette, panelDarkModeBackgroundPalette } from './ColorPalette/Palettes/panelBackgroundPalette';
 export { lightModeStatusColorPalette, darkModeStatusColorPalette } from './ColorPalette/Palettes/statusColorPalette';
-export { textColorPalette } from './ColorPalette/Palettes/textColorPalette';
-export { highlightColorPalette, REMOVE_HIGHLIGHT_COLOR } from './ColorPalette/Palettes/highlightColorPalette';
+export { textColorPalette, textColorPaletteWithTokenBorders } from './ColorPalette/Palettes/textColorPalette';
+export { highlightColorPalette, highlightColorPaletteWithTokenBorders, REMOVE_HIGHLIGHT_COLOR } from './ColorPalette/Palettes/highlightColorPalette';
 export { backgroundPaletteTooltipMessages, borderPaletteTooltipMessages, chartsColorPaletteTooltipMessages, textPaletteTooltipMessages } from './ColorPalette/Palettes';
 export { DEFAULT_BORDER_COLOR } from './ColorPalette/Palettes/common';
 export { default as borderColorPalette } from './ColorPalette/Palettes/borderColorPalette';

package/dist/types/link/ConfigureLinkOverlay/OverlayButton.d.ts

@@ -0,0 +1,8 @@
+import { jsx } from '@emotion/react';
+import { type EditorView } from '@atlaskit/editor-prosemirror/view';
+export interface OverlayButtonProps {
+    editorView: EditorView;
+    testId?: string;
+    targetElementPos?: number;
+}
+export declare const OverlayButton: ({ editorView, testId, targetElementPos, }: OverlayButtonProps) => jsx.JSX.Element | null;

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

@@ -15,3 +15,5 @@ export type { HyperlinkAddToolbarProps } from './LinkPicker/HyperlinkAddToolbar'
 export { sha1 } from './LinkPicker/HyperlinkAddToolbar/utils';
 export { isLinkAtPos, isTextAtPos, getLinkPreferencesURLFromENV } from './utils';
 export { stagingLinkPreferencesUrl, productionLinkPreferencesUrl } from './constants';
+export { OverlayButton } from './ConfigureLinkOverlay/OverlayButton';
+export type { OverlayButtonProps } from './ConfigureLinkOverlay/OverlayButton';

package/dist/types/link/types.d.ts

@@ -1,4 +1,5 @@
 import { type Node } from '@atlaskit/editor-prosemirror/model';
+import { type DecorationSet } from '@atlaskit/editor-prosemirror/view';
 import { type INPUT_METHOD } from '../analytics';
 import type { EditorAppearance } from '../types';
 export declare enum LinkAction {
@@ -6,7 +7,8 @@ export declare enum LinkAction {
     HIDE_TOOLBAR = "HIDE_TOOLBAR",
     SELECTION_CHANGE = "SELECTION_CHANGE",
     INSERT_LINK_TOOLBAR = "INSERT",
-    EDIT_INSERTED_TOOLBAR = "EDIT_INSERTED_TOOLBAR"
+    EDIT_INSERTED_TOOLBAR = "EDIT_INSERTED_TOOLBAR",
+    SET_CONFIGURE_BUTTON_TARGET_POS = "SET_CONFIGURE_BUTTON_TARGET_POS"
 }
 export declare enum InsertStatus {
     EDIT_LINK_TOOLBAR = "EDIT",
@@ -37,4 +39,6 @@ export interface HyperlinkState {
     searchSessionId?: string;
     inputMethod?: INPUT_METHOD;
     editorAppearance?: EditorAppearance;
+    configureButtonTargetPos?: number;
+    decorations?: DecorationSet;
 }

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

@@ -19,6 +19,8 @@ type ActionResult = {
 export type AnnotationActionResult = ({
     step: Step;
     doc: JSONDocNode;
+    /** The list of types of all inline nodes, which were wrapped by annotation. */
+    inlineNodeTypes?: string[];
     targetNodeType?: string;
 } & AnnotationByMatches) | false;
 export type InlineCommentSelectionComponentProps = {

package/dist/types/types/feature-flags.d.ts

@@ -293,6 +293,14 @@ export type FeatureFlags = {
      * @default false
      */
     elementDragAndDrop?: boolean;
+    /**
+     * @description
+     * Rearranges the top 5 items in the quick insert menu
+     *
+     * @see https://product-fabric.atlassian.net/browse/ED-23642
+     * @default false
+     */
+    platformEditorTypeaheadImprovedRelevancy?: boolean;
 };
 export type FeatureFlagKey = keyof FeatureFlags;
 export type GetEditorFeatureFlags = () => FeatureFlags;

package/dist/types/ui-color/ColorPalette/Palettes/highlightColorPalette.d.ts

@@ -4,3 +4,4 @@ import type { PaletteColor } from './type';
 export declare const REMOVE_HIGHLIGHT_COLOR = "#00000000";
 export declare const EditorDiagonalLineIcon: () => jsx.JSX.Element;
 export declare const highlightColorPalette: Array<PaletteColor>;
+export declare const highlightColorPaletteWithTokenBorders: Array<PaletteColor>;

package/dist/types/ui-color/ColorPalette/Palettes/textColorPalette.d.ts

@@ -6,3 +6,5 @@ export declare const mapPaletteColor: (label: string, color: string) => {
     message: import("react-intl-next").MessageDescriptor | undefined;
 };
 export declare const textColorPalette: Array<PaletteColor>;
+export declare const textColorPaletteTokenBorders: Array<PaletteColor>;
+export declare const textColorPaletteWithTokenBorders: Array<PaletteColor>;

package/dist/types/ui-color/index.d.ts

@@ -5,8 +5,8 @@ export { default as cellBackgroundColorPalette } from './ColorPalette/Palettes/c
 export { default as colorPaletteMessages } from './ColorPalette/Palettes/paletteMessages';
 export { panelBackgroundPalette, panelDarkModeBackgroundPalette, } from './ColorPalette/Palettes/panelBackgroundPalette';
 export { lightModeStatusColorPalette, darkModeStatusColorPalette, } from './ColorPalette/Palettes/statusColorPalette';
-export { textColorPalette } from './ColorPalette/Palettes/textColorPalette';
-export { highlightColorPalette, REMOVE_HIGHLIGHT_COLOR, } from './ColorPalette/Palettes/highlightColorPalette';
+export { textColorPalette, textColorPaletteWithTokenBorders, } from './ColorPalette/Palettes/textColorPalette';
+export { highlightColorPalette, highlightColorPaletteWithTokenBorders, REMOVE_HIGHLIGHT_COLOR, } from './ColorPalette/Palettes/highlightColorPalette';
 export { backgroundPaletteTooltipMessages, borderPaletteTooltipMessages, chartsColorPaletteTooltipMessages, textPaletteTooltipMessages, } from './ColorPalette/Palettes';
 export { DEFAULT_BORDER_COLOR } from './ColorPalette/Palettes/common';
 export type { PaletteColor, PaletteTooltipMessages } from './ColorPalette/Palettes/type';

package/dist/types-ts4.5/link/ConfigureLinkOverlay/OverlayButton.d.ts

@@ -0,0 +1,8 @@
+import { jsx } from '@emotion/react';
+import { type EditorView } from '@atlaskit/editor-prosemirror/view';
+export interface OverlayButtonProps {
+    editorView: EditorView;
+    testId?: string;
+    targetElementPos?: number;
+}
+export declare const OverlayButton: ({ editorView, testId, targetElementPos, }: OverlayButtonProps) => jsx.JSX.Element | null;

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

@@ -15,3 +15,5 @@ export type { HyperlinkAddToolbarProps } from './LinkPicker/HyperlinkAddToolbar'
 export { sha1 } from './LinkPicker/HyperlinkAddToolbar/utils';
 export { isLinkAtPos, isTextAtPos, getLinkPreferencesURLFromENV } from './utils';
 export { stagingLinkPreferencesUrl, productionLinkPreferencesUrl } from './constants';
+export { OverlayButton } from './ConfigureLinkOverlay/OverlayButton';
+export type { OverlayButtonProps } from './ConfigureLinkOverlay/OverlayButton';

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

@@ -1,4 +1,5 @@
 import { type Node } from '@atlaskit/editor-prosemirror/model';
+import { type DecorationSet } from '@atlaskit/editor-prosemirror/view';
 import { type INPUT_METHOD } from '../analytics';
 import type { EditorAppearance } from '../types';
 export declare enum LinkAction {
@@ -6,7 +7,8 @@ export declare enum LinkAction {
     HIDE_TOOLBAR = "HIDE_TOOLBAR",
     SELECTION_CHANGE = "SELECTION_CHANGE",
     INSERT_LINK_TOOLBAR = "INSERT",
-    EDIT_INSERTED_TOOLBAR = "EDIT_INSERTED_TOOLBAR"
+    EDIT_INSERTED_TOOLBAR = "EDIT_INSERTED_TOOLBAR",
+    SET_CONFIGURE_BUTTON_TARGET_POS = "SET_CONFIGURE_BUTTON_TARGET_POS"
 }
 export declare enum InsertStatus {
     EDIT_LINK_TOOLBAR = "EDIT",
@@ -37,4 +39,6 @@ export interface HyperlinkState {
     searchSessionId?: string;
     inputMethod?: INPUT_METHOD;
     editorAppearance?: EditorAppearance;
+    configureButtonTargetPos?: number;
+    decorations?: DecorationSet;
 }

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

@@ -19,6 +19,8 @@ type ActionResult = {
 export type AnnotationActionResult = ({
     step: Step;
     doc: JSONDocNode;
+    /** The list of types of all inline nodes, which were wrapped by annotation. */
+    inlineNodeTypes?: string[];
     targetNodeType?: string;
 } & AnnotationByMatches) | false;
 export type InlineCommentSelectionComponentProps = {

package/dist/types-ts4.5/types/feature-flags.d.ts

@@ -293,6 +293,14 @@ export type FeatureFlags = {
      * @default false
      */
     elementDragAndDrop?: boolean;
+    /**
+     * @description
+     * Rearranges the top 5 items in the quick insert menu
+     *
+     * @see https://product-fabric.atlassian.net/browse/ED-23642
+     * @default false
+     */
+    platformEditorTypeaheadImprovedRelevancy?: boolean;
 };
 export type FeatureFlagKey = keyof FeatureFlags;
 export type GetEditorFeatureFlags = () => FeatureFlags;

package/dist/types-ts4.5/ui-color/ColorPalette/Palettes/highlightColorPalette.d.ts

@@ -4,3 +4,4 @@ import type { PaletteColor } from './type';
 export declare const REMOVE_HIGHLIGHT_COLOR = "#00000000";
 export declare const EditorDiagonalLineIcon: () => jsx.JSX.Element;
 export declare const highlightColorPalette: Array<PaletteColor>;
+export declare const highlightColorPaletteWithTokenBorders: Array<PaletteColor>;

package/dist/types-ts4.5/ui-color/ColorPalette/Palettes/textColorPalette.d.ts

@@ -6,3 +6,5 @@ export declare const mapPaletteColor: (label: string, color: string) => {
     message: import("react-intl-next").MessageDescriptor | undefined;
 };
 export declare const textColorPalette: Array<PaletteColor>;
+export declare const textColorPaletteTokenBorders: Array<PaletteColor>;
+export declare const textColorPaletteWithTokenBorders: Array<PaletteColor>;

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

@@ -5,8 +5,8 @@ export { default as cellBackgroundColorPalette } from './ColorPalette/Palettes/c
 export { default as colorPaletteMessages } from './ColorPalette/Palettes/paletteMessages';
 export { panelBackgroundPalette, panelDarkModeBackgroundPalette, } from './ColorPalette/Palettes/panelBackgroundPalette';
 export { lightModeStatusColorPalette, darkModeStatusColorPalette, } from './ColorPalette/Palettes/statusColorPalette';
-export { textColorPalette } from './ColorPalette/Palettes/textColorPalette';
-export { highlightColorPalette, REMOVE_HIGHLIGHT_COLOR, } from './ColorPalette/Palettes/highlightColorPalette';
+export { textColorPalette, textColorPaletteWithTokenBorders, } from './ColorPalette/Palettes/textColorPalette';
+export { highlightColorPalette, highlightColorPaletteWithTokenBorders, REMOVE_HIGHLIGHT_COLOR, } from './ColorPalette/Palettes/highlightColorPalette';
 export { backgroundPaletteTooltipMessages, borderPaletteTooltipMessages, chartsColorPaletteTooltipMessages, textPaletteTooltipMessages, } from './ColorPalette/Palettes';
 export { DEFAULT_BORDER_COLOR } from './ColorPalette/Palettes/common';
 export type { PaletteColor, PaletteTooltipMessages } from './ColorPalette/Palettes/type';