@atlaskit/editor-plugin-block-type 3.0.33 → 3.0.35

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/CHANGELOG.md +13 -0
  2. package/dist/cjs/plugin/ui/ToolbarBlockType/styled.js +33 -10
  3. package/dist/es2019/plugin/ui/ToolbarBlockType/styled.js +30 -38
  4. package/dist/esm/plugin/ui/ToolbarBlockType/styled.js +32 -9
  5. package/package.json +4 -4
package/CHANGELOG.md CHANGED
@@ -1,5 +1,18 @@
1
1
  # @atlaskit/editor-plugin-block-type
2
2
 
3
+ ## 3.0.35
4
+
5
+ ### Patch Changes
6
+
7
+ - [#92426](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/92426) [`32c76c7c225c`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/32c76c7c225c) - Bump adf-schema to 35.9.2 to support table alignment options
8
+
9
+ ## 3.0.34
10
+
11
+ ### Patch Changes
12
+
13
+ - [#91106](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/91106) [`b6ffa30186b9`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/b6ffa30186b9) - Bump ADF-schema package to version 35.0.0
14
+ - Updated dependencies
15
+
3
16
  ## 3.0.33
4
17
 
5
18
  ### Patch Changes
package/dist/cjs/plugin/ui/ToolbarBlockType/styled.js CHANGED
@@ -1,27 +1,50 @@
1
1
  "use strict";
2
2
 
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
3
  Object.defineProperty(exports, "__esModule", {
5
4
  value: true
6
5
  });
7
6
  exports.wrapperSmallStyle = exports.keyboardShortcutSelect = exports.keyboardShortcut = exports.expandIconWrapperStyle = exports.buttonContentStyle = exports.buttonContentReducedSpacingStyle = exports.blockTypeMenuItemStyle = void 0;
8
- var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
9
7
  var _react = require("@emotion/react");
10
8
  var _styles = require("@atlaskit/editor-common/styles");
11
9
  var _shortcut = require("@atlaskit/editor-shared-styles/shortcut");
12
10
  var _colors = require("@atlaskit/theme/colors");
13
- var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
14
11
  /** @jsx jsx */
12
+
15
13
  var blockTypeMenuItemStyle = exports.blockTypeMenuItemStyle = function blockTypeMenuItemStyle(tagName, selected) {
16
14
  // TEMP FIX: See https://product-fabric.atlassian.net/browse/ED-13878
17
15
  var selectedStyle = selected ? "".concat(tagName, " { color: ", "var(--ds-text, white)", " !important; }") : '';
18
16
  return function () {
19
- 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);
17
+ return (0, _react.css)((0, _styles.headingsSharedStyles)(), {
18
+ '>': {
19
+ 'h1, h2, h3, h4, h5, h6': {
20
+ marginTop: 0
21
+ }
22
+ }
23
+ }, selectedStyle);
20
24
  };
21
25
  };
22
- var keyboardShortcut = exports.keyboardShortcut = (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n ", "\n margin-left: ", ";\n"])), _shortcut.shortcutStyle, "var(--ds-space-200, 16px)");
23
- var keyboardShortcutSelect = exports.keyboardShortcutSelect = (0, _react.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n color: ", ";\n"])), "var(--ds-icon, ".concat(_colors.N400, ")"));
24
- 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)");
25
- var buttonContentReducedSpacingStyle = exports.buttonContentReducedSpacingStyle = (0, _react.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n padding: ", ";\n"])), "var(--ds-space-100, 8px)");
26
- 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)");
27
- var expandIconWrapperStyle = exports.expandIconWrapperStyle = (0, _react.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n margin-left: ", ";\n"])), "var(--ds-space-negative-100, -8px)");
26
+ var keyboardShortcut = exports.keyboardShortcut = (0, _react.css)(_shortcut.shortcutStyle, {
27
+ marginLeft: "var(--ds-space-200, 16px)"
28
+ });
29
+ var keyboardShortcutSelect = exports.keyboardShortcutSelect = (0, _react.css)({
30
+ color: "var(--ds-icon, ".concat(_colors.N400, ")")
31
+ });
32
+ var buttonContentStyle = exports.buttonContentStyle = (0, _react.css)({
33
+ display: 'flex',
34
+ minWidth: '80px',
35
+ alignItems: 'center',
36
+ overflow: 'hidden',
37
+ justifyContent: 'center',
38
+ flexDirection: 'column',
39
+ padding: "var(--ds-space-075, 6px)"
40
+ });
41
+ var buttonContentReducedSpacingStyle = exports.buttonContentReducedSpacingStyle = (0, _react.css)({
42
+ padding: "var(--ds-space-100, 8px)"
43
+ });
44
+ var wrapperSmallStyle = exports.wrapperSmallStyle = (0, _react.css)({
45
+ marginLeft: "var(--ds-space-050, 4px)",
46
+ minWidth: '40px'
47
+ });
48
+ var expandIconWrapperStyle = exports.expandIconWrapperStyle = (0, _react.css)({
49
+ marginLeft: "var(--ds-space-negative-100, -8px)"
50
+ });
package/dist/es2019/plugin/ui/ToolbarBlockType/styled.js CHANGED
@@ -6,44 +6,36 @@ import { N400 } from '@atlaskit/theme/colors';
6
6
  export const blockTypeMenuItemStyle = (tagName, selected) => {
7
7
  // TEMP FIX: See https://product-fabric.atlassian.net/browse/ED-13878
8
8
  const selectedStyle = selected ? `${tagName} { color: ${"var(--ds-text, white)"} !important; }` : '';
9
- return () => css`
10
- ${headingsSharedStyles()};
11
- > {
12
- h1,
13
- h2,
14
- h3,
15
- h4,
16
- h5,
17
- h6 {
18
- margin-top: 0;
9
+ return () => css(headingsSharedStyles(), {
10
+ '>': {
11
+ 'h1, h2, h3, h4, h5, h6': {
12
+ marginTop: 0
19
13
  }
20
14
  }
21
- ${selectedStyle};
22
- `;
15
+ }, selectedStyle);
23
16
  };
24
- export const keyboardShortcut = css`
25
- ${shortcutStyle}
26
- margin-left: ${"var(--ds-space-200, 16px)"};
27
- `;
28
- export const keyboardShortcutSelect = css`
29
- color: ${`var(--ds-icon, ${N400})`};
30
- `;
31
- export const buttonContentStyle = css`
32
- display: flex;
33
- min-width: 80px;
34
- align-items: center;
35
- overflow: hidden;
36
- justify-content: center;
37
- flex-direction: column;
38
- padding: ${"var(--ds-space-075, 6px)"};
39
- `;
40
- export const buttonContentReducedSpacingStyle = css`
41
- padding: ${"var(--ds-space-100, 8px)"};
42
- `;
43
- export const wrapperSmallStyle = css`
44
- margin-left: ${"var(--ds-space-050, 4px)"};
45
- min-width: 40px;
46
- `;
47
- export const expandIconWrapperStyle = css`
48
- margin-left: ${"var(--ds-space-negative-100, -8px)"};
49
- `;
17
+ export const keyboardShortcut = css(shortcutStyle, {
18
+ marginLeft: "var(--ds-space-200, 16px)"
19
+ });
20
+ export const keyboardShortcutSelect = css({
21
+ color: `var(--ds-icon, ${N400})`
22
+ });
23
+ export const buttonContentStyle = css({
24
+ display: 'flex',
25
+ minWidth: '80px',
26
+ alignItems: 'center',
27
+ overflow: 'hidden',
28
+ justifyContent: 'center',
29
+ flexDirection: 'column',
30
+ padding: "var(--ds-space-075, 6px)"
31
+ });
32
+ export const buttonContentReducedSpacingStyle = css({
33
+ padding: "var(--ds-space-100, 8px)"
34
+ });
35
+ export const wrapperSmallStyle = css({
36
+ marginLeft: "var(--ds-space-050, 4px)",
37
+ minWidth: '40px'
38
+ });
39
+ export const expandIconWrapperStyle = css({
40
+ marginLeft: "var(--ds-space-negative-100, -8px)"
41
+ });
package/dist/esm/plugin/ui/ToolbarBlockType/styled.js CHANGED
@@ -1,5 +1,3 @@
1
- import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
2
- var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
3
1
  /** @jsx jsx */
4
2
  import { css } from '@emotion/react';
5
3
  import { headingsSharedStyles } from '@atlaskit/editor-common/styles';
@@ -9,12 +7,37 @@ export var blockTypeMenuItemStyle = function blockTypeMenuItemStyle(tagName, sel
9
7
  // TEMP FIX: See https://product-fabric.atlassian.net/browse/ED-13878
10
8
  var selectedStyle = selected ? "".concat(tagName, " { color: ", "var(--ds-text, white)", " !important; }") : '';
11
9
  return function () {
12
- 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);
10
+ return css(headingsSharedStyles(), {
11
+ '>': {
12
+ 'h1, h2, h3, h4, h5, h6': {
13
+ marginTop: 0
14
+ }
15
+ }
16
+ }, selectedStyle);
13
17
  };
14
18
  };
