@atlaskit/editor-plugin-block-type 3.0.12 → 3.0.13

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/editor-plugin-block-type
 
+## 3.0.13
+
+### Patch Changes
+
+- [#61923](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/61923) [`04e38cfe9e90`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/04e38cfe9e90) - Remove legacy theming logic from all Editor plugin packages. Theming is still available via the @atlaskit/tokens package.
+
 ## 3.0.12
 
 ### Patch Changes

package/dist/cjs/plugin/styles.js

@@ -9,6 +9,6 @@ var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/hel
 var _react = require("@emotion/react");
 var _styles = require("@atlaskit/editor-common/styles");
 var _templateObject;
-var blocktypeStyles = exports.blocktypeStyles = function blocktypeStyles(props) {
-  return (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  .ProseMirror {\n    ", ";\n    ", ";\n  }\n"])), _styles.blockquoteSharedStyles, (0, _styles.headingsSharedStyles)(props));
+var blocktypeStyles = exports.blocktypeStyles = function blocktypeStyles() {
+  return (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  .ProseMirror {\n    ", ";\n    ", ";\n  }\n"])), _styles.blockquoteSharedStyles, (0, _styles.headingsSharedStyles)());
 };

package/dist/cjs/plugin/ui/ToolbarBlockType/styled.js

@@ -15,8 +15,8 @@ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _temp
 var blockTypeMenuItemStyle = exports.blockTypeMenuItemStyle = function blockTypeMenuItemStyle(tagName, selected) {
   // TEMP FIX: See https://product-fabric.atlassian.net/browse/ED-13878
   var selectedStyle = selected ? "".concat(tagName, " { color: ", "var(--ds-text, white)", " !important; }") : '';
-  return function (themeProps) {
-    return (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n    ", ";\n    > {\n      h1,\n      h2,\n      h3,\n      h4,\n      h5,\n      h6 {\n        margin-top: 0;\n      }\n    }\n    ", ";\n  "])), (0, _styles.headingsSharedStyles)(themeProps), selectedStyle);
+  return function () {
+    return (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n    ", ";\n    > {\n      h1,\n      h2,\n      h3,\n      h4,\n      h5,\n      h6 {\n        margin-top: 0;\n      }\n    }\n    ", ";\n  "])), (0, _styles.headingsSharedStyles)(), selectedStyle);
   };
 };
 var keyboardShortcut = exports.keyboardShortcut = (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  ", "\n  margin-left: ", ";\n"])), _shortcut.shortcutStyle, "var(--ds-space-200, 16px)");
@@ -24,4 +24,4 @@ var keyboardShortcutSelect = exports.keyboardShortcutSelect = (0, _react.css)(_t
 var buttonContentStyle = exports.buttonContentStyle = (0, _react.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  min-width: 80px;\n  align-items: center;\n  overflow: hidden;\n  justify-content: center;\n  flex-direction: column;\n  padding: ", ";\n"])), "var(--ds-space-075, 6px)");
 var buttonContentReducedSpacingStyle = exports.buttonContentReducedSpacingStyle = (0, _react.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n  padding: ", ";\n"])), "var(--ds-space-100, 8px)");
 var wrapperSmallStyle = exports.wrapperSmallStyle = (0, _react.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n  margin-left: ", ";\n  min-width: 40px;\n"])), "var(--ds-space-050, 4px)");
-var expandIconWrapperStyle = exports.expandIconWrapperStyle = (0, _react.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n  margin-left: -8px;\n"])));
+var expandIconWrapperStyle = exports.expandIconWrapperStyle = (0, _react.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n  margin-left: ", ";\n"])), "var(--ds-space-negative-100, -8px)");

package/dist/es2019/plugin/styles.js

@@ -1,8 +1,8 @@
 import { css } from '@emotion/react';
 import { blockquoteSharedStyles, headingsSharedStyles } from '@atlaskit/editor-common/styles';
-export const blocktypeStyles = props => css`
+export const blocktypeStyles = () => css`
   .ProseMirror {
     ${blockquoteSharedStyles};
-    ${headingsSharedStyles(props)};
+    ${headingsSharedStyles()};
   }
 `;

package/dist/es2019/plugin/ui/ToolbarBlockType/styled.js

@@ -6,8 +6,8 @@ import { N400 } from '@atlaskit/theme/colors';
 export const blockTypeMenuItemStyle = (tagName, selected) => {
   // TEMP FIX: See https://product-fabric.atlassian.net/browse/ED-13878
   const selectedStyle = selected ? `${tagName} { color: ${"var(--ds-text, white)"} !important; }` : '';
-  return themeProps => css`
-    ${headingsSharedStyles(themeProps)};
+  return () => css`
+    ${headingsSharedStyles()};
     > {
       h1,
       h2,
@@ -45,5 +45,5 @@ export const wrapperSmallStyle = css`
   min-width: 40px;
 `;
 export const expandIconWrapperStyle = css`
-  margin-left: -8px;
+  margin-left: ${"var(--ds-space-negative-100, -8px)"};
 `;

package/dist/esm/plugin/styles.js

@@ -2,6 +2,6 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral
 var _templateObject;
 import { css } from '@emotion/react';
 import { blockquoteSharedStyles, headingsSharedStyles } from '@atlaskit/editor-common/styles';
-export var blocktypeStyles = function blocktypeStyles(props) {
-  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .ProseMirror {\n    ", ";\n    ", ";\n  }\n"])), blockquoteSharedStyles, headingsSharedStyles(props));
+export var blocktypeStyles = function blocktypeStyles() {
+  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .ProseMirror {\n    ", ";\n    ", ";\n  }\n"])), blockquoteSharedStyles, headingsSharedStyles());
 };

package/dist/esm/plugin/ui/ToolbarBlockType/styled.js

@@ -8,8 +8,8 @@ import { N400 } from '@atlaskit/theme/colors';
 export var blockTypeMenuItemStyle = function blockTypeMenuItemStyle(tagName, selected) {
   // TEMP FIX: See https://product-fabric.atlassian.net/browse/ED-13878
   var selectedStyle = selected ? "".concat(tagName, " { color: ", "var(--ds-text, white)", " !important; }") : '';
-  return function (themeProps) {
-    return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    ", ";\n    > {\n      h1,\n      h2,\n      h3,\n      h4,\n      h5,\n      h6 {\n        margin-top: 0;\n      }\n    }\n    ", ";\n  "])), headingsSharedStyles(themeProps), selectedStyle);
+  return function () {
+    return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    ", ";\n    > {\n      h1,\n      h2,\n      h3,\n      h4,\n      h5,\n      h6 {\n        margin-top: 0;\n      }\n    }\n    ", ";\n  "])), headingsSharedStyles(), selectedStyle);
   };
 };
 export var keyboardShortcut = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  ", "\n  margin-left: ", ";\n"])), shortcutStyle, "var(--ds-space-200, 16px)");
@@ -17,4 +17,4 @@ export var keyboardShortcutSelect = css(_templateObject3 || (_templateObject3 =
 export var buttonContentStyle = css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  display: flex;\n  min-width: 80px;\n  align-items: center;\n  overflow: hidden;\n  justify-content: center;\n  flex-direction: column;\n  padding: ", ";\n"])), "var(--ds-space-075, 6px)");
 export var buttonContentReducedSpacingStyle = css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  padding: ", ";\n"])), "var(--ds-space-100, 8px)");
 export var wrapperSmallStyle = css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  margin-left: ", ";\n  min-width: 40px;\n"])), "var(--ds-space-050, 4px)");
-export var expandIconWrapperStyle = css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  margin-left: -8px;\n"])));
+export var expandIconWrapperStyle = css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  margin-left: ", ";\n"])), "var(--ds-space-negative-100, -8px)");

package/dist/types/plugin/styles.d.ts

@@ -1,2 +1 @@
-import type { ThemeProps } from '@atlaskit/theme/types';
-export declare const blocktypeStyles: (props: ThemeProps) => import("@emotion/react").SerializedStyles;
+export declare const blocktypeStyles: () => import("@emotion/react").SerializedStyles;

package/dist/types/plugin/ui/ToolbarBlockType/styled.d.ts

@@ -1,5 +1,4 @@
-import type { ThemeProps } from '@atlaskit/theme/types';
-export declare const blockTypeMenuItemStyle: (tagName: string, selected?: boolean) => (themeProps: ThemeProps) => import("@emotion/react").SerializedStyles;
+export declare const blockTypeMenuItemStyle: (tagName: string, selected?: boolean) => () => import("@emotion/react").SerializedStyles;
 export declare const keyboardShortcut: import("@emotion/react").SerializedStyles;
 export declare const keyboardShortcutSelect: import("@emotion/react").SerializedStyles;
 export declare const buttonContentStyle: import("@emotion/react").SerializedStyles;

package/dist/types-ts4.5/plugin/styles.d.ts

@@ -1,2 +1 @@
-import type { ThemeProps } from '@atlaskit/theme/types';
-export declare const blocktypeStyles: (props: ThemeProps) => import("@emotion/react").SerializedStyles;
+export declare const blocktypeStyles: () => import("@emotion/react").SerializedStyles;

package/dist/types-ts4.5/plugin/ui/ToolbarBlockType/styled.d.ts

@@ -1,5 +1,4 @@
-import type { ThemeProps } from '@atlaskit/theme/types';
-export declare const blockTypeMenuItemStyle: (tagName: string, selected?: boolean) => (themeProps: ThemeProps) => import("@emotion/react").SerializedStyles;
+export declare const blockTypeMenuItemStyle: (tagName: string, selected?: boolean) => () => import("@emotion/react").SerializedStyles;
 export declare const keyboardShortcut: import("@emotion/react").SerializedStyles;
 export declare const keyboardShortcutSelect: import("@emotion/react").SerializedStyles;
 export declare const buttonContentStyle: import("@emotion/react").SerializedStyles;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-plugin-block-type",
-  "version": "3.0.12",
+  "version": "3.0.13",
   "description": "BlockType plugin for @atlaskit/editor-core",
   "author": "Atlassian Pty Ltd",
   "license": "Apache-2.0",