@atlaskit/embedded-document 0.9.18 → 0.9.19

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.
package/CHANGELOG.md CHANGED
@@ -1,5 +1,11 @@
1
1
  # @atlaskit/embedded-document
2
2
 
3
+ ## 0.9.19
4
+
5
+ ### Patch Changes
6
+
7
+ - [#77259](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/77259) [`9086164a5b62`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/9086164a5b62) - Use spacing tokens instead of hardcoded values
8
+
3
9
  ## 0.9.18
4
10
 
5
11
  ### Patch Changes
@@ -14,7 +14,7 @@ var _customThemeButton = _interopRequireDefault(require("@atlaskit/button/custom
14
14
  var _styledComponents = _interopRequireDefault(require("styled-components"));
15
15
  var _withDocumentActions = _interopRequireDefault(require("../consumers/with-document-actions"));
16
16
  var _templateObject;
17
- var Toolbar = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n align-items: center;\n justify-content: flex-end;\n padding: 0 20px;\n height: 80px;\n"])));
17
+ var Toolbar = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n align-items: center;\n justify-content: flex-end;\n padding: 0 ", ";\n height: ", ";\n"])), "var(--ds-space-250, 20px)", "var(--ds-space-1000, 80px)");
18
18
  var _default = exports.default = function _default(props) {
19
19
  var mode = props.mode,
20
20
  editorActions = props.editorActions;
@@ -27,7 +27,7 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
27
27
  function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
28
28
  function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
29
29
  var akEditorFullPageMaxWidth = exports.akEditorFullPageMaxWidth = 680;
30
- var Content = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n line-height: 24px;\n height: 100%;\n width: 100%;\n max-width: ", "px;\n padding-top: 50px;\n margin: 0 auto;\n display: flex;\n flex-direction: column;\n flex-grow: 1;\n padding-bottom: 55px;\n\n & > * {\n padding: 0 32px;\n }\n"])), akEditorFullPageMaxWidth + _editorSharedStyles.akEditorGutterPadding * 2);
30
+ var Content = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n line-height: 24px;\n height: 100%;\n width: 100%;\n max-width: ", "px;\n padding-top: ", ";\n margin: 0 auto;\n display: flex;\n flex-direction: column;\n flex-grow: 1;\n padding-bottom: ", ";\n\n & > * {\n padding: 0 ", ";\n }\n"])), akEditorFullPageMaxWidth + _editorSharedStyles.akEditorGutterPadding * 2, "var(--ds-space-600, 48px)", "var(--ds-space-600, 48px)", "var(--ds-space-400, 32px)");
31
31
  var EmbeddedDocument = exports.default = /*#__PURE__*/function (_Component) {
32
32
  (0, _inherits2.default)(EmbeddedDocument, _Component);
33
33
  var _super = _createSuper(EmbeddedDocument);
@@ -7,8 +7,8 @@ const Toolbar = styled.div`
7
7
  display: flex;
8
8
  align-items: center;
9
9
  justify-content: flex-end;
10
- padding: 0 20px;
11
- height: 80px;
10
+ padding: 0 ${"var(--ds-space-250, 20px)"};
11
+ height: ${"var(--ds-space-1000, 80px)"};
12
12
  `;
13
13
  export default (props => {
14
14
  const {
@@ -11,15 +11,15 @@ const Content = styled.div`
11
11
  height: 100%;
12
12
  width: 100%;
13
13
  max-width: ${akEditorFullPageMaxWidth + akEditorGutterPadding * 2}px;
14
- padding-top: 50px;
14
+ padding-top: ${"var(--ds-space-600, 48px)"};
15
15
  margin: 0 auto;
16
16
  display: flex;
17
17
  flex-direction: column;
18
18
  flex-grow: 1;
19
- padding-bottom: 55px;
19
+ padding-bottom: ${"var(--ds-space-600, 48px)"};
20
20
 
21
21
  & > * {
22
- padding: 0 32px;
22
+ padding: 0 ${"var(--ds-space-400, 32px)"};
23
23
  }
24
24
  `;
25
25
  export default class EmbeddedDocument extends Component {
@@ -7,7 +7,7 @@ import ButtonGroup from '@atlaskit/button/button-group';
7
7
  import Button from '@atlaskit/button/custom-theme-button';
8
8
  import styled from 'styled-components';
9
9
  import WithDocumentActions from '../consumers/with-document-actions';
10
- var Toolbar = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n justify-content: flex-end;\n padding: 0 20px;\n height: 80px;\n"])));
10
+ var Toolbar = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n justify-content: flex-end;\n padding: 0 ", ";\n height: ", ";\n"])), "var(--ds-space-250, 20px)", "var(--ds-space-1000, 80px)");
11
11
  export default (function (props) {
12
12
  var mode = props.mode,
13
13
  editorActions = props.editorActions;
@@ -18,7 +18,7 @@ import { Context } from './context';
18
18
  import { getProvider } from '../provider';
19
19
  import { akEditorGutterPadding } from '@atlaskit/editor-shared-styles';
20
20
  export var akEditorFullPageMaxWidth = 680;
21
- var Content = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n line-height: 24px;\n height: 100%;\n width: 100%;\n max-width: ", "px;\n padding-top: 50px;\n margin: 0 auto;\n display: flex;\n flex-direction: column;\n flex-grow: 1;\n padding-bottom: 55px;\n\n & > * {\n padding: 0 32px;\n }\n"])), akEditorFullPageMaxWidth + akEditorGutterPadding * 2);
21
+ var Content = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n line-height: 24px;\n height: 100%;\n width: 100%;\n max-width: ", "px;\n padding-top: ", ";\n margin: 0 auto;\n display: flex;\n flex-direction: column;\n flex-grow: 1;\n padding-bottom: ", ";\n\n & > * {\n padding: 0 ", ";\n }\n"])), akEditorFullPageMaxWidth + akEditorGutterPadding * 2, "var(--ds-space-600, 48px)", "var(--ds-space-600, 48px)", "var(--ds-space-400, 32px)");
22
22
  var EmbeddedDocument = /*#__PURE__*/function (_Component) {
23
23
  _inherits(EmbeddedDocument, _Component);
24
24
  var _super = _createSuper(EmbeddedDocument);
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
- import { Mode } from '../context/context';
2
+ import type { Mode } from '../context/context';
3
3
  declare const _default: (props: {
4
4
  mode: Mode;
5
5
  editorActions?: any;
@@ -1,6 +1,7 @@
1
- import { Component, ReactElement } from 'react';
2
- import { Mode, State } from './context';
3
- import { ProviderProps } from '../provider';
1
+ import type { ReactElement } from 'react';
2
+ import { Component } from 'react';
3
+ import type { Mode, State } from './context';
4
+ import type { ProviderProps } from '../provider';
4
5
  export declare const akEditorFullPageMaxWidth = 680;
5
6
  export interface Props extends ProviderProps {
6
7
  objectId: string;
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
- import { Mode } from '../context/context';
2
+ import type { Mode } from '../context/context';
3
3
  declare const _default: (props: {
4
4
  mode: Mode;
5
5
  editorActions?: any;
@@ -1,6 +1,7 @@
1
- import { Component, ReactElement } from 'react';
2
- import { Mode, State } from './context';
3
- import { ProviderProps } from '../provider';
1
+ import type { ReactElement } from 'react';
2
+ import { Component } from 'react';
3
+ import type { Mode, State } from './context';
4
+ import type { ProviderProps } from '../provider';
4
5
  export declare const akEditorFullPageMaxWidth = 680;
5
6
  export interface Props extends ProviderProps {
6
7
  objectId: string;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/embedded-document",
3
- "version": "0.9.18",
3
+ "version": "0.9.19",
4
4
  "description": "DEPRECATED Embedded Document component",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -36,11 +36,12 @@
36
36
  "runReact18": false
37
37
  },
38
38
  "dependencies": {
39
- "@atlaskit/button": "^17.4.0",
40
- "@atlaskit/editor-common": "^78.0.0",
41
- "@atlaskit/editor-core": "^192.2.0",
39
+ "@atlaskit/button": "^17.6.0",
40
+ "@atlaskit/editor-common": "^78.8.0",
41
+ "@atlaskit/editor-core": "^192.3.0",
42
42
  "@atlaskit/editor-shared-styles": "^2.9.0",
43
- "@atlaskit/renderer": "^109.4.0",
43
+ "@atlaskit/renderer": "^109.6.0",
44
+ "@atlaskit/tokens": "1.38.0",
44
45
  "@atlaskit/util-service-support": "^6.2.0",
45
46
  "@babel/runtime": "^7.0.0"
46
47
  },