@atlaskit/editor-common 116.27.0 → 116.28.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.
- package/CHANGELOG.md +29 -0
- package/dist/cjs/block-menu/isExpandCollapsed.js +1 -1
- package/dist/cjs/element-browser/components/ElementList/ElementList.js +30 -97
- package/dist/cjs/link/utils.js +2 -2
- package/dist/cjs/monitoring/error.js +1 -1
- package/dist/cjs/styles/shared/headings.js +47 -110
- package/dist/cjs/ugc-tokens/editor-ugc-token-names.js +1 -34
- package/dist/cjs/ugc-tokens/get-editor-ugc-token.js +1 -8
- package/dist/cjs/ui/DropList/index.js +1 -1
- package/dist/es2019/block-menu/isExpandCollapsed.js +1 -1
- package/dist/es2019/element-browser/components/ElementList/ElementList.js +30 -97
- package/dist/es2019/link/utils.js +1 -1
- package/dist/es2019/monitoring/error.js +1 -1
- package/dist/es2019/styles/shared/headings.js +50 -114
- package/dist/es2019/ugc-tokens/editor-ugc-token-names.js +0 -33
- package/dist/es2019/ugc-tokens/get-editor-ugc-token.js +2 -9
- package/dist/es2019/ui/DropList/index.js +1 -1
- package/dist/esm/block-menu/isExpandCollapsed.js +1 -1
- package/dist/esm/element-browser/components/ElementList/ElementList.js +30 -97
- package/dist/esm/link/utils.js +1 -1
- package/dist/esm/monitoring/error.js +1 -1
- package/dist/esm/styles/shared/headings.js +47 -110
- package/dist/esm/ugc-tokens/editor-ugc-token-names.js +0 -33
- package/dist/esm/ugc-tokens/get-editor-ugc-token.js +2 -9
- package/dist/esm/ui/DropList/index.js +1 -1
- package/dist/types/ugc-tokens/editor-ugc-token-names.d.ts +0 -2
- package/package.json +5 -8
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,34 @@
|
|
|
1
1
|
# @atlaskit/editor-common
|
|
2
2
|
|
|
3
|
+
## 116.28.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- [`c6bc2b9eef8ca`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/c6bc2b9eef8ca) -
|
|
8
|
+
Ship refreshed editor UGC typography
|
|
9
|
+
|
|
10
|
+
### Patch Changes
|
|
11
|
+
|
|
12
|
+
- [`b1cf9e336f0f0`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/b1cf9e336f0f0) -
|
|
13
|
+
Migrate consumers of @atlaskit/atlassian-context from barrel imports to direct subpath imports,
|
|
14
|
+
and remove the deprecated `./domain-lookup`, `./generalized-domain-lookup`, and `./perimeter`
|
|
15
|
+
entry-point exports (all symbols remain available via their per-export subpaths).
|
|
16
|
+
|
|
17
|
+
Also extends the `no-restricted-fedramp-imports` ESLint rule to cover the new
|
|
18
|
+
`@atlaskit/atlassian-context/is-fedramp` and `@atlaskit/atlassian-context/is-isolated-cloud`
|
|
19
|
+
subpaths, so the FedRamp/IsolatedCloud deprecation guardrail keeps firing after the migration.
|
|
20
|
+
|
|
21
|
+
- Updated dependencies
|
|
22
|
+
|
|
23
|
+
## 116.27.1
|
|
24
|
+
|
|
25
|
+
### Patch Changes
|
|
26
|
+
|
|
27
|
+
- [`650f4c7ce7fb2`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/650f4c7ce7fb2) -
|
|
28
|
+
Type-only fixes for TypeScript 7 (tsgo) compatibility with the updated DOM lib. No runtime or
|
|
29
|
+
public API changes.
|
|
30
|
+
- Updated dependencies
|
|
31
|
+
|
|
3
32
|
## 116.27.0
|
|
4
33
|
|
|
5
34
|
### Minor Changes
|
|
@@ -25,7 +25,7 @@ var isExpandCollapsed = exports.isExpandCollapsed = function isExpandCollapsed(e
|
|
|
25
25
|
var contentDiv = expandContainer.querySelector('.ak-editor-expand__content');
|
|
26
26
|
if (contentDiv && contentDiv instanceof HTMLElement) {
|
|
27
27
|
var computedStyle = window.getComputedStyle(contentDiv);
|
|
28
|
-
return computedStyle.display === 'none' || computedStyle.visibility === 'hidden' || contentDiv.hidden;
|
|
28
|
+
return computedStyle.display === 'none' || computedStyle.visibility === 'hidden' || Boolean(contentDiv.hidden);
|
|
29
29
|
}
|
|
30
30
|
return false;
|
|
31
31
|
};
|
|
@@ -16,10 +16,8 @@ var _reactVirtualized = require("react-virtualized");
|
|
|
16
16
|
var _AutoSizer = require("react-virtualized/dist/commonjs/AutoSizer");
|
|
17
17
|
var _CellMeasurer = require("react-virtualized/dist/commonjs/CellMeasurer");
|
|
18
18
|
var _withAnalyticsContext = _interopRequireDefault(require("@atlaskit/analytics-next/withAnalyticsContext"));
|
|
19
|
-
var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
|
|
20
19
|
var _shortcut = require("@atlaskit/editor-shared-styles/shortcut");
|
|
21
20
|
var _menu = require("@atlaskit/menu");
|
|
22
|
-
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
23
21
|
var _compiled = require("@atlaskit/primitives/compiled");
|
|
24
22
|
var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
|
|
25
23
|
var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
|
|
@@ -471,60 +469,36 @@ var ItemContent = /*#__PURE__*/(0, _react.memo)(function (_ref8) {
|
|
|
471
469
|
keyshortcut = _ref8.keyshortcut,
|
|
472
470
|
lozenge = _ref8.lozenge,
|
|
473
471
|
isDisabled = _ref8.isDisabled;
|
|
474
|
-
|
|
475
|
-
|
|
476
|
-
|
|
477
|
-
|
|
478
|
-
|
|
479
|
-
|
|
480
|
-
|
|
481
|
-
|
|
482
|
-
|
|
483
|
-
|
|
484
|
-
|
|
485
|
-
|
|
486
|
-
|
|
487
|
-
|
|
488
|
-
|
|
489
|
-
|
|
490
|
-
|
|
491
|
-
|
|
492
|
-
|
|
493
|
-
|
|
494
|
-
|
|
495
|
-
|
|
496
|
-
|
|
497
|
-
|
|
498
|
-
|
|
499
|
-
|
|
500
|
-
|
|
501
|
-
|
|
502
|
-
|
|
503
|
-
|
|
504
|
-
);
|
|
505
|
-
} else {
|
|
506
|
-
return (
|
|
507
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
508
|
-
(0, _react2.jsx)("div", {
|
|
509
|
-
css: itemBody,
|
|
510
|
-
className: "item-body"
|
|
511
|
-
}, (0, _react2.jsx)("div", {
|
|
512
|
-
css: itemText
|
|
513
|
-
}, (0, _react2.jsx)("div", {
|
|
514
|
-
css: itemTitleWrapper
|
|
515
|
-
}, (0, _react2.jsx)("p", {
|
|
516
|
-
css: isDisabled ? itemTitleDisabled : itemTitle
|
|
517
|
-
}, title), (0, _react2.jsx)("div", {
|
|
518
|
-
css: itemAfter
|
|
519
|
-
}, keyshortcut && (0, _react2.jsx)("div", {
|
|
520
|
-
css: _shortcut.shortcutStyle
|
|
521
|
-
}, keyshortcut))), description &&
|
|
522
|
-
// eslint-disable-next-line @atlaskit/design-system/use-primitives-text
|
|
523
|
-
(0, _react2.jsx)("p", {
|
|
524
|
-
css: isDisabled ? itemDescriptionDisabled : itemDescription
|
|
525
|
-
}, description)))
|
|
526
|
-
);
|
|
527
|
-
}
|
|
472
|
+
return (
|
|
473
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
474
|
+
(0, _react2.jsx)("div", {
|
|
475
|
+
css: itemBody,
|
|
476
|
+
className: "item-body"
|
|
477
|
+
}, (0, _react2.jsx)("div", {
|
|
478
|
+
css: itemText
|
|
479
|
+
}, (0, _react2.jsx)(_compiled.Stack, {
|
|
480
|
+
space: "space.025"
|
|
481
|
+
}, (0, _react2.jsx)("div", {
|
|
482
|
+
css: itemTitleWrapper
|
|
483
|
+
}, (0, _experiments.editorExperiment)('platform_synced_block', true) || lozenge ? (0, _react2.jsx)(_compiled.Flex, {
|
|
484
|
+
alignItems: "center",
|
|
485
|
+
gap: "space.050"
|
|
486
|
+
}, (0, _react2.jsx)(_compiled.Text, {
|
|
487
|
+
color: isDisabled ? 'color.text.disabled' : undefined,
|
|
488
|
+
maxLines: 1
|
|
489
|
+
}, title), lozenge) : (0, _react2.jsx)(_compiled.Text, {
|
|
490
|
+
color: isDisabled ? 'color.text.disabled' : undefined,
|
|
491
|
+
maxLines: 1
|
|
492
|
+
}, title), (0, _react2.jsx)("div", {
|
|
493
|
+
css: itemAfter
|
|
494
|
+
}, keyshortcut && (0, _react2.jsx)("div", {
|
|
495
|
+
css: _shortcut.shortcutStyle
|
|
496
|
+
}, keyshortcut))), description && (0, _react2.jsx)(_compiled.Text, {
|
|
497
|
+
color: isDisabled ? 'color.text.disabled' : 'color.text.subtle',
|
|
498
|
+
size: "small",
|
|
499
|
+
maxLines: 2
|
|
500
|
+
}, description))))
|
|
501
|
+
);
|
|
528
502
|
});
|
|
529
503
|
var elementItemsWrapper = (0, _react2.css)({
|
|
530
504
|
flex: 1,
|
|
@@ -583,34 +557,6 @@ var itemBody = (0, _react2.css)({
|
|
|
583
557
|
width: '100%',
|
|
584
558
|
marginTop: "var(--ds-space-negative-025, -2px)"
|
|
585
559
|
});
|
|
586
|
-
|
|
587
|
-
/*
|
|
588
|
-
* -webkit-line-clamp is also supported by firefox 🎉
|
|
589
|
-
* https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/68#CSS
|
|
590
|
-
*/
|
|
591
|
-
var multilineStyle = (0, _react2.css)({
|
|
592
|
-
display: '-webkit-box',
|
|
593
|
-
WebkitLineClamp: 2,
|
|
594
|
-
WebkitBoxOrient: 'vertical'
|
|
595
|
-
});
|
|
596
|
-
|
|
597
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
|
|
598
|
-
var itemDescription = (0, _react2.css)(multilineStyle, {
|
|
599
|
-
overflow: 'hidden',
|
|
600
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
601
|
-
fontSize: (0, _editorSharedStyles.relativeFontSizeToBase16)(11.67),
|
|
602
|
-
color: "var(--ds-text-subtle, #505258)",
|
|
603
|
-
marginTop: "var(--ds-space-025, 2px)"
|
|
604
|
-
});
|
|
605
|
-
|
|
606
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
|
|
607
|
-
var itemDescriptionDisabled = (0, _react2.css)(multilineStyle, {
|
|
608
|
-
overflow: 'hidden',
|
|
609
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
610
|
-
fontSize: (0, _editorSharedStyles.relativeFontSizeToBase16)(11.67),
|
|
611
|
-
color: "var(--ds-text-disabled, #080F214A)",
|
|
612
|
-
marginTop: "var(--ds-space-025, 2px)"
|
|
613
|
-
});
|
|
614
560
|
var itemText = (0, _react2.css)({
|
|
615
561
|
width: 'inherit',
|
|
616
562
|
whiteSpace: 'initial'
|
|
@@ -619,19 +565,6 @@ var itemTitleWrapper = (0, _react2.css)({
|
|
|
619
565
|
display: 'flex',
|
|
620
566
|
justifyContent: 'space-between'
|
|
621
567
|
});
|
|
622
|
-
var itemTitle = (0, _react2.css)({
|
|
623
|
-
width: '100%',
|
|
624
|
-
overflow: 'hidden',
|
|
625
|
-
whiteSpace: 'nowrap',
|
|
626
|
-
textOverflow: 'ellipsis'
|
|
627
|
-
});
|
|
628
|
-
var itemTitleDisabled = (0, _react2.css)({
|
|
629
|
-
width: '100%',
|
|
630
|
-
overflow: 'hidden',
|
|
631
|
-
whiteSpace: 'nowrap',
|
|
632
|
-
textOverflow: 'ellipsis',
|
|
633
|
-
color: "var(--ds-text-disabled, #080F214A)"
|
|
634
|
-
});
|
|
635
568
|
var itemAfter = (0, _react2.css)({
|
|
636
569
|
flex: '0 0 auto',
|
|
637
570
|
paddingTop: "var(--ds-space-025, 2px)",
|
package/dist/cjs/link/utils.js
CHANGED
|
@@ -16,7 +16,7 @@ Object.defineProperty(exports, "isTextAtPos", {
|
|
|
16
16
|
return _isTextAtPos.isTextAtPos;
|
|
17
17
|
}
|
|
18
18
|
});
|
|
19
|
-
var
|
|
19
|
+
var _getUrlForDomainInContext = require("@atlaskit/atlassian-context/get-url-for-domain-in-context");
|
|
20
20
|
var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
|
|
21
21
|
var _constants = require("./constants");
|
|
22
22
|
var _isTextAtPos = require("./isTextAtPos");
|
|
@@ -26,7 +26,7 @@ var PRODUCTION = 'prod';
|
|
|
26
26
|
var DEV = 'dev';
|
|
27
27
|
var getLinkPreferencesURLFromENV = exports.getLinkPreferencesURLFromENV = function getLinkPreferencesURLFromENV() {
|
|
28
28
|
var envType = process.env.CLOUD_ENV === 'staging' ? STAGING : PRODUCTION;
|
|
29
|
-
return (0,
|
|
29
|
+
return (0, _getUrlForDomainInContext.getUrlForDomainInContext)('id', envType) + _constants.linkPreferencesPath;
|
|
30
30
|
};
|
|
31
31
|
var isSelectionInsideLink = function isSelectionInsideLink(state) {
|
|
32
32
|
return !!state.doc.type.schema.marks.link.isInSet(state.selection.$from.marks());
|
|
@@ -28,7 +28,7 @@ var NETWORK_FAILURE_REGEX = /^network failure/i;
|
|
|
28
28
|
var RESIZE_OBSERVER_LOOP_REGEX = /ResizeObserver loop completed with undelivered notifications/;
|
|
29
29
|
var SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
|
|
30
30
|
var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
|
|
31
|
-
var packageVersion = "116.
|
|
31
|
+
var packageVersion = "116.27.1";
|
|
32
32
|
var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
|
|
33
33
|
// Remove URL as it has UGC
|
|
34
34
|
// Ignored via go/ees007
|
|
@@ -7,7 +7,6 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
7
7
|
exports.headingsSharedStyles = void 0;
|
|
8
8
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
9
9
|
var _react = require("@emotion/react");
|
|
10
|
-
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
11
10
|
var _getEditorUgcToken = _interopRequireDefault(require("../../ugc-tokens/get-editor-ugc-token"));
|
|
12
11
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
13
12
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } /* eslint-disable @atlaskit/ui-styling-standard/use-compiled -- Pre-existing lint debt surfaced by this mechanical type-import-only PR. */ /* eslint-disable @atlaskit/ui-styling-standard/no-imported-style-values */ /* eslint-disable @atlaskit/ui-styling-standard/no-unsafe-values */ /* eslint-disable @atlaskit/ui-styling-standard/no-nested-selectors */ /* eslint-disable @atlaskit/design-system/use-tokens-space */ /* eslint-disable @atlaskit/design-system/use-tokens-typography */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
@@ -48,116 +47,54 @@ var headingWithAlignmentStyles = function headingWithAlignmentStyles() {
|
|
|
48
47
|
// @see typography spreadsheet: https://docs.google.com/spreadsheets/d/1iYusRGCT4PoPfvxbJ8NrgjtfFgXLm5lpDWXzjua1W2E/edit#gid=93913128
|
|
49
48
|
// text sizing prototype: http://proto/fabricrender/
|
|
50
49
|
var headingsSharedStyles = exports.headingsSharedStyles = function headingsSharedStyles(_typographyTheme) {
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
'
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
fontWeight: (0, _getEditorUgcToken.default)('editor.font.weight.heading.h1.bold')
|
|
59
|
-
},
|
|
60
|
-
'&::before': {}
|
|
61
|
-
},
|
|
62
|
-
'& h2': {
|
|
63
|
-
font: (0, _getEditorUgcToken.default)('editor.font.heading.h2'),
|
|
64
|
-
marginTop: '1.4em',
|
|
65
|
-
marginBottom: 0,
|
|
66
|
-
'& strong': {
|
|
67
|
-
fontWeight: (0, _getEditorUgcToken.default)('editor.font.weight.heading.h1.bold')
|
|
68
|
-
}
|
|
69
|
-
},
|
|
70
|
-
'& h3': {
|
|
71
|
-
font: (0, _getEditorUgcToken.default)('editor.font.heading.h3'),
|
|
72
|
-
marginTop: '1.31249em',
|
|
73
|
-
marginBottom: 0,
|
|
74
|
-
'& strong': {
|
|
75
|
-
fontWeight: (0, _getEditorUgcToken.default)('editor.font.weight.heading.h1.bold')
|
|
76
|
-
}
|
|
50
|
+
return (0, _react.css)(_objectSpread({
|
|
51
|
+
'& h1': {
|
|
52
|
+
font: (0, _getEditorUgcToken.default)('editor.font.heading.h1'),
|
|
53
|
+
marginBottom: 0,
|
|
54
|
+
marginTop: '1.45833em',
|
|
55
|
+
'& strong': {
|
|
56
|
+
fontWeight: (0, _getEditorUgcToken.default)('editor.font.weight.heading.h1.bold')
|
|
77
57
|
},
|
|
78
|
-
'
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
font: (0, _getEditorUgcToken.default)('editor.font.heading.h5'),
|
|
87
|
-
marginTop: '1.45833em',
|
|
88
|
-
textTransform: 'none',
|
|
89
|
-
'& strong': {
|
|
90
|
-
fontWeight: (0, _getEditorUgcToken.default)('editor.font.weight.heading.h1.bold')
|
|
91
|
-
}
|
|
92
|
-
},
|
|
93
|
-
'& h6': {
|
|
94
|
-
font: (0, _getEditorUgcToken.default)('editor.font.heading.h6'),
|
|
95
|
-
marginTop: '1.59091em',
|
|
96
|
-
textTransform: 'none',
|
|
97
|
-
'& strong': {
|
|
98
|
-
fontWeight: (0, _getEditorUgcToken.default)('editor.font.weight.heading.h1.bold')
|
|
99
|
-
}
|
|
58
|
+
'&::before': {}
|
|
59
|
+
},
|
|
60
|
+
'& h2': {
|
|
61
|
+
font: (0, _getEditorUgcToken.default)('editor.font.heading.h2'),
|
|
62
|
+
marginTop: '1.4em',
|
|
63
|
+
marginBottom: 0,
|
|
64
|
+
'& strong': {
|
|
65
|
+
fontWeight: (0, _getEditorUgcToken.default)('editor.font.weight.heading.h1.bold')
|
|
100
66
|
}
|
|
101
|
-
},
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
color: "var(--ds-text, #292A2E)",
|
|
109
|
-
fontWeight: "var(--ds-font-weight-medium, 500)",
|
|
110
|
-
letterSpacing: "-0.01em",
|
|
111
|
-
marginBottom: 0,
|
|
112
|
-
marginTop: '1.667em'
|
|
113
|
-
},
|
|
114
|
-
'& h2': {
|
|
115
|
-
fontSize: "".concat(20 / 14, "em"),
|
|
116
|
-
fontStyle: 'inherit',
|
|
117
|
-
lineHeight: 24 / 20,
|
|
118
|
-
color: "var(--ds-text, #292A2E)",
|
|
119
|
-
fontWeight: "var(--ds-font-weight-medium, 500)",
|
|
120
|
-
letterSpacing: "-0.008em",
|
|
121
|
-
marginTop: '1.8em',
|
|
122
|
-
marginBottom: 0
|
|
123
|
-
},
|
|
124
|
-
'& h3': {
|
|
125
|
-
fontSize: "".concat(16 / 14, "em"),
|
|
126
|
-
fontStyle: 'inherit',
|
|
127
|
-
lineHeight: 20 / 16,
|
|
128
|
-
color: "var(--ds-text, #292A2E)",
|
|
129
|
-
fontWeight: "var(--ds-font-weight-semibold, 600)",
|
|
130
|
-
letterSpacing: "-0.006em",
|
|
131
|
-
marginTop: '2em',
|
|
132
|
-
marginBottom: 0
|
|
133
|
-
},
|
|
134
|
-
'& h4': {
|
|
135
|
-
fontSize: "".concat(14 / 14, "em"),
|
|
136
|
-
fontStyle: 'inherit',
|
|
137
|
-
lineHeight: 16 / 14,
|
|
138
|
-
color: "var(--ds-text, #292A2E)",
|
|
139
|
-
fontWeight: "var(--ds-font-weight-semibold, 600)",
|
|
140
|
-
letterSpacing: "-0.003em",
|
|
141
|
-
marginTop: '1.357em'
|
|
142
|
-
},
|
|
143
|
-
'& h5': {
|
|
144
|
-
fontSize: "".concat(12 / 14, "em"),
|
|
145
|
-
fontStyle: 'inherit',
|
|
146
|
-
lineHeight: 16 / 12,
|
|
147
|
-
color: "var(--ds-text, #292A2E)",
|
|
148
|
-
fontWeight: "var(--ds-font-weight-semibold, 600)",
|
|
149
|
-
marginTop: '1.667em',
|
|
150
|
-
textTransform: 'none'
|
|
151
|
-
},
|
|
152
|
-
'& h6': {
|
|
153
|
-
fontSize: "".concat(11 / 14, "em"),
|
|
154
|
-
fontStyle: 'inherit',
|
|
155
|
-
lineHeight: 16 / 11,
|
|
156
|
-
color: "var(--ds-text-subtlest, #6B6E76)",
|
|
157
|
-
fontWeight: "var(--ds-font-weight-bold, 653)",
|
|
158
|
-
marginTop: '1.455em',
|
|
159
|
-
textTransform: 'none'
|
|
67
|
+
},
|
|
68
|
+
'& h3': {
|
|
69
|
+
font: (0, _getEditorUgcToken.default)('editor.font.heading.h3'),
|
|
70
|
+
marginTop: '1.31249em',
|
|
71
|
+
marginBottom: 0,
|
|
72
|
+
'& strong': {
|
|
73
|
+
fontWeight: (0, _getEditorUgcToken.default)('editor.font.weight.heading.h1.bold')
|
|
160
74
|
}
|
|
161
|
-
},
|
|
162
|
-
|
|
75
|
+
},
|
|
76
|
+
'& h4': {
|
|
77
|
+
font: (0, _getEditorUgcToken.default)('editor.font.heading.h4'),
|
|
78
|
+
marginTop: '1.25em',
|
|
79
|
+
'& strong': {
|
|
80
|
+
fontWeight: (0, _getEditorUgcToken.default)('editor.font.weight.heading.h1.bold')
|
|
81
|
+
}
|
|
82
|
+
},
|
|
83
|
+
'& h5': {
|
|
84
|
+
font: (0, _getEditorUgcToken.default)('editor.font.heading.h5'),
|
|
85
|
+
marginTop: '1.45833em',
|
|
86
|
+
textTransform: 'none',
|
|
87
|
+
'& strong': {
|
|
88
|
+
fontWeight: (0, _getEditorUgcToken.default)('editor.font.weight.heading.h1.bold')
|
|
89
|
+
}
|
|
90
|
+
},
|
|
91
|
+
'& h6': {
|
|
92
|
+
font: (0, _getEditorUgcToken.default)('editor.font.heading.h6'),
|
|
93
|
+
marginTop: '1.59091em',
|
|
94
|
+
textTransform: 'none',
|
|
95
|
+
'& strong': {
|
|
96
|
+
fontWeight: (0, _getEditorUgcToken.default)('editor.font.weight.heading.h1.bold')
|
|
97
|
+
}
|
|
98
|
+
}
|
|
99
|
+
}, headingWithAlignmentStyles()));
|
|
163
100
|
};
|
|
@@ -3,40 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.editorUGCTokensRefreshed =
|
|
7
|
-
var editorUGCTokens = exports.editorUGCTokens = {
|
|
8
|
-
'editor.font.heading.h1': 'normal 500 1.71429em/1.16667 ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
|
|
9
|
-
'editor.font.heading.h2': 'normal 500 1.42857em/1.2 ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
|
|
10
|
-
'editor.font.heading.h3': 'normal 600 1.14286em/1.25 ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
|
|
11
|
-
'editor.font.heading.h4': 'normal 600 1em/1.14286 ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
|
|
12
|
-
'editor.font.heading.h5': 'normal 600 0.857143em/1.33333 ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
|
|
13
|
-
'editor.font.heading.h6': 'normal 700 0.785714em/1.45455 ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
|
|
14
|
-
'editor.font.body': 'normal 400 1em/1.714 ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
|
|
15
|
-
'editor.font.weight.heading.h1.bold': '700',
|
|
16
|
-
'editor.font.weight.heading.h2.bold': '700',
|
|
17
|
-
'editor.font.weight.heading.h3.bold': '700',
|
|
18
|
-
'editor.font.weight.heading.h4.bold': '700',
|
|
19
|
-
'editor.font.weight.heading.h5.bold': '700',
|
|
20
|
-
'editor.font.weight.heading.h6.bold': '700'
|
|
21
|
-
};
|
|
22
|
-
|
|
23
|
-
// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
|
|
24
|
-
var editorUGCTokensModernized = exports.editorUGCTokensModernized = {
|
|
25
|
-
'editor.font.heading.h1': 'normal 600 1.71429em/1.16667 ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
|
|
26
|
-
'editor.font.heading.h2': 'normal 600 1.42857em/1.2 ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
|
|
27
|
-
'editor.font.heading.h3': 'normal 600 1.14286em/1.25 ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
|
|
28
|
-
'editor.font.heading.h4': 'normal 600 1em/1.14286 ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
|
|
29
|
-
'editor.font.heading.h5': 'normal 600 0.857143em/1.33333 ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
|
|
30
|
-
'editor.font.heading.h6': 'normal 600 0.785714em/1.45455 ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
|
|
31
|
-
'editor.font.body': 'normal 400 1em/1.714 ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif',
|
|
32
|
-
'editor.font.weight.heading.h1.bold': '700',
|
|
33
|
-
'editor.font.weight.heading.h2.bold': '700',
|
|
34
|
-
'editor.font.weight.heading.h3.bold': '700',
|
|
35
|
-
'editor.font.weight.heading.h4.bold': '700',
|
|
36
|
-
'editor.font.weight.heading.h5.bold': '700',
|
|
37
|
-
'editor.font.weight.heading.h6.bold': '700'
|
|
38
|
-
};
|
|
39
|
-
|
|
6
|
+
exports.editorUGCTokensRefreshed = void 0;
|
|
40
7
|
/**
|
|
41
8
|
* These styles are duplicated in packages/editor/editor-plugin-block-type/src/pm-plugins/ui/ToolbarBlockType/HeadingButton.tsx
|
|
42
9
|
*/
|
|
@@ -4,15 +4,8 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
|
-
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
8
7
|
var _editorUgcTokenNames = require("./editor-ugc-token-names");
|
|
9
8
|
function editorUGCToken(path) {
|
|
10
|
-
|
|
11
|
-
if ((0, _platformFeatureFlags.fg)('platform_editor_typography_ugc')) {
|
|
12
|
-
tokens = _editorUgcTokenNames.editorUGCTokensRefreshed;
|
|
13
|
-
} else {
|
|
14
|
-
tokens = _editorUgcTokenNames.editorUGCTokens;
|
|
15
|
-
}
|
|
16
|
-
return tokens[path];
|
|
9
|
+
return _editorUgcTokenNames.editorUGCTokensRefreshed[path];
|
|
17
10
|
}
|
|
18
11
|
var _default = exports.default = editorUGCToken;
|
|
@@ -24,7 +24,7 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
|
|
|
24
24
|
* @jsx jsx
|
|
25
25
|
*/ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
26
26
|
var packageName = "@atlaskit/editor-common";
|
|
27
|
-
var packageVersion = "116.
|
|
27
|
+
var packageVersion = "116.27.1";
|
|
28
28
|
var halfFocusRing = 1;
|
|
29
29
|
var dropOffset = '0, 8';
|
|
30
30
|
var fadeIn = (0, _react2.keyframes)({
|
|
@@ -19,7 +19,7 @@ export const isExpandCollapsed = expandContainer => {
|
|
|
19
19
|
const contentDiv = expandContainer.querySelector('.ak-editor-expand__content');
|
|
20
20
|
if (contentDiv && contentDiv instanceof HTMLElement) {
|
|
21
21
|
const computedStyle = window.getComputedStyle(contentDiv);
|
|
22
|
-
return computedStyle.display === 'none' || computedStyle.visibility === 'hidden' || contentDiv.hidden;
|
|
22
|
+
return computedStyle.display === 'none' || computedStyle.visibility === 'hidden' || Boolean(contentDiv.hidden);
|
|
23
23
|
}
|
|
24
24
|
return false;
|
|
25
25
|
};
|
|
@@ -13,10 +13,8 @@ import { Grid, List } from 'react-virtualized';
|
|
|
13
13
|
import { AutoSizer } from 'react-virtualized/dist/commonjs/AutoSizer';
|
|
14
14
|
import { CellMeasurer, CellMeasurerCache } from 'react-virtualized/dist/commonjs/CellMeasurer';
|
|
15
15
|
import withAnalyticsContext from '@atlaskit/analytics-next/withAnalyticsContext';
|
|
16
|
-
import { relativeFontSizeToBase16 } from '@atlaskit/editor-shared-styles';
|
|
17
16
|
import { shortcutStyle } from '@atlaskit/editor-shared-styles/shortcut';
|
|
18
17
|
import { ButtonItem } from '@atlaskit/menu';
|
|
19
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
20
18
|
import { Flex, Stack, Text } from '@atlaskit/primitives/compiled';
|
|
21
19
|
import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
|
|
22
20
|
import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
|
|
@@ -464,60 +462,36 @@ const ItemContent = /*#__PURE__*/memo(({
|
|
|
464
462
|
lozenge,
|
|
465
463
|
isDisabled
|
|
466
464
|
}) => {
|
|
467
|
-
|
|
468
|
-
|
|
469
|
-
|
|
470
|
-
|
|
471
|
-
|
|
472
|
-
|
|
473
|
-
|
|
474
|
-
|
|
475
|
-
|
|
476
|
-
|
|
477
|
-
|
|
478
|
-
|
|
479
|
-
|
|
480
|
-
|
|
481
|
-
|
|
482
|
-
|
|
483
|
-
|
|
484
|
-
|
|
485
|
-
|
|
486
|
-
|
|
487
|
-
|
|
488
|
-
|
|
489
|
-
|
|
490
|
-
|
|
491
|
-
|
|
492
|
-
|
|
493
|
-
|
|
494
|
-
|
|
495
|
-
|
|
496
|
-
|
|
497
|
-
);
|
|
498
|
-
} else {
|
|
499
|
-
return (
|
|
500
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
501
|
-
jsx("div", {
|
|
502
|
-
css: itemBody,
|
|
503
|
-
className: "item-body"
|
|
504
|
-
}, jsx("div", {
|
|
505
|
-
css: itemText
|
|
506
|
-
}, jsx("div", {
|
|
507
|
-
css: itemTitleWrapper
|
|
508
|
-
}, jsx("p", {
|
|
509
|
-
css: isDisabled ? itemTitleDisabled : itemTitle
|
|
510
|
-
}, title), jsx("div", {
|
|
511
|
-
css: itemAfter
|
|
512
|
-
}, keyshortcut && jsx("div", {
|
|
513
|
-
css: shortcutStyle
|
|
514
|
-
}, keyshortcut))), description &&
|
|
515
|
-
// eslint-disable-next-line @atlaskit/design-system/use-primitives-text
|
|
516
|
-
jsx("p", {
|
|
517
|
-
css: isDisabled ? itemDescriptionDisabled : itemDescription
|
|
518
|
-
}, description)))
|
|
519
|
-
);
|
|
520
|
-
}
|
|
465
|
+
return (
|
|
466
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
467
|
+
jsx("div", {
|
|
468
|
+
css: itemBody,
|
|
469
|
+
className: "item-body"
|
|
470
|
+
}, jsx("div", {
|
|
471
|
+
css: itemText
|
|
472
|
+
}, jsx(Stack, {
|
|
473
|
+
space: "space.025"
|
|
474
|
+
}, jsx("div", {
|
|
475
|
+
css: itemTitleWrapper
|
|
476
|
+
}, editorExperiment('platform_synced_block', true) || lozenge ? jsx(Flex, {
|
|
477
|
+
alignItems: "center",
|
|
478
|
+
gap: "space.050"
|
|
479
|
+
}, jsx(Text, {
|
|
480
|
+
color: isDisabled ? 'color.text.disabled' : undefined,
|
|
481
|
+
maxLines: 1
|
|
482
|
+
}, title), lozenge) : jsx(Text, {
|
|
483
|
+
color: isDisabled ? 'color.text.disabled' : undefined,
|
|
484
|
+
maxLines: 1
|
|
485
|
+
}, title), jsx("div", {
|
|
486
|
+
css: itemAfter
|
|
487
|
+
}, keyshortcut && jsx("div", {
|
|
488
|
+
css: shortcutStyle
|
|
489
|
+
}, keyshortcut))), description && jsx(Text, {
|
|
490
|
+
color: isDisabled ? 'color.text.disabled' : 'color.text.subtle',
|
|
491
|
+
size: "small",
|
|
492
|
+
maxLines: 2
|
|
493
|
+
}, description))))
|
|
494
|
+
);
|
|
521
495
|
});
|
|
522
496
|
const elementItemsWrapper = css({
|
|
523
497
|
flex: 1,
|
|
@@ -576,34 +550,6 @@ const itemBody = css({
|
|
|
576
550
|
width: '100%',
|
|
577
551
|
marginTop: "var(--ds-space-negative-025, -2px)"
|
|
578
552
|
});
|
|
579
|
-
|
|
580
|
-
/*
|
|
581
|
-
* -webkit-line-clamp is also supported by firefox 🎉
|
|
582
|
-
* https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/68#CSS
|
|
583
|
-
*/
|
|
584
|
-
const multilineStyle = css({
|
|
585
|
-
display: '-webkit-box',
|
|
586
|
-
WebkitLineClamp: 2,
|
|
587
|
-
WebkitBoxOrient: 'vertical'
|
|
588
|
-
});
|
|
589
|
-
|
|
590
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
|
|
591
|
-
const itemDescription = css(multilineStyle, {
|
|
592
|
-
overflow: 'hidden',
|
|
593
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
594
|
-
fontSize: relativeFontSizeToBase16(11.67),
|
|
595
|
-
color: "var(--ds-text-subtle, #505258)",
|
|
596
|
-
marginTop: "var(--ds-space-025, 2px)"
|
|
597
|
-
});
|
|
598
|
-
|
|
599
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
|
|
600
|
-
const itemDescriptionDisabled = css(multilineStyle, {
|
|
601
|
-
overflow: 'hidden',
|
|
602
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
603
|
-
fontSize: relativeFontSizeToBase16(11.67),
|
|
604
|
-
color: "var(--ds-text-disabled, #080F214A)",
|
|
605
|
-
marginTop: "var(--ds-space-025, 2px)"
|
|
606
|
-
});
|
|
607
553
|
const itemText = css({
|
|
608
554
|
width: 'inherit',
|
|
609
555
|
whiteSpace: 'initial'
|
|
@@ -612,19 +558,6 @@ const itemTitleWrapper = css({
|
|
|
612
558
|
display: 'flex',
|
|
613
559
|
justifyContent: 'space-between'
|
|
614
560
|
});
|
|
615
|
-
const itemTitle = css({
|
|
616
|
-
width: '100%',
|
|
617
|
-
overflow: 'hidden',
|
|
618
|
-
whiteSpace: 'nowrap',
|
|
619
|
-
textOverflow: 'ellipsis'
|
|
620
|
-
});
|
|
621
|
-
const itemTitleDisabled = css({
|
|
622
|
-
width: '100%',
|
|
623
|
-
overflow: 'hidden',
|
|
624
|
-
whiteSpace: 'nowrap',
|
|
625
|
-
textOverflow: 'ellipsis',
|
|
626
|
-
color: "var(--ds-text-disabled, #080F214A)"
|
|
627
|
-
});
|
|
628
561
|
const itemAfter = css({
|
|
629
562
|
flex: '0 0 auto',
|
|
630
563
|
paddingTop: "var(--ds-space-025, 2px)",
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { getUrlForDomainInContext } from '@atlaskit/atlassian-context';
|
|
1
|
+
import { getUrlForDomainInContext } from '@atlaskit/atlassian-context/get-url-for-domain-in-context';
|
|
2
2
|
import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
|
|
3
3
|
import { linkPreferencesPath } from './constants';
|
|
4
4
|
const STAGING = 'staging';
|