@atlaskit/adf-schema 56.1.5 → 56.1.7

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @atlaskit/adf-schema
 
+## 56.1.7
+
+### Patch Changes
+
+- [`245230d12da8d`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/245230d12da8d) -
+  [ux] [EDITOR-8142] add red highlight color and filter out the transparent/ default highlight color
+  behind platform_editor_lovability_text_bg_color_patch_1
+
+## 56.1.6
+
+### Patch Changes
+
+- [`ba8c317b7b604`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/ba8c317b7b604) -
+  Add breakout mark width and root-only panel/rule typing
+
 ## 56.1.5
 
 ### Patch Changes

package/dist/cjs/schema/marks/background-color.js

@@ -7,6 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.backgroundColorPaletteNew = exports.backgroundColorPalette = exports.backgroundColor = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _expValEqualsNoExposure = require("@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure");
 var _markTypes = require("../../next-schema/generated/markTypes");
 var _colors = require("../../utils/colors");
@@ -45,6 +46,8 @@ var colorArrayPaletteNew = [[_colors.Neutral300, 'Gray'],
 // token: color.background.accent.yellow.subtler
 [_colors.O200, 'Orange'],
 // token: color.background.accent.orange.subtler
+[_colors.R200, 'Red'],
+// token: color.background.accent.red.subtler
 [_colors.M200, 'Magenta'],
 // token: color.background.accent.magenta.subtler
 [_colors.P200, 'Purple'] // token: color.background.accent.purple.subtler
@@ -72,7 +75,7 @@ var isSupportedBackgroundColor = function isSupportedBackgroundColor(hexColor) {
   if (backgroundColorPalette.has(hexColor)) {
     return true;
   }
-  return (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_lovability_text_bg_color', 'isEnabled', true) && backgroundColorPaletteNew.has(hexColor);
+  return (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_lovability_text_bg_color', 'isEnabled', true) && backgroundColorPaletteNew.has(hexColor) && (hexColor !== _colors.R200.toLowerCase() || (0, _platformFeatureFlags.fg)('platform_editor_lovability_text_bg_color_patch_1'));
 };
 var backgroundColor = exports.backgroundColor = (0, _markTypes.backgroundColor)({
   parseDOM: [{

package/dist/cjs/schema/nodes/panel.js

@@ -26,6 +26,9 @@ var PanelType = exports.PanelType = /*#__PURE__*/function (PanelType) {
 /**
  * @name panel_c1_node
  */
+/**
+ * @name panel_root_only_node
+ */
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 var getDomAttrs = function getDomAttrs(nodeAttrs) {
   var attrs = {

package/dist/cjs/schema/nodes/rule.js

@@ -14,6 +14,10 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
  * @name rule_node
  */
 
+/**
+ * @name rule_root_only_node
+ */
+
 var hrDOM = ['hr'];
 var rule = exports.rule = (0, _nodeTypes.rule)({
   parseDOM: [{

package/dist/cjs/utils/colors.js

@@ -5,7 +5,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Yellow200 = exports.Y800 = exports.Y75 = exports.Y600 = exports.Y500 = exports.Y50 = exports.Y400 = exports.Y200 = exports.T75 = exports.T500 = exports.T50 = exports.T300 = exports.T200 = exports.T100 = exports.R75 = exports.R500 = exports.R50 = exports.R400 = exports.R300 = exports.R100 = exports.P75 = exports.P500 = exports.P50 = exports.P400 = exports.P300 = exports.P200 = exports.P100 = exports.Orange200 = exports.O800 = exports.O600 = exports.O200 = exports.Neutral300 = exports.N90 = exports.N800 = exports.N80 = exports.N600 = exports.N60 = exports.N500 = exports.N50 = exports.N40 = exports.N300A = exports.N300 = exports.N30 = exports.N200 = exports.N20 = exports.N1000 = exports.N0 = exports.M800 = exports.M600 = exports.M200 = exports.L800 = exports.L600 = exports.L200 = exports.G75 = exports.G500 = exports.G50 = exports.G400 = exports.G300 = exports.G200 = exports.B75 = exports.B500 = exports.B50 = exports.B400 = exports.B100 = void 0;
+exports.Yellow200 = exports.Y800 = exports.Y75 = exports.Y600 = exports.Y500 = exports.Y50 = exports.Y400 = exports.Y200 = exports.T75 = exports.T500 = exports.T50 = exports.T300 = exports.T200 = exports.T100 = exports.R75 = exports.R500 = exports.R50 = exports.R400 = exports.R300 = exports.R200 = exports.R100 = exports.P75 = exports.P500 = exports.P50 = exports.P400 = exports.P300 = exports.P200 = exports.P100 = exports.Orange200 = exports.O800 = exports.O600 = exports.O200 = exports.Neutral300 = exports.N90 = exports.N800 = exports.N80 = exports.N600 = exports.N60 = exports.N500 = exports.N50 = exports.N40 = exports.N300A = exports.N300 = exports.N30 = exports.N200 = exports.N20 = exports.N1000 = exports.N0 = exports.M800 = exports.M600 = exports.M200 = exports.L800 = exports.L600 = exports.L200 = exports.G75 = exports.G500 = exports.G50 = exports.G400 = exports.G300 = exports.G200 = exports.B75 = exports.B500 = exports.B50 = exports.B400 = exports.B100 = void 0;
 exports.hexToRgb = hexToRgb;
 exports.hexToRgba = hexToRgba;
 exports.isHex = isHex;
@@ -28,6 +28,7 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
 var R50 = exports.R50 = '#FFEBE6';
 var R75 = exports.R75 = '#FFBDAD';
 var R100 = exports.R100 = '#FF8F73';
+var R200 = exports.R200 = '#FFD5D2';
 var R300 = exports.R300 = '#FF5630';
 var R400 = exports.R400 = '#DE350B';
 var R500 = exports.R500 = '#BF2600';

package/dist/cjs/utils/editor-palette.js

@@ -169,6 +169,8 @@ var textBackgroundColorPalette = exports.textBackgroundColorPalette = {
   '#F8E6A0': 'var(--ds-background-accent-yellow-subtler, #F8E6A0)',
   /** Orange - light */
   '#FEDEC8': 'var(--ds-background-accent-orange-subtler, #FEDEC8)',
+  /** Red - light */
+  '#FFD5D2': 'var(--ds-background-accent-red-subtler, #FFD5D2)',
   /** Magenta - light */
   '#FDD0EC': 'var(--ds-background-accent-magenta-subtler, #FDD0EC)',
   /** Purple - light */

package/dist/cjs/utils/lch-color-inversion.js

@@ -18,7 +18,7 @@ var clamp = function clamp(i, min, max) {
   return Math.round(Math.min(Math.max(i, min), max));
 };
 var expandShorthandHex = function expandShorthandHex(input) {
-  return input.replace(SHORTHAND_HEX_REGEX, function (m, r, g, b) {
+  return input.replace(SHORTHAND_HEX_REGEX, function (_m, r, g, b) {
     return r + r + g + g + b + b;
   });
 };

package/dist/es2019/schema/marks/background-color.js

@@ -1,6 +1,7 @@
+import { fg } from '@atlaskit/platform-feature-flags';
 import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
 import { backgroundColor as backgroundColorFactory } from '../../next-schema/generated/markTypes';
-import { B75, G75, L200, M200, Neutral300, O200, P200, rgbToHex, T200, Yellow200 } from '../../utils/colors';
+import { B75, G75, L200, M200, Neutral300, O200, P200, R200, rgbToHex, T200, Yellow200 } from '../../utils/colors';
 import { hexToEditorTextBackgroundPaletteColor } from '../../utils/editor-palette';
 import { getDarkModeLCHColor } from '../../utils/lch-color-inversion';
 import { getGlobalTheme } from './text-color';
@@ -37,6 +38,8 @@ const colorArrayPaletteNew = [[Neutral300, 'Gray'],
 // token: color.background.accent.yellow.subtler
 [O200, 'Orange'],
 // token: color.background.accent.orange.subtler
+[R200, 'Red'],
+// token: color.background.accent.red.subtler
 [M200, 'Magenta'],
 // token: color.background.accent.magenta.subtler
 [P200, 'Purple'] // token: color.background.accent.purple.subtler
@@ -54,7 +57,7 @@ const isSupportedBackgroundColor = hexColor => {
   if (backgroundColorPalette.has(hexColor)) {
     return true;
   }
-  return expValEqualsNoExposure('platform_editor_lovability_text_bg_color', 'isEnabled', true) && backgroundColorPaletteNew.has(hexColor);
+  return expValEqualsNoExposure('platform_editor_lovability_text_bg_color', 'isEnabled', true) && backgroundColorPaletteNew.has(hexColor) && (hexColor !== R200.toLowerCase() || fg('platform_editor_lovability_text_bg_color_patch_1'));
 };
 export const backgroundColor = backgroundColorFactory({
   parseDOM: [{

package/dist/es2019/schema/nodes/panel.js

@@ -19,6 +19,10 @@ export let PanelType = /*#__PURE__*/function (PanelType) {
  * @name panel_c1_node
  */
 
+/**
+ * @name panel_root_only_node
+ */
+
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 const getDomAttrs = nodeAttrs => {
   const attrs = {

package/dist/es2019/schema/nodes/rule.js

@@ -5,6 +5,10 @@ import { uuid } from '../../utils/uuid';
  * @name rule_node
  */
 
+/**
+ * @name rule_root_only_node
+ */
+
 const hrDOM = ['hr'];
 export const rule = ruleFactory({
   parseDOM: [{

package/dist/es2019/utils/colors.js

@@ -12,6 +12,7 @@ import * as namedColors from 'css-color-names';
 export const R50 = '#FFEBE6';
 export const R75 = '#FFBDAD';
 export const R100 = '#FF8F73';
+export const R200 = '#FFD5D2';
 export const R300 = '#FF5630';
 export const R400 = '#DE350B';
 export const R500 = '#BF2600';

package/dist/es2019/utils/editor-palette.js

@@ -160,6 +160,8 @@ export const textBackgroundColorPalette = {
   '#F8E6A0': 'var(--ds-background-accent-yellow-subtler, #F8E6A0)',
   /** Orange - light */
   '#FEDEC8': 'var(--ds-background-accent-orange-subtler, #FEDEC8)',
+  /** Red - light */
+  '#FFD5D2': 'var(--ds-background-accent-red-subtler, #FFD5D2)',
   /** Magenta - light */
   '#FDD0EC': 'var(--ds-background-accent-magenta-subtler, #FDD0EC)',
   /** Purple - light */

package/dist/es2019/utils/lch-color-inversion.js

@@ -9,7 +9,7 @@ const SHORTHAND_HEX_REGEX = /^#?([a-f\d])([a-f\d])([a-f\d])$/iu;
 // @ts-ignore TS1501: This regular expression flag is only available when targeting 'es6' or later.
 const FULL_HEX_REGEX = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/iu;
 const clamp = (i, min, max) => Math.round(Math.min(Math.max(i, min), max));
-const expandShorthandHex = input => input.replace(SHORTHAND_HEX_REGEX, (m, r, g, b) => r + r + g + g + b + b);
+const expandShorthandHex = input => input.replace(SHORTHAND_HEX_REGEX, (_m, r, g, b) => r + r + g + g + b + b);
 const rgbFromHex = input => {
   const fullHex = expandShorthandHex(input);
   const result = FULL_HEX_REGEX.exec(fullHex);

package/dist/esm/schema/marks/background-color.js

@@ -1,8 +1,9 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import { fg } from '@atlaskit/platform-feature-flags';
 import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
 import { backgroundColor as backgroundColorFactory } from '../../next-schema/generated/markTypes';
-import { B75, G75, L200, M200, Neutral300, O200, P200, rgbToHex, T200, Yellow200 } from '../../utils/colors';
+import { B75, G75, L200, M200, Neutral300, O200, P200, R200, rgbToHex, T200, Yellow200 } from '../../utils/colors';
 import { hexToEditorTextBackgroundPaletteColor } from '../../utils/editor-palette';
 import { getDarkModeLCHColor } from '../../utils/lch-color-inversion';
 import { getGlobalTheme } from './text-color';
@@ -39,6 +40,8 @@ var colorArrayPaletteNew = [[Neutral300, 'Gray'],
 // token: color.background.accent.yellow.subtler
 [O200, 'Orange'],
 // token: color.background.accent.orange.subtler
+[R200, 'Red'],
+// token: color.background.accent.red.subtler
 [M200, 'Magenta'],
 // token: color.background.accent.magenta.subtler
 [P200, 'Purple'] // token: color.background.accent.purple.subtler
@@ -66,7 +69,7 @@ var isSupportedBackgroundColor = function isSupportedBackgroundColor(hexColor) {
   if (backgroundColorPalette.has(hexColor)) {
     return true;
   }
-  return expValEqualsNoExposure('platform_editor_lovability_text_bg_color', 'isEnabled', true) && backgroundColorPaletteNew.has(hexColor);
+  return expValEqualsNoExposure('platform_editor_lovability_text_bg_color', 'isEnabled', true) && backgroundColorPaletteNew.has(hexColor) && (hexColor !== R200.toLowerCase() || fg('platform_editor_lovability_text_bg_color_patch_1'));
 };
 export var backgroundColor = backgroundColorFactory({
   parseDOM: [{

package/dist/esm/schema/nodes/panel.js

@@ -22,6 +22,10 @@ export var PanelType = /*#__PURE__*/function (PanelType) {
  * @name panel_c1_node
  */
 
+/**
+ * @name panel_root_only_node
+ */
+
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 var getDomAttrs = function getDomAttrs(nodeAttrs) {
   var attrs = {

package/dist/esm/schema/nodes/rule.js

@@ -8,6 +8,10 @@ import { uuid } from '../../utils/uuid';
  * @name rule_node
  */
 
+/**
+ * @name rule_root_only_node
+ */
+
 var hrDOM = ['hr'];
 export var rule = ruleFactory({
   parseDOM: [{

package/dist/esm/utils/colors.js

@@ -13,6 +13,7 @@ import * as namedColors from 'css-color-names';
 export var R50 = '#FFEBE6';
 export var R75 = '#FFBDAD';
 export var R100 = '#FF8F73';
+export var R200 = '#FFD5D2';
 export var R300 = '#FF5630';
 export var R400 = '#DE350B';
 export var R500 = '#BF2600';

package/dist/esm/utils/editor-palette.js

@@ -158,6 +158,8 @@ export var textBackgroundColorPalette = {
   '#F8E6A0': 'var(--ds-background-accent-yellow-subtler, #F8E6A0)',
   /** Orange - light */
   '#FEDEC8': 'var(--ds-background-accent-orange-subtler, #FEDEC8)',
+  /** Red - light */
+  '#FFD5D2': 'var(--ds-background-accent-red-subtler, #FFD5D2)',
   /** Magenta - light */
   '#FDD0EC': 'var(--ds-background-accent-magenta-subtler, #FDD0EC)',
   /** Purple - light */

package/dist/esm/utils/lch-color-inversion.js

@@ -12,7 +12,7 @@ var clamp = function clamp(i, min, max) {
   return Math.round(Math.min(Math.max(i, min), max));
 };
 var expandShorthandHex = function expandShorthandHex(input) {
-  return input.replace(SHORTHAND_HEX_REGEX, function (m, r, g, b) {
+  return input.replace(SHORTHAND_HEX_REGEX, function (_m, r, g, b) {
     return r + r + g + g + b + b;
   });
 };

package/dist/types/schema/marks/background-color.d.ts

@@ -10,7 +10,7 @@ export interface BackgroundColorDefinition {
 export interface BackgroundColorMark extends Mark {
     attrs: TextColorAttributes;
 }
-export type BackgroundColorKey = 'Gray' | 'Teal' | 'Lime' | 'Yellow' | 'Orange' | 'Magenta' | 'Purple' | 'Blue' | 'Green';
+export type BackgroundColorKey = 'Gray' | 'Teal' | 'Lime' | 'Yellow' | 'Orange' | 'Red' | 'Magenta' | 'Purple' | 'Blue' | 'Green';
 export declare const backgroundColorPalette: Map<string, BackgroundColorKey>;
 export declare const backgroundColorPaletteNew: Map<string, BackgroundColorKey>;
 export declare const backgroundColor: MarkSpec;

package/dist/types/schema/marks/breakout.d.ts

@@ -1,6 +1,7 @@
 import type { MarkSpec } from '@atlaskit/editor-prosemirror/model';
 export type BreakoutMarkAttrs = {
     mode: 'wide' | 'full-width';
+    width?: number;
 };
 /**
  * @name breakout_mark

package/dist/types/schema/nodes/doc.d.ts

@@ -4,6 +4,8 @@ import type { LayoutSectionDefinition as LayoutSection } from './layout-section'
 import type { ParagraphWithIndentationDefinition } from './paragraph';
 import type { BlockContent } from './types/block-content';
 import type { MultiBodiedExtensionDefinition as MultiBodiedExtension } from './multi-bodied-extension';
+import type { PanelRootOnlyDefinition as PanelRootOnly } from './panel';
+import type { RuleRootOnlyDefinition as RuleRootOnly } from './rule';
 import type { SyncBlockDefinition as SyncBlock } from './sync-block';
 import type { BodiedSyncBlockDefinition as BodiedSyncBlock } from './bodied-sync-block';
 import type { NodeSpec } from '@atlaskit/editor-prosemirror/model';
@@ -15,7 +17,7 @@ export interface DocNode {
      // eslint-disable-next-line eslint-plugin-jsdoc/check-tag-names
      * @allowUnsupportedBlock true
      */
-    content: Array<BlockContent | LayoutSection | CodeBlockWithMarks | ExpandRootOnly | ParagraphWithIndentationDefinition | MultiBodiedExtension | BodiedSyncBlock | SyncBlock>;
+    content: Array<BlockContent | LayoutSection | CodeBlockWithMarks | ExpandRootOnly | PanelRootOnly | RuleRootOnly | ParagraphWithIndentationDefinition | MultiBodiedExtension | BodiedSyncBlock | SyncBlock>;
     type: 'doc';
     version: 1;
 }

package/dist/types/schema/nodes/panel.d.ts

@@ -9,6 +9,8 @@ import type { DecisionListDefinition as DecisionList } from './decision-list';
 import type { TaskListDefinition as TaskList } from './task-list';
 import type { RuleDefinition as Rule } from './rule';
 import type { TableDefinition as Table } from './tableNodes';
+import type { BreakoutMarkDefinition } from '../marks';
+import type { MarksObject } from './types/mark';
 import type { NodeSpec } from '@atlaskit/editor-prosemirror/model';
 export declare enum PanelType {
     INFO = "info",
@@ -55,6 +57,10 @@ export interface PanelC1Definition {
     content: Array<Paragraph | Heading | OrderedList | BulletList | BlockCard | CodeBlock | MediaGroup | MediaSingle | DecisionList | TaskList | Rule | Table>;
     type: 'panel';
 }
+/**
+ * @name panel_root_only_node
+ */
+export type PanelRootOnlyDefinition = PanelDefinition & MarksObject<BreakoutMarkDefinition>;
 export interface DOMAttributes {
     [propName: string]: string;
 }

package/dist/types/schema/nodes/rule.d.ts

@@ -1,4 +1,6 @@
 import type { NodeSpec } from '@atlaskit/editor-prosemirror/model';
+import type { BreakoutMarkDefinition } from '../marks';
+import type { MarksObject } from './types/mark';
 /**
  * @name rule_node
  */
@@ -8,6 +10,10 @@ export interface RuleDefinition {
     };
     type: 'rule';
 }
+/**
+ * @name rule_root_only_node
+ */
+export type RuleRootOnlyDefinition = RuleDefinition & MarksObject<BreakoutMarkDefinition>;
 export declare const rule: NodeSpec;
 export declare const ruleWithLocalId: NodeSpec;
 export declare const ruleRootOnlyStage0: NodeSpec;

package/dist/types/utils/colors.d.ts

@@ -7,6 +7,7 @@
 export declare const R50 = "#FFEBE6";
 export declare const R75 = "#FFBDAD";
 export declare const R100 = "#FF8F73";
+export declare const R200 = "#FFD5D2";
 export declare const R300 = "#FF5630";
 export declare const R400 = "#DE350B";
 export declare const R500 = "#BF2600";

package/dist/types/utils/editor-palette.d.ts

@@ -141,6 +141,8 @@ export declare const textBackgroundColorPalette: {
     '#F8E6A0': string;
     /** Orange - light */
     '#FEDEC8': string;
+    /** Red - light */
+    '#FFD5D2': string;
     /** Magenta - light */
     '#FDD0EC': string;
     /** Purple - light */

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/adf-schema",
-	"version": "56.1.5",
+	"version": "56.1.7",
 	"description": "Shared package that contains the ADF-schema (json) and ProseMirror node/mark specs",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -40,7 +40,7 @@
 		"@atlaskit/adf-schema-generator": "^3.1.0",
 		"@atlaskit/editor-prosemirror": "^8.0.0",
 		"@atlaskit/platform-feature-flags": "^2.0.0",
-		"@atlaskit/tmp-editor-statsig": "^126.0.0",
+		"@atlaskit/tmp-editor-statsig": "^126.3.0",
 		"@babel/runtime": "^7.0.0",
 		"css-color-names": "0.0.4",
 		"linkify-it": "^3.0.3",