@atlaskit/editor-common 102.3.3 → 102.3.4

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @atlaskit/editor-common
 
+## 102.3.4
+
+### Patch Changes
+
+- [#123536](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/123536)
+  [`32675a58bf978`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/32675a58bf978) -
+  [ux] Removed padding from the dropdown button in the toolbar
+- Updated dependencies
+
 ## 102.3.3
 
 ### Patch Changes

package/dist/cjs/messages/index.js

@@ -251,16 +251,31 @@ var _default = exports.default = (0, _reactIntlNext.defineMessages)({
     defaultMessage: 'Back to center',
     description: 'Display your element (image, table, extension, etc) as standard width'
   },
+  layoutStateFixedWidth: {
+    id: 'fabric.editor.layoutStateFixedWidth',
+    defaultMessage: 'Centered',
+    description: 'Displaying your element (image, table, extension, etc) as standard width'
+  },
   layoutWide: {
     id: 'fabric.editor.layoutWide',
     defaultMessage: 'Go wide',
     description: 'Display your element (image, table, extension, etc) wider than normal'
   },
+  layoutStateWide: {
+    id: 'fabric.editor.layoutStateWide',
+    defaultMessage: 'Wide',
+    description: 'Displaying your element (image, table, extension, etc) wider than normal'
+  },
   layoutFullWidth: {
     id: 'fabric.editor.layoutFullWidth',
     defaultMessage: 'Go full width',
     description: 'Display your element (image, table, extension, etc) as full width'
   },
+  layoutStateFullWidth: {
+    id: 'fabric.editor.layoutStateFullWidth',
+    defaultMessage: 'Full width',
+    description: 'Displaying your element (image, table, extension, etc) as full width'
+  },
   alignImageRight: {
     id: 'fabric.editor.alignImageRight',
     defaultMessage: 'Align right',

package/dist/cjs/monitoring/error.js

@@ -17,7 +17,7 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 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 = "102.3.3";
+var packageVersion = "102.3.4";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // Ignored via go/ees007

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

@@ -23,7 +23,7 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
  * @jsx jsx
  */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "102.3.3";
+var packageVersion = "102.3.4";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 // Ignored via go/ees005

package/dist/cjs/ui/FloatingToolbar/Button.js

@@ -22,8 +22,9 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 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; }
-var minWidthStyle = {
-  minWidth: "var(--ds-space-400, 32px)"
+var customSizeAndPadding = {
+  minWidth: "var(--ds-space-400, 32px)",
+  padding: "0px ".concat("var(--ds-space-050, 4px)")
 };
 var _default = exports.default = function _default(_ref) {
   var title = _ref.title,
@@ -110,7 +111,7 @@ var _default = exports.default = function _default(_ref) {
           appearance: appearance,
           state: themeProps.state,
           mode: themeProps.mode
-        })), (0, _experiments.editorExperiment)('platform_editor_controls', 'variant1') ? minWidthStyle : {})
+        })), (0, _experiments.editorExperiment)('platform_editor_controls', 'variant1') ? customSizeAndPadding : {})
       }, rest);
     },
     "aria-label": ariaLabel || title,

package/dist/es2019/messages/index.js