15
- export var keyboardShortcut = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n ", "\n margin-left: ", ";\n"])), shortcutStyle, "var(--ds-space-200, 16px)");
16
- export var keyboardShortcutSelect = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n color: ", ";\n"])), "var(--ds-icon, ".concat(N400, ")"));
17
- 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)");
18
- export var buttonContentReducedSpacingStyle = css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n padding: ", ";\n"])), "var(--ds-space-100, 8px)");
19
- export var wrapperSmallStyle = css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n margin-left: ", ";\n min-width: 40px;\n"])), "var(--ds-space-050, 4px)");
20
- export var expandIconWrapperStyle = css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n margin-left: ", ";\n"])), "var(--ds-space-negative-100, -8px)");
19
+ export var keyboardShortcut = css(shortcutStyle, {
20
+ marginLeft: "var(--ds-space-200, 16px)"
21
+ });
22
+ export var keyboardShortcutSelect = css({
23
+ color: "var(--ds-icon, ".concat(N400, ")")
24
+ });
25
+ export var buttonContentStyle = css({
26
+ display: 'flex',
27
+ minWidth: '80px',
28
+ alignItems: 'center',
29
+ overflow: 'hidden',
30
+ justifyContent: 'center',
31
+ flexDirection: 'column',
32
+ padding: "var(--ds-space-075, 6px)"
33
+ });
34
+ export var buttonContentReducedSpacingStyle = css({
35
+ padding: "var(--ds-space-100, 8px)"
36
+ });
37
+ export var wrapperSmallStyle = css({
38
+ marginLeft: "var(--ds-space-050, 4px)",
39
+ minWidth: '40px'
40
+ });
41
+ export var expandIconWrapperStyle = css({
42
+ marginLeft: "var(--ds-space-negative-100, -8px)"
43
+ });
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-plugin-block-type",
3
- "version": "3.0.33",
3
+ "version": "3.0.35",
4
4
  "description": "BlockType plugin for @atlaskit/editor-core",
5
5
  "author": "Atlassian Pty Ltd",
6
6
  "license": "Apache-2.0",
@@ -35,8 +35,8 @@
35
35
  "./styles": "./src/styles.ts"
36
36
  },
37
37
  "dependencies": {
38
- "@atlaskit/adf-schema": "^35.8.0",
39
- "@atlaskit/editor-common": "^78.22.0",
38
+ "@atlaskit/adf-schema": "^35.9.2",
39
+ "@atlaskit/editor-common": "^78.30.0",
40
40
  "@atlaskit/editor-plugin-analytics": "^1.0.0",
41
41
  "@atlaskit/editor-prosemirror": "3.0.0",
42
42
  "@atlaskit/editor-shared-styles": "^2.9.0",
@@ -45,7 +45,7 @@
45
45
  "@atlaskit/platform-feature-flags": "^0.2.5",
46
46
  "@atlaskit/prosemirror-input-rules": "^3.0.0",
47
47
  "@atlaskit/theme": "^12.7.0",
48
- "@atlaskit/tokens": "^1.42.0",
48
+ "@atlaskit/tokens": "^1.43.0",
49
49
  "@babel/runtime": "^7.0.0",
50
50
  "@emotion/react": "^11.7.1"
51
51
  },