@atlaskit/editor-plugin-extension 2.0.6 → 2.0.7

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @atlaskit/editor-plugin-extension
 
+## 2.0.7
+
+### Patch Changes
+
+- [#178297](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/178297)
+  [`7abc8162b32ab`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/7abc8162b32ab) -
+  Internal changes to typography styles. There may be some minor visual changes to align with
+  modernized typography styles.
+
 ## 2.0.6
 
 ### Patch Changes

package/dist/cjs/plugin-factory.js

@@ -19,6 +19,7 @@ var factory = (0, _utils.pluginFactory)(_pluginKey.pluginKey, _reducer.default,
       return state;
     }
     var positions = _objectSpread({}, previousPositions);
+    // eslint-disable-next-line guard-for-in
     for (var key in positions) {
       positions[key] = tr.mapping.map(positions[key]);
     }

package/dist/cjs/ui/ConfigPanel/Fields/ColorPicker.js

@@ -12,7 +12,6 @@ var _uiColor = require("@atlaskit/editor-common/ui-color");
 var _uiMenu = require("@atlaskit/editor-common/ui-menu");
 var _form = require("@atlaskit/form");
 var _primitives = require("@atlaskit/primitives");
-var _typography = require("@atlaskit/theme/typography");
 var _FieldMessages = _interopRequireDefault(require("../FieldMessages"));
 var _utils = require("../utils");
 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; }
@@ -335,9 +334,7 @@ var colorPickerWrapperStyles = (0, _react2.css)({
   paddingRight: "var(--ds-space-100, 8px)"
 });
 var colorPickerLabelStyles = (0, _react2.css)({
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  fontSize: "".concat(_typography.headingSizes.h400.size, "px"),
-  marginTop: 0
+  font: "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)"
 });
 var EXPANDED_COLOR_PICKER_COLUMNS = exports.EXPANDED_COLOR_PICKER_COLUMNS = 9;
 var ORIGINAL_COLOR_PICKER_COLUMNS = exports.ORIGINAL_COLOR_PICKER_COLUMNS = 5;

package/dist/cjs/ui/ConfigPanel/transformers.js