@@ -42,16 +42,31 @@ export default defineMessages({
     defaultMessage: 'Back to center',
     description: 'Display your element (image, table, extension, etc) as standard width'
   },
+  layoutStateFixedWidth: {
+    id: 'fabric.editor.layoutStateFixedWidth',
+    defaultMessage: 'Centered',
+    description: 'Displaying your element (image, table, extension, etc) as standard width'
+  },
   layoutWide: {
     id: 'fabric.editor.layoutWide',
     defaultMessage: 'Go wide',
     description: 'Display your element (image, table, extension, etc) wider than normal'
   },
+  layoutStateWide: {
+    id: 'fabric.editor.layoutStateWide',
+    defaultMessage: 'Wide',
+    description: 'Displaying your element (image, table, extension, etc) wider than normal'
+  },
   layoutFullWidth: {
     id: 'fabric.editor.layoutFullWidth',
     defaultMessage: 'Go full width',
     description: 'Display your element (image, table, extension, etc) as full width'
   },
+  layoutStateFullWidth: {
+    id: 'fabric.editor.layoutStateFullWidth',
+    defaultMessage: 'Full width',
+    description: 'Displaying your element (image, table, extension, etc) as full width'
+  },
   alignImageRight: {
     id: 'fabric.editor.alignImageRight',
     defaultMessage: 'Align right',

package/dist/es2019/monitoring/error.js

@@ -1,7 +1,7 @@
 import { isFedRamp } from './environment';
 const SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 const packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-const packageVersion = "102.3.3";
+const packageVersion = "102.3.4";
 const sanitiseSentryEvents = (data, _hint) => {
   // Remove URL as it has UGC
   // Ignored via go/ees007

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

@@ -13,7 +13,7 @@ import withAnalyticsContext from '@atlaskit/analytics-next/withAnalyticsContext'
 import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import Layer from '../Layer';
 const packageName = "@atlaskit/editor-common";
-const packageVersion = "102.3.3";
+const packageVersion = "102.3.4";
 const halfFocusRing = 1;
 const dropOffset = '0, 8';
 // Ignored via go/ees005

package/dist/es2019/ui/FloatingToolbar/Button.js

@@ -6,8 +6,9 @@ import Tooltip from '@atlaskit/tooltip';
 import { Pulse } from '../Pulse/Pulse';
 import { ButtonSpotlightCard } from './ButtonSpotlightCard';
 import { getButtonStyles, iconOnlySpacing } from './styles';
-const minWidthStyle = {
-  minWidth: "var(--ds-space-400, 32px)"
+const customSizeAndPadding = {
+  minWidth: "var(--ds-space-400, 32px)",
+  padding: `0px ${"var(--ds-space-050, 4px)"}`
 };
 export default (({
   title,
@@ -91,7 +92,7 @@ export default (({
             state: themeProps.state,
             mode: themeProps.mode
           })),
-          ...(editorExperiment('platform_editor_controls', 'variant1') ? minWidthStyle : {})
+          ...(editorExperiment('platform_editor_controls', 'variant1') ? customSizeAndPadding : {})
         },
         ...rest
       };

package/dist/esm/messages/index.js

@@ -42,16 +42,31 @@ export default defineMessages({
     defaultMessage: 'Back to center',
     description: 'Display your element (image, table, extension, etc) as standard width'
   },
+  layoutStateFixedWidth: {
+    id: 'fabric.editor.layoutStateFixedWidth',
+    defaultMessage: 'Centered',
+    description: 'Displaying your element (image, table, extension, etc) as standard width'
+  },
   layoutWide: {
     id: 'fabric.editor.layoutWide',
     defaultMessage: 'Go wide',
     description: 'Display your element (image, table, extension, etc) wider than normal'
   },
+  layoutStateWide: {
+    id: 'fabric.editor.layoutStateWide',
+    defaultMessage: 'Wide',
+    description: 'Displaying your element (image, table, extension, etc) wider than normal'
+  },
   layoutFullWidth: {
     id: 'fabric.editor.layoutFullWidth',
     defaultMessage: 'Go full width',
     description: 'Display your element (image, table, extension, etc) as full width'
   },
+  layoutStateFullWidth: {
+    id: 'fabric.editor.layoutStateFullWidth',
+    defaultMessage: 'Full width',
+    description: 'Displaying your element (image, table, extension, etc) as full width'
+  },
   alignImageRight: {
     id: 'fabric.editor.alignImageRight',
     defaultMessage: 'Align right',

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 = "102.3.3";
+var packageVersion = "102.3.4";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // Ignored via go/ees007

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

@@ -20,7 +20,7 @@ import withAnalyticsContext from '@atlaskit/analytics-next/withAnalyticsContext'
 import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import Layer from '../Layer';
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "102.3.3";
+var packageVersion = "102.3.4";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 // Ignored via go/ees005

package/dist/esm/ui/FloatingToolbar/Button.js

@@ -12,8 +12,9 @@ import Tooltip from '@atlaskit/tooltip';
 import { Pulse } from '../Pulse/Pulse';
 import { ButtonSpotlightCard } from './ButtonSpotlightCard';
 import { getButtonStyles, iconOnlySpacing } from './styles';
-var minWidthStyle = {
-  minWidth: "var(--ds-space-400, 32px)"
+var customSizeAndPadding = {
+  minWidth: "var(--ds-space-400, 32px)",
+  padding: "0px ".concat("var(--ds-space-050, 4px)")
 };
 export default (function (_ref) {
   var title = _ref.title,
@@ -100,7 +101,7 @@ export default (function (_ref) {
           appearance: appearance,
           state: themeProps.state,
           mode: themeProps.mode
-        })), editorExperiment('platform_editor_controls', 'variant1') ? minWidthStyle : {})
+        })), editorExperiment('platform_editor_controls', 'variant1') ? customSizeAndPadding : {})
       }, rest);
     },
     "aria-label": ariaLabel || title,

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

@@ -38,16 +38,31 @@ declare const _default: {
         defaultMessage: string;
         description: string;
     };
+    layoutStateFixedWidth: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
     layoutWide: {
         id: string;
         defaultMessage: string;
         description: string;
     };
+    layoutStateWide: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
     layoutFullWidth: {
         id: string;
         defaultMessage: string;
         description: string;
     };
+    layoutStateFullWidth: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
     alignImageRight: {
         id: string;
         defaultMessage: string;

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

@@ -38,16 +38,31 @@ declare const _default: {
         defaultMessage: string;
         description: string;
     };
+    layoutStateFixedWidth: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
     layoutWide: {
         id: string;
         defaultMessage: string;
         description: string;
     };
+    layoutStateWide: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
     layoutFullWidth: {
         id: string;
         defaultMessage: string;
         description: string;
     };
+    layoutStateFullWidth: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
     alignImageRight: {
         id: string;
         defaultMessage: string;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-common",
-	"version": "102.3.3",
+	"version": "102.3.4",
 	"description": "A package that contains common classes and components for editor and renderer",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"