@atlaskit/editor-shared-styles 2.12.0 → 2.13.0

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 (15) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/afm-jira/tsconfig.json +2 -3
  3. package/dist/cjs/consts/consts.js +2 -2
  4. package/dist/cjs/overflow-shadow/overflow-shadow.js +1 -0
  5. package/dist/cjs/shortcut/shortcut.js +2 -2
  6. package/dist/es2019/consts/consts.js +3 -3
  7. package/dist/es2019/overflow-shadow/overflow-shadow.js +1 -0
  8. package/dist/es2019/shortcut/shortcut.js +2 -1
  9. package/dist/esm/consts/consts.js +3 -3
  10. package/dist/esm/overflow-shadow/overflow-shadow.js +1 -0
  11. package/dist/esm/shortcut/shortcut.js +2 -1
  12. package/package.json +72 -72
  13. package/src/consts/consts.ts +3 -3
  14. package/src/overflow-shadow/overflow-shadow.ts +1 -0
  15. package/src/shortcut/shortcut.ts +2 -1
package/CHANGELOG.md CHANGED
@@ -1,5 +1,19 @@
1
1
  # @atlaskit/editor-shared-styles
2
2
 
3
+ ## 2.13.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [#118748](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/118748)
8
+ [`10bb9e2def098`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/10bb9e2def098) -
9
+ [ux] Reduce media single max width padding for all editors except full page
10
+
11
+ ## 2.12.1
12
+
13
+ ### Patch Changes
14
+
15
+ - Updated dependencies
16
+
3
17
  ## 2.12.0
4
18
 
5
19
  ### Minor Changes