@@ -161,6 +161,7 @@ var serialize = exports.serialize = /*#__PURE__*/function () {
         case 7:
           // Crunch fields down to parameters
           parameters = result.reduce(function (obj, current) {
+            // eslint-disable-next-line guard-for-in
             for (var key in current) {
               obj[key] = current[key];
             }
@@ -251,6 +252,7 @@ var serializeExpandField = /*#__PURE__*/function () {
           value = _context4.sent;
           results = [];
           if (!field.hasGroupedValues) {
+            // eslint-disable-next-line guard-for-in
             for (fieldName in value) {
               results.push((0, _defineProperty2.default)({}, fieldName, value[fieldName]));
             }
@@ -316,6 +318,7 @@ var serializeTabGroupField = /*#__PURE__*/function () {
             value[tabField.name] = tabFieldParameters;
           } else {
             // Copy into tabGroup value
+            // eslint-disable-next-line guard-for-in
             for (fieldName in tabFieldParameters) {
               value[fieldName] = tabFieldParameters[fieldName];
             }
@@ -329,6 +332,7 @@ var serializeTabGroupField = /*#__PURE__*/function () {
           if (field.hasGroupedValues) {
             results.push((0, _defineProperty2.default)({}, field.name, value));
           } else {
+            // eslint-disable-next-line guard-for-in
             for (_fieldName in value) {
               results.push((0, _defineProperty2.default)({}, _fieldName, value));
             }
@@ -361,6 +365,7 @@ var serializeTabField = /*#__PURE__*/function () {
             results.push((0, _defineProperty2.default)({}, tabField.name, tabFieldParameters));
           } else {
             // Copy into tabGroup value
+            // eslint-disable-next-line guard-for-in
             for (fieldName in tabFieldParameters) {
               results.push((0, _defineProperty2.default)({}, fieldName, tabFieldParameters[fieldName]));
             }
@@ -605,6 +610,7 @@ var convertToParametersObject = function convertToParametersObject() {
     return parameters;
   }
   return parameters.reduce(function (obj, current) {
+    // eslint-disable-next-line guard-for-in
     for (var key in current) {
       var keys = Object.keys(obj);
       var resultKey = key;
@@ -624,6 +630,7 @@ var convertToParametersArray = function convertToParametersArray() {
     return parameters;
   }
   var dataArray = [];
+  // eslint-disable-next-line guard-for-in
   for (var name in parameters) {
     dataArray.push((0, _defineProperty2.default)({}, name, parameters[name]));
   }

package/dist/es2019/index.js

@@ -1 +1,4 @@
+/* eslint-disable @atlaskit/editor/no-re-export */
+// Entry file in package.json
+
 export { extensionPlugin } from './plugin';

package/dist/es2019/plugin-factory.js

@@ -12,6 +12,7 @@ const factory = pluginFactory(pluginKey, reducer, {
     const positions = {
       ...previousPositions
     };
+    // eslint-disable-next-line guard-for-in
     for (const key in positions) {
       positions[key] = tr.mapping.map(positions[key]);
     }

package/dist/es2019/ui/ConfigPanel/Fields/ColorPicker.js

@@ -10,7 +10,6 @@ import { chartsColorPaletteTooltipMessages, DEFAULT_BORDER_COLOR } from '@atlask
 import { ColorPickerButton } from '@atlaskit/editor-common/ui-menu';
 import { Field } from '@atlaskit/form';
 import { Text } from '@atlaskit/primitives';
-import { headingSizes } from '@atlaskit/theme/typography';
 import FieldMessages from '../FieldMessages';
 import { validate } from '../utils';
 
@@ -327,9 +326,7 @@ const colorPickerWrapperStyles = css({
   paddingRight: "var(--ds-space-100, 8px)"
 });
 const colorPickerLabelStyles = css({
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  fontSize: `${headingSizes.h400.size}px`,
-  marginTop: 0
+  font: "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)"
 });
 export const EXPANDED_COLOR_PICKER_COLUMNS = 9;
 export const ORIGINAL_COLOR_PICKER_COLUMNS = 5;

package/dist/es2019/ui/ConfigPanel/transformers.js

@@ -85,6 +85,7 @@ export const serialize = async (manifest, data, fields, options = {}) => {
 
   // Crunch fields down to parameters
   const parameters = result.reduce((obj, current) => {
+    // eslint-disable-next-line guard-for-in
     for (const key in current) {
       obj[key] = current[key];
     }
@@ -132,6 +133,7 @@ const serializeExpandField = async (manifest, field, data) => {
   });
   const results = [];
   if (!field.hasGroupedValues) {
+    // eslint-disable-next-line guard-for-in
     for (const fieldName in value) {
       results.push({
         [fieldName]: value[fieldName]
@@ -164,6 +166,7 @@ const serializeTabGroupField = async (manifest, field, data) => {
       value[tabField.name] = tabFieldParameters;
     } else {
       // Copy into tabGroup value
+      // eslint-disable-next-line guard-for-in
       for (const fieldName in tabFieldParameters) {
         value[fieldName] = tabFieldParameters[fieldName];
       }
@@ -176,6 +179,7 @@ const serializeTabGroupField = async (manifest, field, data) => {
       [field.name]: value
     });
   } else {
+    // eslint-disable-next-line guard-for-in
     for (const fieldName in value) {
       results.push({
         [fieldName]: value
@@ -195,6 +199,7 @@ const serializeTabField = async (manifest, field, data) => {
     });
   } else {
     // Copy into tabGroup value
+    // eslint-disable-next-line guard-for-in
     for (const fieldName in tabFieldParameters) {
       results.push({
         [fieldName]: tabFieldParameters[fieldName]
@@ -340,6 +345,7 @@ const convertToParametersObject = (parameters = []) => {
     return parameters;
   }
   return parameters.reduce((obj, current) => {
+    // eslint-disable-next-line guard-for-in
     for (const key in current) {
       const keys = Object.keys(obj);
       let resultKey = key;
@@ -358,6 +364,7 @@ const convertToParametersArray = (parameters = {}) => {
     return parameters;
   }
   const dataArray = [];
+  // eslint-disable-next-line guard-for-in
   for (const name in parameters) {
     dataArray.push({
       [name]: parameters[name]

package/dist/esm/index.js

@@ -1 +1,4 @@
+/* eslint-disable @atlaskit/editor/no-re-export */
+// Entry file in package.json
+
 export { extensionPlugin } from './plugin';

package/dist/esm/plugin-factory.js

@@ -12,6 +12,7 @@ var factory = pluginFactory(pluginKey, reducer, {
       return state;
     }
     var positions = _objectSpread({}, previousPositions);
+    // eslint-disable-next-line guard-for-in
     for (var key in positions) {
       positions[key] = tr.mapping.map(positions[key]);
     }

package/dist/esm/ui/ConfigPanel/Fields/ColorPicker.js

@@ -13,7 +13,6 @@ import { chartsColorPaletteTooltipMessages, DEFAULT_BORDER_COLOR } from '@atlask
 import { ColorPickerButton } from '@atlaskit/editor-common/ui-menu';
 import { Field } from '@atlaskit/form';
 import { Text } from '@atlaskit/primitives';
-import { headingSizes } from '@atlaskit/theme/typography';
 import FieldMessages from '../FieldMessages';
 import { validate as _validate } from '../utils';
 
@@ -332,9 +331,7 @@ var colorPickerWrapperStyles = css({
   paddingRight: "var(--ds-space-100, 8px)"
 });
 var colorPickerLabelStyles = css({
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  fontSize: "".concat(headingSizes.h400.size, "px"),
-  marginTop: 0
+  font: "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)"
 });
 export var EXPANDED_COLOR_PICKER_COLUMNS = 9;
 export var ORIGINAL_COLOR_PICKER_COLUMNS = 5;

package/dist/esm/ui/ConfigPanel/transformers.js

@@ -154,6 +154,7 @@ export var serialize = /*#__PURE__*/function () {
         case 7:
           // Crunch fields down to parameters
           parameters = result.reduce(function (obj, current) {
+            // eslint-disable-next-line guard-for-in
             for (var key in current) {
               obj[key] = current[key];
             }
@@ -244,6 +245,7 @@ var serializeExpandField = /*#__PURE__*/function () {
           value = _context4.sent;
           results = [];
           if (!field.hasGroupedValues) {
+            // eslint-disable-next-line guard-for-in
             for (fieldName in value) {
               results.push(_defineProperty({}, fieldName, value[fieldName]));
             }
@@ -309,6 +311,7 @@ var serializeTabGroupField = /*#__PURE__*/function () {
             value[tabField.name] = tabFieldParameters;
           } else {
             // Copy into tabGroup value
+            // eslint-disable-next-line guard-for-in
             for (fieldName in tabFieldParameters) {
               value[fieldName] = tabFieldParameters[fieldName];
             }
@@ -322,6 +325,7 @@ var serializeTabGroupField = /*#__PURE__*/function () {
           if (field.hasGroupedValues) {
             results.push(_defineProperty({}, field.name, value));
           } else {
+            // eslint-disable-next-line guard-for-in
             for (_fieldName in value) {
               results.push(_defineProperty({}, _fieldName, value));
             }
@@ -354,6 +358,7 @@ var serializeTabField = /*#__PURE__*/function () {
             results.push(_defineProperty({}, tabField.name, tabFieldParameters));
           } else {
             // Copy into tabGroup value
+            // eslint-disable-next-line guard-for-in
             for (fieldName in tabFieldParameters) {
               results.push(_defineProperty({}, fieldName, tabFieldParameters[fieldName]));
             }
@@ -598,6 +603,7 @@ var convertToParametersObject = function convertToParametersObject() {
     return parameters;
   }
   return parameters.reduce(function (obj, current) {
+    // eslint-disable-next-line guard-for-in
     for (var key in current) {
       var keys = Object.keys(obj);
       var resultKey = key;
@@ -617,6 +623,7 @@ var convertToParametersArray = function convertToParametersArray() {
     return parameters;
   }
   var dataArray = [];
+  // eslint-disable-next-line guard-for-in
   for (var name in parameters) {
     dataArray.push(_defineProperty({}, name, parameters[name]));
   }

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-extension",
-	"version": "2.0.6",
+	"version": "2.0.7",
 	"description": "editor-plugin-extension plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -30,7 +30,7 @@
 		"@atlaskit/button": "^20.3.0",
 		"@atlaskit/checkbox": "^15.2.0",
 		"@atlaskit/datetime-picker": "^15.10.0",
-		"@atlaskit/editor-common": "^96.4.0",
+		"@atlaskit/editor-common": "^96.5.0",
 		"@atlaskit/editor-json-transformer": "^8.21.0",
 		"@atlaskit/editor-plugin-analytics": "^1.10.0",
 		"@atlaskit/editor-plugin-context-identifier": "^1.3.0",
@@ -49,7 +49,7 @@
 		"@atlaskit/primitives": "^13.3.0",
 		"@atlaskit/radio": "^7.0.0",
 		"@atlaskit/section-message": "^6.8.0",
-		"@atlaskit/select": "^18.8.0",
+		"@atlaskit/select": "^18.9.0",
 		"@atlaskit/smart-user-picker": "^6.11.0",
 		"@atlaskit/spinner": "^16.3.0",
 		"@atlaskit/tabs": "^17.0.0",