@atlaskit/renderer 112.12.3 → 112.12.4

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 (8) hide show
  1. package/CHANGELOG.md +10 -0
  2. package/dist/cjs/ui/Renderer/index.js +1 -1
  3. package/dist/cjs/ui/Renderer/style.js +47 -2
  4. package/dist/es2019/ui/Renderer/index.js +1 -1
  5. package/dist/es2019/ui/Renderer/style.js +46 -1
  6. package/dist/esm/ui/Renderer/index.js +1 -1
  7. package/dist/esm/ui/Renderer/style.js +46 -1
  8. package/package.json +3 -3
package/CHANGELOG.md CHANGED
@@ -1,5 +1,15 @@
1
1
  # @atlaskit/renderer
2
2
 
3
+ ## 112.12.4
4
+
5
+ ### Patch Changes
6
+
7
+ - [#101282](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/101282)
8
+ [`83bbb87a1ef40`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/83bbb87a1ef40) -
9
+ Moved deprecated ADS headingSizes object directly into this package as it is the only remaining
10
+ consumer. This is planned to be removed soon.
11
+ - Updated dependencies
12
+
3
13
  ## 112.12.3
4
14
 
5
15
  ### Patch Changes
package/dist/cjs/ui/Renderer/index.js CHANGED
@@ -64,7 +64,7 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
64
64
  var NORMAL_SEVERITY_THRESHOLD = exports.NORMAL_SEVERITY_THRESHOLD = 2000;
65
65
  var DEGRADED_SEVERITY_THRESHOLD = exports.DEGRADED_SEVERITY_THRESHOLD = 3000;
66
66
  var packageName = "@atlaskit/renderer";
67
- var packageVersion = "112.12.3";
67
+ var packageVersion = "112.12.4";
68
68
  var setAsQueryContainerStyles = (0, _react2.css)({
69
69
  containerName: 'ak-renderer-wrapper',
70
70
  containerType: 'inline-size',
package/dist/cjs/ui/Renderer/style.js CHANGED
@@ -11,7 +11,6 @@ var _react = require("@emotion/react");
11
11
  var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
12
12
  var _colors = _interopRequireWildcard(require("@atlaskit/theme/colors"));
13
13
  var colors = _colors;
14
- var _typography = require("@atlaskit/theme/typography");
15
14
  var _tokens = require("@atlaskit/tokens");
16
15
  var _mediaInline = require("@atlaskit/editor-common/media-inline");
17
16
  var _styles = require("@atlaskit/editor-common/styles");
@@ -40,8 +39,54 @@ var telepointerStyles = function telepointerStyles(colorMode) {
40
39
  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview, @atlaskit/design-system/no-css-tagged-template-expression -- needs manual remediation
41
40
  return (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\t\t#", " {\n\t\t\tdisplay: inline-block;\n\t\t\tposition: relative;\n\t\t\twidth: 1.5px;\n\t\t\theight: 25px;\n\t\t\tbackground: linear-gradient(\n\t\t\t\t45deg,\n\t\t\t\t", " -12.02%,\n\t\t\t\t", " 19.18%,\n\t\t\t\t", " 71.87%\n\t\t\t);\n\t\t\tmargin-left: ", ";\n\n\t\t\t&::after {\n\t\t\t\tcontent: 'AI';\n\t\t\t\tposition: absolute;\n\t\t\t\tdisplay: block;\n\t\t\t\ttop: 0;\n\t\t\t\tleft: 0;\n\t\t\t\tfont-size: 10px;\n\t\t\t\tfont-weight: ", ";\n\t\t\t\twidth: 12.5px;\n\t\t\t\theight: 13px;\n\t\t\t\tpadding-top: 1px;\n\t\t\t\tpadding-left: 1.5px;\n\t\t\t\tline-height: initial;\n\t\t\t\tborder-radius: 0px 2px 2px 0px;\n\t\t\t\tcolor: ", ";\n\t\t\t\tbackground: linear-gradient(\n\t\t\t\t\t45deg,\n\t\t\t\t\t", " -57%,\n\t\t\t\t\t", " 71.87%\n\t\t\t\t);\n\t\t\t}\n\t\t}\n\t"])), TELEPOINTER_ID, colorMode === 'dark' ? '#f5cd47' : '#f8e6a0', colorMode === 'dark' ? '#60c6d2' : '#8bdbe5', colorMode === 'dark' ? '#388bff' : '#0c66e4', "var(--ds-space-025, 2px)", "var(--ds-font-weight-bold, 700)", "var(--ds-text-inverse, white)", colorMode === 'dark' ? '#60c6d2' : '#8bdbe5', colorMode === 'dark' ? '#388bff' : '#0c66e4');
42
41
  };
42
+
43
+ /**
44
+ * **DEPRECATED**
45
+ *
46
+ * Originally defined in `@atlaskit/theme/typography`, but moved here as it has since been deleted in favor of typography tokens.
47
+ * This should be removed as part of editor token work. More info:
48
+ * https://atlassian.slack.com/archives/C075G5D7ZP1/p1733449725865539?thread_ts=1732159801.409789&cid=C075G5D7ZP1
49
+ * */
50
+ var headingSizesImport = {
51
+ h900: {
52
+ size: 35,
53
+ lineHeight: 40
54
+ },
55
+ h800: {
56
+ size: 29,
57
+ lineHeight: 32
58
+ },
59
+ h700: {
60
+ size: 24,
61
+ lineHeight: 28
62
+ },
63
+ h600: {
64
+ size: 20,
65
+ lineHeight: 24
66
+ },
67
+ h500: {
68
+ size: 16,
69
+ lineHeight: 20
70
+ },
71
+ h400: {
72
+ size: 14,
73
+ lineHeight: 16
74
+ },
75
+ h300: {
76
+ size: 12,
77
+ lineHeight: 16
78
+ },
79
+ h200: {
80
+ size: 12,
81
+ lineHeight: 16
82
+ },
83
+ h100: {
84
+ size: 11,
85
+ lineHeight: 16
86
+ }
87
+ };
43
88
  var getLineHeight = function getLineHeight(fontCode) {
44
- return _typography.headingSizes[fontCode].lineHeight / _typography.headingSizes[fontCode].size;
89
+ return headingSizesImport[fontCode].lineHeight / headingSizesImport[fontCode].size;
45
90
  };
46
91
  var headingSizes = {
47
92
  h1: {
package/dist/es2019/ui/Renderer/index.js CHANGED
@@ -45,7 +45,7 @@ import { TruncatedWrapper } from './truncated-wrapper';
45
45
  export const NORMAL_SEVERITY_THRESHOLD = 2000;
46
46
  export const DEGRADED_SEVERITY_THRESHOLD = 3000;
47
47
  const packageName = "@atlaskit/renderer";
48
- const packageVersion = "112.12.3";
48
+ const packageVersion = "112.12.4";
49
49
  const setAsQueryContainerStyles = css({
50
50
  containerName: 'ak-renderer-wrapper',
51
51
  containerType: 'inline-size',
package/dist/es2019/ui/Renderer/style.js CHANGED
@@ -8,7 +8,6 @@ import { fg } from '@atlaskit/platform-feature-flags';
8
8
  // eslint-disable-next-line import/no-namespace
9
9
  import * as colors from '@atlaskit/theme/colors';
10
10
  import { N60A, Y300, Y75, N40A } from '@atlaskit/theme/colors';
11
- import { headingSizes as headingSizesImport } from '@atlaskit/theme/typography';
12
11
  import { getGlobalTheme } from '@atlaskit/tokens';
13
12
  import { mediaInlineImageStyles } from '@atlaskit/editor-common/media-inline';
14
13
  import { tableSharedStyle, columnLayoutSharedStyle, columnLayoutResponsiveSharedStyle, columnLayoutResponsiveRendererStyles, blockquoteSharedStyles, headingsSharedStyles, ruleSharedStyles, whitespaceSharedStyles, paragraphSharedStyles, listsSharedStyles, indentationSharedStyles, blockMarksSharedStyles, mediaSingleSharedStyle, TableSharedCssClassName, tableMarginTop, codeMarkSharedStyles, shadowSharedStyle, dateSharedStyle, richMediaClassName, tasksAndDecisionsStyles, smartCardSharedStyles, tableCellPadding, textColorStyles, backgroundColorStyles, codeBlockInListSafariFix, SmartCardSharedCssClassName, getStatusSharedStyles } from '@atlaskit/editor-common/styles';
@@ -64,6 +63,52 @@ const telepointerStyles = colorMode => {
64
63
  }
65
64
  `;
66
65
  };
66
+
67
+ /**
68
+ * **DEPRECATED**
69
+ *
70
+ * Originally defined in `@atlaskit/theme/typography`, but moved here as it has since been deleted in favor of typography tokens.
71
+ * This should be removed as part of editor token work. More info:
72
+ * https://atlassian.slack.com/archives/C075G5D7ZP1/p1733449725865539?thread_ts=1732159801.409789&cid=C075G5D7ZP1
73
+ * */
74
+ const headingSizesImport = {
75
+ h900: {
76
+ size: 35,
77
+ lineHeight: 40
78
+ },
79
+ h800: {
80
+ size: 29,
81
+ lineHeight: 32
82
+ },
83
+ h700: {
84
+ size: 24,
85
+ lineHeight: 28
86
+ },
87
+ h600: {
88
+ size: 20,
89
+ lineHeight: 24
90
+ },
91
+ h500: {
92
+ size: 16,
93
+ lineHeight: 20
94
+ },
95
+ h400: {
96
+ size: 14,
97
+ lineHeight: 16
98
+ },
99
+ h300: {
100
+ size: 12,
101
+ lineHeight: 16
102
+ },
103
+ h200: {
104
+ size: 12,
105
+ lineHeight: 16
106
+ },
107
+ h100: {
108
+ size: 11,
109
+ lineHeight: 16
110
+ }
111
+ };
67
112
  const getLineHeight = fontCode => headingSizesImport[fontCode].lineHeight / headingSizesImport[fontCode].size;
68
113
  const headingSizes = {
69
114
  h1: {
package/dist/esm/ui/Renderer/index.js CHANGED
@@ -54,7 +54,7 @@ import { TruncatedWrapper } from './truncated-wrapper';
54
54
  export var NORMAL_SEVERITY_THRESHOLD = 2000;
55
55
  export var DEGRADED_SEVERITY_THRESHOLD = 3000;
56
56
  var packageName = "@atlaskit/renderer";
57
- var packageVersion = "112.12.3";
57
+ var packageVersion = "112.12.4";
58
58
  var setAsQueryContainerStyles = css({
59
59
  containerName: 'ak-renderer-wrapper',
60
60
  containerType: 'inline-size',
package/dist/esm/ui/Renderer/style.js CHANGED
@@ -10,7 +10,6 @@ import { fg } from '@atlaskit/platform-feature-flags';
10
10
  // eslint-disable-next-line import/no-namespace
11
11
  import * as colors from '@atlaskit/theme/colors';
12
12
  import { N60A, Y300, Y75, N40A } from '@atlaskit/theme/colors';
13
- import { headingSizes as headingSizesImport } from '@atlaskit/theme/typography';
14
13
  import { getGlobalTheme } from '@atlaskit/tokens';
15
14
  import { mediaInlineImageStyles } from '@atlaskit/editor-common/media-inline';
16
15
  import { tableSharedStyle, columnLayoutSharedStyle, columnLayoutResponsiveSharedStyle, columnLayoutResponsiveRendererStyles, blockquoteSharedStyles, headingsSharedStyles, ruleSharedStyles, whitespaceSharedStyles, paragraphSharedStyles, listsSharedStyles, indentationSharedStyles, blockMarksSharedStyles, mediaSingleSharedStyle, TableSharedCssClassName, tableMarginTop, codeMarkSharedStyles, shadowSharedStyle, dateSharedStyle, richMediaClassName, tasksAndDecisionsStyles, smartCardSharedStyles, tableCellPadding, textColorStyles, backgroundColorStyles, codeBlockInListSafariFix, SmartCardSharedCssClassName, getStatusSharedStyles } from '@atlaskit/editor-common/styles';
@@ -30,6 +29,52 @@ var telepointerStyles = function telepointerStyles(colorMode) {
30
29
  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview, @atlaskit/design-system/no-css-tagged-template-expression -- needs manual remediation
31
30
  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\t\t#", " {\n\t\t\tdisplay: inline-block;\n\t\t\tposition: relative;\n\t\t\twidth: 1.5px;\n\t\t\theight: 25px;\n\t\t\tbackground: linear-gradient(\n\t\t\t\t45deg,\n\t\t\t\t", " -12.02%,\n\t\t\t\t", " 19.18%,\n\t\t\t\t", " 71.87%\n\t\t\t);\n\t\t\tmargin-left: ", ";\n\n\t\t\t&::after {\n\t\t\t\tcontent: 'AI';\n\t\t\t\tposition: absolute;\n\t\t\t\tdisplay: block;\n\t\t\t\ttop: 0;\n\t\t\t\tleft: 0;\n\t\t\t\tfont-size: 10px;\n\t\t\t\tfont-weight: ", ";\n\t\t\t\twidth: 12.5px;\n\t\t\t\theight: 13px;\n\t\t\t\tpadding-top: 1px;\n\t\t\t\tpadding-left: 1.5px;\n\t\t\t\tline-height: initial;\n\t\t\t\tborder-radius: 0px 2px 2px 0px;\n\t\t\t\tcolor: ", ";\n\t\t\t\tbackground: linear-gradient(\n\t\t\t\t\t45deg,\n\t\t\t\t\t", " -57%,\n\t\t\t\t\t", " 71.87%\n\t\t\t\t);\n\t\t\t}\n\t\t}\n\t"])), TELEPOINTER_ID, colorMode === 'dark' ? '#f5cd47' : '#f8e6a0', colorMode === 'dark' ? '#60c6d2' : '#8bdbe5', colorMode === 'dark' ? '#388bff' : '#0c66e4', "var(--ds-space-025, 2px)", "var(--ds-font-weight-bold, 700)", "var(--ds-text-inverse, white)", colorMode === 'dark' ? '#60c6d2' : '#8bdbe5', colorMode === 'dark' ? '#388bff' : '#0c66e4');
32
31
  };
32
+
33
+ /**
34
+ * **DEPRECATED**
35
+ *
36
+ * Originally defined in `@atlaskit/theme/typography`, but moved here as it has since been deleted in favor of typography tokens.
37
+ * This should be removed as part of editor token work. More info:
38
+ * https://atlassian.slack.com/archives/C075G5D7ZP1/p1733449725865539?thread_ts=1732159801.409789&cid=C075G5D7ZP1
39
+ * */
40
+ var headingSizesImport = {
41
+ h900: {
42
+ size: 35,
43
+ lineHeight: 40
44
+ },
45
+ h800: {
46
+ size: 29,
47
+ lineHeight: 32
48
+ },
49
+ h700: {
50
+ size: 24,
51
+ lineHeight: 28
52
+ },
53
+ h600: {
54
+ size: 20,
55
+ lineHeight: 24
56
+ },
57
+ h500: {
58
+ size: 16,
59
+ lineHeight: 20
60
+ },
61
+ h400: {
62
+ size: 14,
63
+ lineHeight: 16
64
+ },
65
+ h300: {
66
+ size: 12,
67
+ lineHeight: 16
68
+ },
69
+ h200: {
70
+ size: 12,
71
+ lineHeight: 16
72
+ },
73
+ h100: {
74
+ size: 11,
75
+ lineHeight: 16
76
+ }
77
+ };
33
78
  var getLineHeight = function getLineHeight(fontCode) {
34
79
  return headingSizesImport[fontCode].lineHeight / headingSizesImport[fontCode].size;
35
80
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/renderer",
3
- "version": "112.12.3",
3
+ "version": "112.12.4",
4
4
  "description": "Renderer component",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -49,8 +49,8 @@
49
49
  "@atlaskit/smart-card": "^34.10.0",
50
50
  "@atlaskit/status": "^1.9.0",
51
51
  "@atlaskit/task-decision": "^17.12.0",
52
- "@atlaskit/theme": "^14.1.0",
53
- "@atlaskit/tmp-editor-statsig": "^2.42.0",
52
+ "@atlaskit/theme": "^15.0.0",
53
+ "@atlaskit/tmp-editor-statsig": "^2.43.0",
54
54
  "@atlaskit/tokens": "^3.3.0",
55
55
  "@atlaskit/tooltip": "^19.1.0",
56
56
  "@atlaskit/visually-hidden": "^1.6.0",