package/afm-jira/tsconfig.json CHANGED
@@ -1,12 +1,11 @@
1
1
  {
2
- "extends": "../../../../tsconfig.products.json",
2
+ "extends": "../../../../tsconfig.entry-points.jira.json",
3
3
  "compilerOptions": {
4
4
  "declaration": true,
5
5
  "target": "es5",
6
6
  "outDir": "../../../../../tsDist/@atlaskit__editor-shared-styles/app",
7
7
  "composite": true,
8
- "rootDir": "../",
9
- "baseUrl": "../"
8
+ "rootDir": "../"
10
9
  },
11
10
  "include": [
12
11
  "../src/**/*.ts",
package/dist/cjs/consts/consts.js CHANGED
@@ -85,7 +85,7 @@ var akEditorTableNumberColumnWidth = exports.akEditorTableNumberColumnWidth = 42
85
85
  var akEditorBreakoutPadding = exports.akEditorBreakoutPadding = 96;
86
86
  var akEditorGutterPadding = exports.akEditorGutterPadding = 32;
87
87
  var akEditorGutterPaddingDynamic = exports.akEditorGutterPaddingDynamic = function akEditorGutterPaddingDynamic() {
88
- return (0, _platformFeatureFlags.getBooleanFF)('platform.editor.core.increase-full-page-guttering') ? 52 : 32;
88
+ return (0, _platformFeatureFlags.fg)('platform.editor.core.increase-full-page-guttering') ? 52 : 32;
89
89
  };
90
90
  var akEditorMobileBreakoutPoint = exports.akEditorMobileBreakoutPoint = 720;
91
91
  var akEditorTableCellMinWidth = exports.akEditorTableCellMinWidth = 48;
@@ -115,7 +115,7 @@ var MAX_BROWSER_SCROLLBAR_HEIGHT = exports.MAX_BROWSER_SCROLLBAR_HEIGHT = 20;
115
115
  // @deprecated
116
116
  var ATLASSIAN_NAVIGATION_HEIGHT = exports.ATLASSIAN_NAVIGATION_HEIGHT = '56px';
117
117
  var FULL_PAGE_EDITOR_TOOLBAR_HEIGHT = exports.FULL_PAGE_EDITOR_TOOLBAR_HEIGHT = function FULL_PAGE_EDITOR_TOOLBAR_HEIGHT() {
118
- return (0, _platformFeatureFlags.getBooleanFF)('platform.confluence.frontend.narrow-full-page-editor-toolbar') ? "var(--ds-space-500, 40px)" : '56px';
118
+ return (0, _platformFeatureFlags.fg)('platform.confluence.frontend.narrow-full-page-editor-toolbar') ? "var(--ds-space-500, 40px)" : '56px';
119
119
  };
120
120
  var akEditorSelectedNodeClassName = exports.akEditorSelectedNodeClassName = 'ak-editor-selected-node';
121
121
  var editorFontSize = exports.editorFontSize = function editorFontSize(_ref) {
package/dist/cjs/overflow-shadow/overflow-shadow.js CHANGED
@@ -10,6 +10,7 @@ var _react = require("@emotion/react");
10
10
  var _colors = require("@atlaskit/theme/colors");
11
11
  var _templateObject;
12
12
  /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
13
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
13
14
  var overflowShadow = exports.overflowShadow = function overflowShadow(_ref) {
14
15
  var leftCoverWidth = _ref.leftCoverWidth,
15
16
  rightCoverWidth = _ref.rightCoverWidth;
package/dist/cjs/shortcut/shortcut.js CHANGED
@@ -10,6 +10,6 @@ var _react = require("@emotion/react");
10
10
  var _colors = require("@atlaskit/theme/colors");
11
11
  var _constants = require("@atlaskit/theme/constants");
12
12
  var _consts = require("../consts");
13
- var _templateObject;
14
- // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- needs manual remediation
13
+ var _templateObject; // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
14
+ // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
15
15
  var shortcutStyle = exports.shortcutStyle = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\tbackground-color: ", "; /* N60 at 50% */\n\tcolor: ", ";\n\tborder-radius: ", "px;\n\tpadding: ", ";\n\tline-height: 12px;\n\tfont-size: ", ";\n\talign-self: flex-end;\n\t@media (max-width: ", "px) {\n\t\tdisplay: none;\n\t}\n"])), "var(--ds-background-neutral, rgba(223, 225, 229, 0.5))", "var(--ds-text-subtle, ".concat(_colors.N100, ")"), (0, _constants.borderRadius)(), "var(--ds-space-050, 4px)", (0, _consts.relativeFontSizeToBase16)(11.67), _consts.akEditorMobileMaxWidth);
package/dist/es2019/consts/consts.js CHANGED
@@ -1,4 +1,4 @@
1
- import { getBooleanFF } from '@atlaskit/platform-feature-flags';
1
+ import { fg } from '@atlaskit/platform-feature-flags';
2
2
  /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
3
3
  import { B100, B300, B400, B50, B500, B75, DN50, DN70, G100, G300, G500, N0, N100, N20, N200, N30, N40, N50, N500, N70, N700, N800, N900, P100, P300, P500, R100, R300, R400, R50, R500, R75, T100, T300, T500, Y100, Y300, Y500 } from '@atlaskit/theme/colors';
4
4
  import { codeFontFamily, fontSize as defaultFontSize,
@@ -75,7 +75,7 @@ export const akEditorFullWidthLayoutLineLength = 1792;
75
75
  export const akEditorTableNumberColumnWidth = 42;
76
76
  export const akEditorBreakoutPadding = 96;
77
77
  export const akEditorGutterPadding = 32;
78
- export const akEditorGutterPaddingDynamic = () => getBooleanFF('platform.editor.core.increase-full-page-guttering') ? 52 : 32;
78
+ export const akEditorGutterPaddingDynamic = () => fg('platform.editor.core.increase-full-page-guttering') ? 52 : 32;
79
79
  export const akEditorMobileBreakoutPoint = 720;
80
80
  export const akEditorTableCellMinWidth = 48;
81
81
  export const akEditorTableLegacyCellMinWidth = 128;
@@ -103,7 +103,7 @@ export const MAX_BROWSER_SCROLLBAR_HEIGHT = 20;
103
103
 
104
104
  // @deprecated
105
105
  export const ATLASSIAN_NAVIGATION_HEIGHT = '56px';
106
- export const FULL_PAGE_EDITOR_TOOLBAR_HEIGHT = () => getBooleanFF('platform.confluence.frontend.narrow-full-page-editor-toolbar') ? "var(--ds-space-500, 40px)" : '56px';
106
+ export const FULL_PAGE_EDITOR_TOOLBAR_HEIGHT = () => fg('platform.confluence.frontend.narrow-full-page-editor-toolbar') ? "var(--ds-space-500, 40px)" : '56px';
107
107
  export const akEditorSelectedNodeClassName = 'ak-editor-selected-node';
108
108
  export const editorFontSize = ({
109
109
  theme
package/dist/es2019/overflow-shadow/overflow-shadow.js CHANGED
@@ -1,4 +1,5 @@
1
1
  /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
2
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
2
3
  import { css } from '@emotion/react';
3
4
  import { N20 } from '@atlaskit/theme/colors';
4
5
  export const overflowShadow = ({
package/dist/es2019/shortcut/shortcut.js CHANGED
@@ -1,9 +1,10 @@
1
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
1
2
  import { css } from '@emotion/react';
2
3
  import { N100 } from '@atlaskit/theme/colors';
3
4
  import { borderRadius } from '@atlaskit/theme/constants';
4
5
  import { akEditorMobileMaxWidth, relativeFontSizeToBase16 } from '../consts';
5
6
 
6
- // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- needs manual remediation
7
+ // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
7
8
  export const shortcutStyle = css`
8
9
  background-color: ${"var(--ds-background-neutral, rgba(223, 225, 229, 0.5))"}; /* N60 at 50% */
9
10
  color: ${`var(--ds-text-subtle, ${N100})`};
package/dist/esm/consts/consts.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
2
- import { getBooleanFF } from '@atlaskit/platform-feature-flags';
2
+ import { fg } from '@atlaskit/platform-feature-flags';
3
3
  /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
4
4
  import { B100, B300, B400, B50, B500, B75, DN50, DN70, G100, G300, G500, N0, N100, N20, N200, N30, N40, N50, N500, N70, N700, N800, N900, P100, P300, P500, R100, R300, R400, R50, R500, R75, T100, T300, T500, Y100, Y300, Y500 } from '@atlaskit/theme/colors';
5
5
  import { codeFontFamily, fontSize as defaultFontSize,
@@ -77,7 +77,7 @@ export var akEditorTableNumberColumnWidth = 42;
77
77
  export var akEditorBreakoutPadding = 96;
78
78
  export var akEditorGutterPadding = 32;
79
79
  export var akEditorGutterPaddingDynamic = function akEditorGutterPaddingDynamic() {
80
- return getBooleanFF('platform.editor.core.increase-full-page-guttering') ? 52 : 32;
80
+ return fg('platform.editor.core.increase-full-page-guttering') ? 52 : 32;
81
81
  };
82
82
  export var akEditorMobileBreakoutPoint = 720;
83
83
  export var akEditorTableCellMinWidth = 48;
@@ -107,7 +107,7 @@ export var MAX_BROWSER_SCROLLBAR_HEIGHT = 20;
107
107
  // @deprecated
108
108
  export var ATLASSIAN_NAVIGATION_HEIGHT = '56px';
109
109
  export var FULL_PAGE_EDITOR_TOOLBAR_HEIGHT = function FULL_PAGE_EDITOR_TOOLBAR_HEIGHT() {
110
- return getBooleanFF('platform.confluence.frontend.narrow-full-page-editor-toolbar') ? "var(--ds-space-500, 40px)" : '56px';
110
+ return fg('platform.confluence.frontend.narrow-full-page-editor-toolbar') ? "var(--ds-space-500, 40px)" : '56px';
111
111
  };
112
112
  export var akEditorSelectedNodeClassName = 'ak-editor-selected-node';
113
113
  export var editorFontSize = function editorFontSize(_ref) {
package/dist/esm/overflow-shadow/overflow-shadow.js CHANGED
@@ -1,6 +1,7 @@
1
1
  import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
2
2
  var _templateObject;
3
3
  /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
4
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
4
5
  import { css } from '@emotion/react';
5
6
  import { N20 } from '@atlaskit/theme/colors';
6
7
  export var overflowShadow = function overflowShadow(_ref) {
package/dist/esm/shortcut/shortcut.js CHANGED
@@ -1,9 +1,10 @@
1
1
  import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
2
2
  var _templateObject;
3
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
3
4
  import { css } from '@emotion/react';
4
5
  import { N100 } from '@atlaskit/theme/colors';
5
6
  import { borderRadius } from '@atlaskit/theme/constants';
6
7
  import { akEditorMobileMaxWidth, relativeFontSizeToBase16 } from '../consts';
7
8
 
8
- // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- needs manual remediation
9
+ // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
9
10
  export var shortcutStyle = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\tbackground-color: ", "; /* N60 at 50% */\n\tcolor: ", ";\n\tborder-radius: ", "px;\n\tpadding: ", ";\n\tline-height: 12px;\n\tfont-size: ", ";\n\talign-self: flex-end;\n\t@media (max-width: ", "px) {\n\t\tdisplay: none;\n\t}\n"])), "var(--ds-background-neutral, rgba(223, 225, 229, 0.5))", "var(--ds-text-subtle, ".concat(N100, ")"), borderRadius(), "var(--ds-space-050, 4px)", relativeFontSizeToBase16(11.67), akEditorMobileMaxWidth);
package/package.json CHANGED
@@ -1,73 +1,73 @@
1
1
  {
2
- "name": "@atlaskit/editor-shared-styles",
3
- "version": "2.12.0",
4
- "description": "Style values used in the editor/renderer",
5
- "publishConfig": {
6
- "registry": "https://registry.npmjs.org/"
7
- },
8
- "repository": "https://bitbucket.org/atlassian/atlassian-frontend-mirror",
9
- "author": "Atlassian Pty Ltd",
10
- "license": "Apache-2.0",
11
- "main": "dist/cjs/index.js",
12
- "module": "dist/esm/index.js",
13
- "module:es2019": "dist/es2019/index.js",
14
- "types": "dist/types/index.d.ts",
15
- "typesVersions": {
16
- ">=4.5 <4.9": {
17
- "*": [
18
- "dist/types-ts4.5/*",
19
- "dist/types-ts4.5/index.d.ts"
20
- ]
21
- }
22
- },
23
- "sideEffects": false,
24
- "atlaskit:src": "src/index.ts",
25
- "atlassian": {
26
- "team": "Editor: Lego",
27
- "inPublicMirror": true,
28
- "releaseModel": "continuous"
29
- },
30
- "platform-feature-flags": {
31
- "platform.confluence.frontend.narrow-full-page-editor-toolbar": {
32
- "type": "boolean"
33
- },
34
- "platform.editor.core.increase-full-page-guttering": {
35
- "type": "boolean"
36
- }
37
- },
38
- "af:exports": {
39
- "./consts": "./src/consts/index.ts",
40
- "./selection": "./src/selection/index.ts",
41
- "./shortcut": "./src/shortcut/index.ts",
42
- "./scrollbar": "./src/scrollbar-styles.ts",
43
- ".": "./src/index.ts"
44
- },
45
- "dependencies": {
46
- "@atlaskit/platform-feature-flags": "^0.2.0",
47
- "@atlaskit/theme": "^12.8.0",
48
- "@atlaskit/tokens": "^1.49.0",
49
- "@babel/runtime": "^7.0.0",
50
- "@emotion/react": "^11.7.1"
51
- },
52
- "peerDependencies": {},
53
- "devDependencies": {
54
- "typescript": "~5.4.2"
55
- },
56
- "techstack": {
57
- "@atlassian/frontend": {
58
- "circular-dependencies": [
59
- "file-level"
60
- ],
61
- "import-structure": "atlassian-conventions"
62
- },
63
- "@repo/internal": {
64
- "deprecation": "no-deprecated-imports",
65
- "design-tokens": [
66
- "color"
67
- ],
68
- "styling": [
69
- "emotion"
70
- ]
71
- }
72
- }
73
- }
2
+ "name": "@atlaskit/editor-shared-styles",
3
+ "version": "2.13.0",
4
+ "description": "Style values used in the editor/renderer",
5
+ "publishConfig": {
6
+ "registry": "https://registry.npmjs.org/"
7
+ },
8
+ "repository": "https://bitbucket.org/atlassian/atlassian-frontend-mirror",
9
+ "author": "Atlassian Pty Ltd",
10
+ "license": "Apache-2.0",
11
+ "main": "dist/cjs/index.js",
12
+ "module": "dist/esm/index.js",
13
+ "module:es2019": "dist/es2019/index.js",
14
+ "types": "dist/types/index.d.ts",
15
+ "typesVersions": {
16
+ ">=4.5 <4.9": {
17
+ "*": [
18
+ "dist/types-ts4.5/*",
19
+ "dist/types-ts4.5/index.d.ts"
20
+ ]
21
+ }
22
+ },
23
+ "sideEffects": false,
24
+ "atlaskit:src": "src/index.ts",
25
+ "atlassian": {
26
+ "team": "Editor: Lego",
27
+ "inPublicMirror": true,
28
+ "releaseModel": "continuous"
29
+ },
30
+ "platform-feature-flags": {
31
+ "platform.confluence.frontend.narrow-full-page-editor-toolbar": {
32
+ "type": "boolean"
33
+ },
34
+ "platform.editor.core.increase-full-page-guttering": {
35
+ "type": "boolean"
36
+ }
37
+ },
38
+ "af:exports": {
39
+ "./consts": "./src/consts/index.ts",
40
+ "./selection": "./src/selection/index.ts",
41
+ "./shortcut": "./src/shortcut/index.ts",
42
+ "./scrollbar": "./src/scrollbar-styles.ts",
43
+ ".": "./src/index.ts"
44
+ },
45
+ "dependencies": {
46
+ "@atlaskit/platform-feature-flags": "^0.3.0",
47
+ "@atlaskit/theme": "^12.11.0",
48
+ "@atlaskit/tokens": "^1.53.0",
49
+ "@babel/runtime": "^7.0.0",
50
+ "@emotion/react": "^11.7.1"
51
+ },
52
+ "peerDependencies": {},
53
+ "devDependencies": {
54
+ "typescript": "~5.4.2"
55
+ },
56
+ "techstack": {
57
+ "@atlassian/frontend": {
58
+ "circular-dependencies": [
59
+ "file-level"
60
+ ],
61
+ "import-structure": "atlassian-conventions"
62
+ },
63
+ "@repo/internal": {
64
+ "deprecation": "no-deprecated-imports",
65
+ "design-tokens": [
66
+ "color"
67
+ ],
68
+ "styling": [
69
+ "emotion"
70
+ ]
71
+ }
72
+ }
73
+ }
package/src/consts/consts.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { getBooleanFF } from '@atlaskit/platform-feature-flags';
1
+ import { fg } from '@atlaskit/platform-feature-flags';
2
2
  /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
3
3
  import {
4
4
  B100,
@@ -129,7 +129,7 @@ export const akEditorTableNumberColumnWidth = 42;
129
129
  export const akEditorBreakoutPadding = 96;
130
130
  export const akEditorGutterPadding = 32;
131
131
  export const akEditorGutterPaddingDynamic = () =>
132
- getBooleanFF('platform.editor.core.increase-full-page-guttering') ? 52 : 32;
132
+ fg('platform.editor.core.increase-full-page-guttering') ? 52 : 32;
133
133
  export const akEditorMobileBreakoutPoint = 720;
134
134
  export const akEditorTableCellMinWidth = 48;
135
135
  export const akEditorTableLegacyCellMinWidth = 128;
@@ -161,7 +161,7 @@ export const MAX_BROWSER_SCROLLBAR_HEIGHT = 20;
161
161
  export const ATLASSIAN_NAVIGATION_HEIGHT = '56px';
162
162
 
163
163
  export const FULL_PAGE_EDITOR_TOOLBAR_HEIGHT = () =>
164
- getBooleanFF('platform.confluence.frontend.narrow-full-page-editor-toolbar')
164
+ fg('platform.confluence.frontend.narrow-full-page-editor-toolbar')
165
165
  ? token('space.500', '40px')
166
166
  : '56px';
167
167
 
package/src/overflow-shadow/overflow-shadow.ts CHANGED
@@ -1,4 +1,5 @@
1
1
  /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
2
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
2
3
  import { css } from '@emotion/react';
3
4
 
4
5
  import { N20 } from '@atlaskit/theme/colors';
package/src/shortcut/shortcut.ts CHANGED
@@ -1,3 +1,4 @@
1
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
1
2
  import { css } from '@emotion/react';
2
3
 
3
4
  import { N100 } from '@atlaskit/theme/colors';
@@ -6,7 +7,7 @@ import { token } from '@atlaskit/tokens';
6
7
 
7
8
  import { akEditorMobileMaxWidth, relativeFontSizeToBase16 } from '../consts';
8
9
 
9
- // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- needs manual remediation
10
+ // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
10
11
  export const shortcutStyle = css`
11
12
  background-color: ${token(
12
13
  'color.background.neutral',