@atlaskit/editor-shared-styles 3.8.1 → 3.10.1

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 (29) hide show
  1. package/CHANGELOG.md +25 -0
  2. package/dist/cjs/consts/consts.js +43 -37
  3. package/dist/cjs/consts/index.js +12 -0
  4. package/dist/cjs/index.js +12 -0
  5. package/dist/cjs/overflow-shadow/overflow-shadow.js +1 -1
  6. package/dist/cjs/scrollbar-styles.js +1 -1
  7. package/dist/cjs/selection/utils.js +1 -1
  8. package/dist/cjs/shortcut/shortcut.js +1 -1
  9. package/dist/es2019/consts/consts.js +42 -36
  10. package/dist/es2019/consts/index.js +1 -1
  11. package/dist/es2019/index.js +1 -1
  12. package/dist/es2019/overflow-shadow/overflow-shadow.js +6 -6
  13. package/dist/es2019/scrollbar-styles.js +2 -2
  14. package/dist/es2019/selection/utils.js +1 -1
  15. package/dist/es2019/shortcut/shortcut.js +2 -2
  16. package/dist/esm/consts/consts.js +42 -36
  17. package/dist/esm/consts/index.js +1 -1
  18. package/dist/esm/index.js +1 -1
  19. package/dist/esm/overflow-shadow/overflow-shadow.js +1 -1
  20. package/dist/esm/scrollbar-styles.js +1 -1
  21. package/dist/esm/selection/utils.js +1 -1
  22. package/dist/esm/shortcut/shortcut.js +1 -1
  23. package/dist/types/consts/consts.d.ts +6 -0
  24. package/dist/types/consts/index.d.ts +1 -1
  25. package/dist/types/index.d.ts +1 -1
  26. package/dist/types-ts4.5/consts/consts.d.ts +6 -0
  27. package/dist/types-ts4.5/consts/index.d.ts +1 -1
  28. package/dist/types-ts4.5/index.d.ts +1 -1
  29. package/package.json +2 -2
package/CHANGELOG.md CHANGED
@@ -1,5 +1,30 @@
1
1
  # @atlaskit/editor-shared-styles
2
2
 
3
+ ## 3.10.1
4
+
5
+ ### Patch Changes
6
+
7
+ - [`d155989f1f294`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/d155989f1f294) -
8
+ [ux] EDITOR-2885 Add max-width styles for "max" width appearance in renderer
9
+
10
+ ## 3.10.0
11
+
12
+ ### Minor Changes
13
+
14
+ - [`81ac927e830b5`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/81ac927e830b5) -
15
+ [ux] EDITOR-2866: Add max-width support and guideline wiring for node custom resizers
16
+
17
+ ## 3.9.0
18
+
19
+ ### Minor Changes
20
+
21
+ - [`f79abec64be13`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/f79abec64be13) -
22
+ [EDITOR-2624] Add max width mode for ultra wide monitors to the Editor and Renderer
23
+
24
+ ### Patch Changes
25
+
26
+ - Updated dependencies
27
+
3
28
  ## 3.8.1
4
29
 
5
30
  ### Patch Changes
package/dist/cjs/consts/consts.js CHANGED
@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
4
4
  Object.defineProperty(exports, "__esModule", {
5
5
  value: true
6
6
  });
7
- exports.editorFontSize = exports.breakoutWideScaleRatio = exports.blockNodesVerticalMargin = exports.avatarColors = exports.akRichMediaResizeZIndex = exports.akLayoutGutterOffset = exports.akEditorWrappedNodeZIndex = exports.akEditorWideLayoutWidth = exports.akEditorUnitZIndex = exports.akEditorToolbarKeylineHeight = exports.akEditorTableToolbarSize = exports.akEditorTableToolbar = exports.akEditorTableNumberColumnWidth = exports.akEditorTableLegacyCellMinWidth = exports.akEditorTableHeaderCellBackgroundDark = exports.akEditorTableHeaderCellBackground = exports.akEditorTableCellOnStickyHeaderZIndex = exports.akEditorTableCellMinWidth = exports.akEditorTableCellBlanketSelected = exports.akEditorTableCellBlanketDeleted = exports.akEditorTableCellBackgroundOpacity = exports.akEditorTableBorderSelected = exports.akEditorTableBorderRadius = exports.akEditorTableBorder = exports.akEditorSwoopCubicBezier = exports.akEditorSubtleAccent = exports.akEditorStickyHeaderZIndex = exports.akEditorSmallZIndex = exports.akEditorShadowZIndex = exports.akEditorSelectedNodeClassName = exports.akEditorSelectedBoxShadow = exports.akEditorSelectedBorderSize = exports.akEditorSelectedBorderColor = exports.akEditorSelectedBorderBoldSize = exports.akEditorSelectedBorder = exports.akEditorSelectedBoldBoxShadow = exports.akEditorSelectedBlanketOpacity = exports.akEditorRuleBorderRadius = exports.akEditorMobileMaxWidth = exports.akEditorMobileBreakoutPoint = exports.akEditorMenuZIndex = exports.akEditorMediaResizeHandlerPaddingWide = exports.akEditorMediaResizeHandlerPadding = exports.akEditorLineHeight = exports.akEditorGutterPaddingReduced = exports.akEditorGutterPaddingDynamic = exports.akEditorGutterPadding = exports.akEditorGridLineZIndex = exports.akEditorFullWidthLayoutWidth = exports.akEditorFullWidthLayoutLineLength = exports.akEditorFullPageToolbarHeight = exports.akEditorFullPageNarrowBreakout = exports.akEditorFullPageMaxWidth = exports.akEditorFullPageDenseFontSize = exports.akEditorFullPageDefaultFontSize = exports.akEditorFloatingPanelZIndex = exports.akEditorFloatingOverlapPanelZIndex = exports.akEditorFloatingDialogZIndex = exports.akEditorDeleteIconColor = exports.akEditorDeleteBorder = exports.akEditorDeleteBackgroundWithOpacity = exports.akEditorDeleteBackground = exports.akEditorDefaultLayoutWidth = exports.akEditorCustomIconSize = exports.akEditorContextPanelWidth = exports.akEditorCodeInlinePadding = exports.akEditorCodeFontFamily = exports.akEditorCodeBlockPadding = exports.akEditorCodeBackground = exports.akEditorCalculatedWideLayoutWidthSmallViewport = exports.akEditorCalculatedWideLayoutWidth = exports.akEditorBreakoutPadding = exports.akEditorBlockquoteBorderColor = exports.VIEWPORT_SIZES = exports.MAX_BROWSER_SCROLLBAR_HEIGHT = exports.FULL_PAGE_EDITOR_TOOLBAR_HEIGHT = exports.DEFAULT_EMBED_CARD_WIDTH = exports.DEFAULT_EMBED_CARD_HEIGHT = exports.ATLASSIAN_NAVIGATION_HEIGHT = void 0;
7
+ exports.editorFontSize = exports.breakoutWideScaleRatio = exports.blockNodesVerticalMargin = exports.avatarColors = exports.akRichMediaResizeZIndex = exports.akLayoutGutterOffset = exports.akEditorWrappedNodeZIndex = exports.akEditorWideLayoutWidth = exports.akEditorUnitZIndex = exports.akEditorToolbarKeylineHeight = exports.akEditorTableToolbarSize = exports.akEditorTableToolbar = exports.akEditorTableNumberColumnWidth = exports.akEditorTableLegacyCellMinWidth = exports.akEditorTableHeaderCellBackgroundDark = exports.akEditorTableHeaderCellBackground = exports.akEditorTableCellOnStickyHeaderZIndex = exports.akEditorTableCellMinWidth = exports.akEditorTableCellBlanketSelected = exports.akEditorTableCellBlanketDeleted = exports.akEditorTableCellBackgroundOpacity = exports.akEditorTableBorderSelected = exports.akEditorTableBorderRadius = exports.akEditorTableBorder = exports.akEditorSwoopCubicBezier = exports.akEditorSubtleAccent = exports.akEditorStickyHeaderZIndex = exports.akEditorSmallZIndex = exports.akEditorShadowZIndex = exports.akEditorSelectedNodeClassName = exports.akEditorSelectedBoxShadow = exports.akEditorSelectedBorderSize = exports.akEditorSelectedBorderColor = exports.akEditorSelectedBorderBoldSize = exports.akEditorSelectedBorder = exports.akEditorSelectedBoldBoxShadow = exports.akEditorSelectedBlanketOpacity = exports.akEditorRuleBorderRadius = exports.akEditorMobileMaxWidth = exports.akEditorMobileBreakoutPoint = exports.akEditorMenuZIndex = exports.akEditorMediaResizeHandlerPaddingWide = exports.akEditorMediaResizeHandlerPadding = exports.akEditorMaxWidthLayoutWidth = exports.akEditorMaxLayoutWidth = exports.akEditorLineHeight = exports.akEditorGutterPaddingReduced = exports.akEditorGutterPaddingDynamic = exports.akEditorGutterPadding = exports.akEditorGridLineZIndex = exports.akEditorFullWidthLayoutWidth = exports.akEditorFullWidthLayoutLineLength = exports.akEditorFullPageToolbarHeight = exports.akEditorFullPageNarrowBreakout = exports.akEditorFullPageMaxWidth = exports.akEditorFullPageDenseFontSize = exports.akEditorFullPageDefaultFontSize = exports.akEditorFloatingPanelZIndex = exports.akEditorFloatingOverlapPanelZIndex = exports.akEditorFloatingDialogZIndex = exports.akEditorDeleteIconColor = exports.akEditorDeleteBorder = exports.akEditorDeleteBackgroundWithOpacity = exports.akEditorDeleteBackground = exports.akEditorDefaultLayoutWidth = exports.akEditorCustomIconSize = exports.akEditorContextPanelWidth = exports.akEditorCodeInlinePadding = exports.akEditorCodeFontFamily = exports.akEditorCodeBlockPadding = exports.akEditorCodeBackground = exports.akEditorCalculatedWideLayoutWidthSmallViewport = exports.akEditorCalculatedWideLayoutWidth = exports.akEditorBreakoutPadding = exports.akEditorBlockquoteBorderColor = exports.VIEWPORT_SIZES = exports.MAX_BROWSER_SCROLLBAR_HEIGHT = exports.FULL_PAGE_EDITOR_TOOLBAR_HEIGHT = exports.DEFAULT_EMBED_CARD_WIDTH = exports.DEFAULT_EMBED_CARD_HEIGHT = exports.ATLASSIAN_NAVIGATION_HEIGHT = void 0;
8
8
  exports.getTableCellBackgroundDarkModeColorCSS = getTableCellBackgroundDarkModeColorCSS;
9
9
  exports.scaledBlockNodesVerticalMargin = exports.relativeSizeToBaseFontSize = exports.relativeSize = exports.relativeFontSizeToBase16 = exports.participantColors = exports.layoutBreakpointWidth = exports.gridMediumMaxWidth = exports.getTableCellBackgroundDarkModeColors = void 0;
10
10
  var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
@@ -16,9 +16,9 @@ var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
16
16
  var akEditorFullPageDefaultFontSize = exports.akEditorFullPageDefaultFontSize = 16;
17
17
  var akEditorFullPageDenseFontSize = exports.akEditorFullPageDenseFontSize = 13;
18
18
  var akEditorCodeFontFamily = exports.akEditorCodeFontFamily = "var(--ds-font-family-code, ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace)";
19
- var akEditorSubtleAccent = exports.akEditorSubtleAccent = "var(--ds-background-accent-gray-subtler, #DCDFE4)";
20
- var akEditorBlockquoteBorderColor = exports.akEditorBlockquoteBorderColor = "var(--ds-border, #091E4224)";
21
- var akEditorCodeBackground = exports.akEditorCodeBackground = "var(--ds-background-accent-gray-subtlest, #F1F2F4)";
19
+ var akEditorSubtleAccent = exports.akEditorSubtleAccent = "var(--ds-background-accent-gray-subtler, #DDDEE1)";
20
+ var akEditorBlockquoteBorderColor = exports.akEditorBlockquoteBorderColor = "var(--ds-border, #0B120E24)";
21
+ var akEditorCodeBackground = exports.akEditorCodeBackground = "var(--ds-background-accent-gray-subtlest, #F0F1F2)";
22
22
  var akEditorCodeBlockPadding = exports.akEditorCodeBlockPadding = '12px';
23
23
  var akEditorCodeInlinePadding = exports.akEditorCodeInlinePadding = '2px 4px';
24
24
  var akEditorDeleteBackground = exports.akEditorDeleteBackground = "var(--ds-background-danger, #FFECEB)";
@@ -26,12 +26,12 @@ var akEditorDeleteBackgroundWithOpacity = exports.akEditorDeleteBackgroundWithOp
26
26
  var akEditorDeleteBorder = exports.akEditorDeleteBorder = "var(--ds-border-danger, #E2483D)";
27
27
  var akEditorDeleteIconColor = exports.akEditorDeleteIconColor = "var(--ds-icon-danger, #C9372C)";
28
28
  var akEditorCustomIconSize = exports.akEditorCustomIconSize = 20;
29
- var akEditorSelectedBorderColor = exports.akEditorSelectedBorderColor = "var(--ds-border-selected, #0C66E4)";
29
+ var akEditorSelectedBorderColor = exports.akEditorSelectedBorderColor = "var(--ds-border-selected, #1868DB)";
30
30
  var akEditorSelectedBorderSize = exports.akEditorSelectedBorderSize = 1;
31
31
  var akEditorSelectedBorderBoldSize = exports.akEditorSelectedBorderBoldSize = 2;
32
- var akEditorSelectedBorder = exports.akEditorSelectedBorder = "".concat(akEditorSelectedBorderSize, "px solid ", "var(--ds-border-selected, #0C66E4)");
33
- var akEditorSelectedBoxShadow = exports.akEditorSelectedBoxShadow = "0 0 0 ".concat(akEditorSelectedBorderSize, "px ", "var(--ds-border-selected, #0C66E4)");
34
- var akEditorSelectedBoldBoxShadow = exports.akEditorSelectedBoldBoxShadow = "0 0 0 ".concat(akEditorSelectedBorderBoldSize, "px ", "var(--ds-border-selected, #0C66E4)");
32
+ var akEditorSelectedBorder = exports.akEditorSelectedBorder = "".concat(akEditorSelectedBorderSize, "px solid ", "var(--ds-border-selected, #1868DB)");
33
+ var akEditorSelectedBoxShadow = exports.akEditorSelectedBoxShadow = "0 0 0 ".concat(akEditorSelectedBorderSize, "px ", "var(--ds-border-selected, #1868DB)");
34
+ var akEditorSelectedBoldBoxShadow = exports.akEditorSelectedBoldBoxShadow = "0 0 0 ".concat(akEditorSelectedBorderBoldSize, "px ", "var(--ds-border-selected, #1868DB)");
35
35
  var akEditorSelectedBlanketOpacity = exports.akEditorSelectedBlanketOpacity = 0.3;
36
36
  var akEditorUnitZIndex = exports.akEditorUnitZIndex = 1;
37
37
  var akEditorShadowZIndex = exports.akEditorShadowZIndex = 2;
@@ -51,18 +51,20 @@ var akEditorTableCellOnStickyHeaderZIndex = exports.akEditorTableCellOnStickyHea
51
51
  // z-index used for floating toolbars table cell menu which are above block toolbars
52
52
  var akEditorFloatingOverlapPanelZIndex = exports.akEditorFloatingOverlapPanelZIndex = akEditorFloatingPanelZIndex + 5;
53
53
  var akEditorTableToolbarSize = exports.akEditorTableToolbarSize = 11;
54
- var akEditorTableBorder = exports.akEditorTableBorder = "var(--ds-background-accent-gray-subtler, #DCDFE4)";
55
- var akEditorTableToolbar = exports.akEditorTableToolbar = "var(--ds-background-accent-gray-subtlest, #F1F2F4)";
54
+ var akEditorTableBorder = exports.akEditorTableBorder = "var(--ds-background-accent-gray-subtler, #DDDEE1)";
55
+ var akEditorTableToolbar = exports.akEditorTableToolbar = "var(--ds-background-accent-gray-subtlest, #F0F1F2)";
56
56
  var akEditorTableHeaderCellBackground = exports.akEditorTableHeaderCellBackground = '#F1F2F4';
57
57
  var akEditorTableHeaderCellBackgroundDark = exports.akEditorTableHeaderCellBackgroundDark = '#2C333A';
58
- var akEditorTableBorderSelected = exports.akEditorTableBorderSelected = "var(--ds-border-focused, #388BFF)";
58
+ var akEditorTableBorderSelected = exports.akEditorTableBorderSelected = "var(--ds-border-focused, #4688EC)";
59
59
  var akEditorTableBorderRadius = exports.akEditorTableBorderRadius = '3px';
60
60
  var akEditorTableCellBackgroundOpacity = exports.akEditorTableCellBackgroundOpacity = 0.5;
61
61
  var akEditorFullPageMaxWidth = exports.akEditorFullPageMaxWidth = 680;
62
62
  var akEditorDefaultLayoutWidth = exports.akEditorDefaultLayoutWidth = 760;
63
63
  var akEditorWideLayoutWidth = exports.akEditorWideLayoutWidth = 960; // This value is used for tables with breakouts and is used to calculate `breakoutWidthPx`
64
64
  var akEditorFullWidthLayoutWidth = exports.akEditorFullWidthLayoutWidth = 1800;
65
+ var akEditorMaxWidthLayoutWidth = exports.akEditorMaxWidthLayoutWidth = 4000;
65
66
  var akEditorFullWidthLayoutLineLength = exports.akEditorFullWidthLayoutLineLength = 1792;
67
+ var akEditorMaxLayoutWidth = exports.akEditorMaxLayoutWidth = 4000;
66
68
  var akEditorTableNumberColumnWidth = exports.akEditorTableNumberColumnWidth = 42;
67
69
  var akEditorBreakoutPadding = exports.akEditorBreakoutPadding = 96;
68
70
  var akEditorGutterPadding = exports.akEditorGutterPadding = 32;
@@ -171,6 +173,10 @@ var relativeSizeToBaseFontSize = exports.relativeSizeToBaseFontSize = function r
171
173
  return "calc(".concat(value, " * var(--ak-editor-base-font-size) / ").concat(akEditorFullPageDefaultFontSize, ")");
172
174
  };
173
175
  var VIEWPORT_SIZES = exports.VIEWPORT_SIZES = {
176
+ a4KMonitor: {
177
+ width: 3440,
178
+ height: 1440
179
+ },
174
180
  laptopHiDPI: {
175
181
  width: 1440,
176
182
  height: 900
@@ -212,7 +218,7 @@ var getTableCellBackgroundDarkModeColors = exports.getTableCellBackgroundDarkMod
212
218
  function getTableCellBackgroundDarkModeColorCSS(colorName, colorValue) {
213
219
  return "\n &[colorname=\"".concat(colorName, "\"] {\n background-color: ").concat(colorValue, " !important; // !important to override default style color\n }\n ");
214
220
  }
215
- var avatarColors = exports.avatarColors = ["var(--ds-icon-accent-red, #C9372C)", "var(--ds-background-accent-red-bolder-hovered, #AE2E24)", "var(--ds-icon-accent-magenta, #CD519D)", "var(--ds-background-accent-magenta-bolder-hovered, #943D73)", "var(--ds-icon-accent-orange, #E56910)", "var(--ds-background-accent-orange-bolder-hovered, #A54800)", "var(--ds-icon-accent-green, #22A06B)", "var(--ds-background-accent-green-bolder-hovered, #216E4E)", "var(--ds-icon-accent-blue, #1D7AFC)", "var(--ds-background-accent-blue-bolder-hovered, #0055CC)", "var(--ds-icon-accent-teal, #2898BD)", "var(--ds-background-accent-teal-bolder-hovered, #206A83)", "var(--ds-icon-accent-lime, #6A9A23)", "var(--ds-background-accent-lime-bolder-hovered, #4C6B1F)", "var(--ds-icon-accent-purple, #8270DB)", "var(--ds-background-accent-purple-bolder-hovered, #5E4DB2)", "var(--ds-icon-accent-gray, #758195)", "var(--ds-background-accent-gray-bolder-hovered, #44546F)", "var(--ds-icon-accent-yellow, #B38600)", "var(--ds-background-accent-yellow-bolder-hovered, #7F5F01)", "var(--ds-background-accent-yellow-bolder-pressed, #533F04)"];
221
+ var avatarColors = exports.avatarColors = ["var(--ds-icon-accent-red, #C9372C)", "var(--ds-background-accent-red-bolder-hovered, #AE2E24)", "var(--ds-icon-accent-magenta, #CD519D)", "var(--ds-background-accent-magenta-bolder-hovered, #943D73)", "var(--ds-icon-accent-orange, #E06C00)", "var(--ds-background-accent-orange-bolder-hovered, #9E4C00)", "var(--ds-icon-accent-green, #22A06B)", "var(--ds-background-accent-green-bolder-hovered, #216E4E)", "var(--ds-icon-accent-blue, #357DE8)", "var(--ds-background-accent-blue-bolder-hovered, #1558BC)", "var(--ds-icon-accent-teal, #2898BD)", "var(--ds-background-accent-teal-bolder-hovered, #206A83)", "var(--ds-icon-accent-lime, #6A9A23)", "var(--ds-background-accent-lime-bolder-hovered, #4C6B1F)", "var(--ds-icon-accent-purple, #AF59E1)", "var(--ds-background-accent-purple-bolder-hovered, #803FA5)", "var(--ds-icon-accent-gray, #7D818A)", "var(--ds-background-accent-gray-bolder-hovered, #505258)", "var(--ds-icon-accent-yellow, #B38600)", "var(--ds-background-accent-yellow-bolder-hovered, #7F5F01)", "var(--ds-background-accent-yellow-bolder-pressed, #614A05)"];
216
222
 
217
223
  // MDS-569: Will update references to avatarColors to use participantColors instead, we will then deprecate avatarColors
218
224
  var participantColors = exports.participantColors = [{
@@ -221,8 +227,8 @@ var participantColors = exports.participantColors = [{
221
227
  svgBackgroundColor: "var(--ds-background-accent-red-subtler, #FFD5D2)"
222
228
  }, {
223
229
  textColor: "var(--ds-text-inverse, #FFFFFF)",
224
- backgroundColor: "var(--ds-background-accent-blue-bolder, #0C66E4)",
225
- svgBackgroundColor: "var(--ds-background-accent-blue-subtler, #CCE0FF)"
230
+ backgroundColor: "var(--ds-background-accent-blue-bolder, #1868DB)",
231
+ svgBackgroundColor: "var(--ds-background-accent-blue-subtler, #CFE1FD)"
226
232
  }, {
227
233
  textColor: "var(--ds-text-inverse, #FFFFFF)",
228
234
  backgroundColor: "var(--ds-background-accent-green-bolder, #1F845A)",
@@ -230,11 +236,11 @@ var participantColors = exports.participantColors = [{
230
236
  }, {
231
237
  textColor: "var(--ds-text-inverse, #FFFFFF)",
232
238
  backgroundColor: "var(--ds-background-accent-yellow-bolder, #946F00)",
233
- svgBackgroundColor: "var(--ds-background-accent-yellow-subtler, #F8E6A0)"
239
+ svgBackgroundColor: "var(--ds-background-accent-yellow-subtler, #F5E989)"
234
240
  }, {
235
241
  textColor: "var(--ds-text-inverse, #FFFFFF)",
236
- backgroundColor: "var(--ds-background-accent-purple-bolder, #6E5DC6)",
237
- svgBackgroundColor: "var(--ds-background-accent-purple-subtler, #DFD8FD)"
242
+ backgroundColor: "var(--ds-background-accent-purple-bolder, #964AC0)",
243
+ svgBackgroundColor: "var(--ds-background-accent-purple-subtler, #EED7FC)"
238
244
  }, {
239
245
  textColor: "var(--ds-text-inverse, #FFFFFF)",
240
246
  backgroundColor: "var(--ds-background-accent-magenta-bolder, #AE4787)",
@@ -245,46 +251,46 @@ var participantColors = exports.participantColors = [{
245
251
  svgBackgroundColor: "var(--ds-background-accent-teal-subtler, #C6EDFB)"
246
252
  }, {
247
253
  textColor: "var(--ds-text-inverse, #FFFFFF)",
248
- backgroundColor: "var(--ds-background-accent-orange-bolder, #C25100)",
249
- svgBackgroundColor: "var(--ds-background-accent-orange-subtler, #FEDEC8)"
254
+ backgroundColor: "var(--ds-background-accent-orange-bolder, #BD5B00)",
255
+ svgBackgroundColor: "var(--ds-background-accent-orange-subtler, #FCE4A6)"
250
256
  }, {
251
257
  textColor: "var(--ds-text-inverse, #FFFFFF)",
252
258
  backgroundColor: "var(--ds-background-accent-lime-bolder, #5B7F24)",
253
259
  svgBackgroundColor: "var(--ds-background-accent-lime-subtler, #D3F1A7)"
254
260
  }, {
255
261
  textColor: "var(--ds-text-inverse, #FFFFFF)",
256
- backgroundColor: "var(--ds-background-accent-gray-bolder, #626F86)",
257
- svgBackgroundColor: "var(--ds-background-accent-gray-subtler, #DCDFE4)"
262
+ backgroundColor: "var(--ds-background-accent-gray-bolder, #6B6E76)",
263
+ svgBackgroundColor: "var(--ds-background-accent-gray-subtler, #DDDEE1)"
258
264
  }, {
259
- textColor: "var(--ds-text-accent-gray-bolder, #091E42)",
260
- backgroundColor: "var(--ds-background-accent-blue-subtle, #579DFF)",
261
- svgBackgroundColor: "var(--ds-background-accent-blue-subtlest, #E9F2FF)"
265
+ textColor: "var(--ds-text-accent-gray-bolder, #1E1F21)",
266
+ backgroundColor: "var(--ds-background-accent-blue-subtle, #669DF1)",
267
+ svgBackgroundColor: "var(--ds-background-accent-blue-subtlest, #E9F2FE)"
262
268
  }, {
263
- textColor: "var(--ds-text-accent-gray-bolder, #091E42)",
269
+ textColor: "var(--ds-text-accent-gray-bolder, #1E1F21)",
264
270
  backgroundColor: "var(--ds-background-accent-red-subtle, #F87168)",
265
271
  svgBackgroundColor: "var(--ds-background-accent-red-subtlest, #FFECEB)"
266
272
  }, {
267
- textColor: "var(--ds-text-accent-gray-bolder, #091E42)",
268
- backgroundColor: "var(--ds-background-accent-orange-subtle, #FEA362)",
269
- svgBackgroundColor: "var(--ds-background-accent-orange-subtlest, #FFF3EB)"
273
+ textColor: "var(--ds-text-accent-gray-bolder, #1E1F21)",
274
+ backgroundColor: "var(--ds-background-accent-orange-subtle, #FCA700)",
275
+ svgBackgroundColor: "var(--ds-background-accent-orange-subtlest, #FFF5DB)"
270
276
  }, {
271
- textColor: "var(--ds-text-accent-gray-bolder, #091E42)",
272
- backgroundColor: "var(--ds-background-accent-yellow-subtle, #F5CD47)",
273
- svgBackgroundColor: "var(--ds-background-accent-yellow-subtlest, #FFF7D6)"
277
+ textColor: "var(--ds-text-accent-gray-bolder, #1E1F21)",
278
+ backgroundColor: "var(--ds-background-accent-yellow-subtle, #EED12B)",
279
+ svgBackgroundColor: "var(--ds-background-accent-yellow-subtlest, #FEF7C8)"
274
280
  }, {
275
- textColor: "var(--ds-text-accent-gray-bolder, #091E42)",
281
+ textColor: "var(--ds-text-accent-gray-bolder, #1E1F21)",
276
282
  backgroundColor: "var(--ds-background-accent-green-subtle, #4BCE97)",
277
283
  svgBackgroundColor: "var(--ds-background-accent-green-subtlest, #DCFFF1)"
278
284
  }, {
279
- textColor: "var(--ds-text-accent-gray-bolder, #091E42)",
285
+ textColor: "var(--ds-text-accent-gray-bolder, #1E1F21)",
280
286
  backgroundColor: "var(--ds-background-accent-teal-subtle, #6CC3E0)",
281
287
  svgBackgroundColor: "var(--ds-background-accent-teal-subtlest, #E7F9FF)"
282
288
  }, {
283
- textColor: "var(--ds-text-accent-gray-bolder, #091E42)",
284
- backgroundColor: "var(--ds-background-accent-purple-subtle, #9F8FEF)",
285
- svgBackgroundColor: "var(--ds-background-accent-purple-subtlest, #F3F0FF)"
289
+ textColor: "var(--ds-text-accent-gray-bolder, #1E1F21)",
290
+ backgroundColor: "var(--ds-background-accent-purple-subtle, #C97CF4)",
291
+ svgBackgroundColor: "var(--ds-background-accent-purple-subtlest, #F8EEFE)"
286
292
  }, {
287
- textColor: "var(--ds-text-accent-gray-bolder, #091E42)",
293
+ textColor: "var(--ds-text-accent-gray-bolder, #1E1F21)",
288
294
  backgroundColor: "var(--ds-background-accent-magenta-subtle, #E774BB)",
289
295
  svgBackgroundColor: "var(--ds-background-accent-magenta-subtlest, #FFECF8)"
290
296
  }];
package/dist/cjs/consts/index.js CHANGED
@@ -219,6 +219,18 @@ Object.defineProperty(exports, "akEditorLineHeight", {
219
219
  return _consts.akEditorLineHeight;
220
220
  }
221
221
  });
222
+ Object.defineProperty(exports, "akEditorMaxLayoutWidth", {
223
+ enumerable: true,
224
+ get: function get() {
225
+ return _consts.akEditorMaxLayoutWidth;
226
+ }
227
+ });
228
+ Object.defineProperty(exports, "akEditorMaxWidthLayoutWidth", {
229
+ enumerable: true,
230
+ get: function get() {
231
+ return _consts.akEditorMaxWidthLayoutWidth;
232
+ }
233
+ });
222
234
  Object.defineProperty(exports, "akEditorMediaResizeHandlerPadding", {
223
235
  enumerable: true,
224
236
  get: function get() {
package/dist/cjs/index.js CHANGED
@@ -219,6 +219,18 @@ Object.defineProperty(exports, "akEditorLineHeight", {
219
219
  return _consts.akEditorLineHeight;
220
220
  }
221
221
  });
222
+ Object.defineProperty(exports, "akEditorMaxLayoutWidth", {
223
+ enumerable: true,
224
+ get: function get() {
225
+ return _consts.akEditorMaxLayoutWidth;
226
+ }
227
+ });
228
+ Object.defineProperty(exports, "akEditorMaxWidthLayoutWidth", {
229
+ enumerable: true,
230
+ get: function get() {
231
+ return _consts.akEditorMaxWidthLayoutWidth;
232
+ }
233
+ });
222
234
  Object.defineProperty(exports, "akEditorMediaResizeHandlerPadding", {
223
235
  enumerable: true,
224
236
  get: function get() {
package/dist/cjs/overflow-shadow/overflow-shadow.js CHANGED
@@ -18,5 +18,5 @@ var overflowShadow = exports.overflowShadow = function overflowShadow(_ref) {
18
18
  var rightCoverWidthResolved = rightCoverWidth || width;
19
19
 
20
20
  // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- needs manual remediation
21
- return (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n/* shadow cover left */\n linear-gradient(\n to right,\n ", " ", ",\n transparent ", "\n ),\n/* shadow cover background left */\n linear-gradient(\n to right,\n ", " ", ",\n transparent ", "\n ),\n/* shadow cover right */\n linear-gradient(\n to left,\n ", " ", ",\n transparent ", "\n ),\n/* shadow cover background right */\n linear-gradient(\n to left,\n ", " ", ",\n transparent ", "\n ),\n/* overflow shadow right spread */\n linear-gradient(\n to left,\n ", " 0,\n ", " ", "\n ),\n /* overflow shadow right perimeter */\n linear-gradient(\n to left,\n ", " 0,\n ", " ", "\n ),\n /* overflow shadow left spread */\n linear-gradient(\n to right,\n ", " 0,\n ", " ", "\n ),\n /* overflow shadow left perimeter */\n linear-gradient(\n to right,\n ", " 0,\n ", " ", "\n )\n"])), "var(--ds-background-neutral, #091E420F)", leftCoverWidthResolved, leftCoverWidthResolved, "var(--ds-surface-raised, #FFFFFF)", leftCoverWidthResolved, leftCoverWidthResolved, "var(--ds-background-neutral, #091E420F)", rightCoverWidthResolved, rightCoverWidthResolved, "var(--ds-surface-raised, #FFFFFF)", rightCoverWidthResolved, rightCoverWidthResolved, "var(--ds-shadow-overflow-spread, #091e4229)", "var(--ds-UNSAFE-transparent, transparent)", width, "var(--ds-shadow-overflow-perimeter, #091e421f)", "var(--ds-UNSAFE-transparent, transparent)", width, "var(--ds-shadow-overflow-spread, #091e4229)", "var(--ds-UNSAFE-transparent, transparent)", width, "var(--ds-shadow-overflow-perimeter, #091e421f)", "var(--ds-UNSAFE-transparent, transparent)", width);
21
+ return (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n/* shadow cover left */\n linear-gradient(\n to right,\n ", " ", ",\n transparent ", "\n ),\n/* shadow cover background left */\n linear-gradient(\n to right,\n ", " ", ",\n transparent ", "\n ),\n/* shadow cover right */\n linear-gradient(\n to left,\n ", " ", ",\n transparent ", "\n ),\n/* shadow cover background right */\n linear-gradient(\n to left,\n ", " ", ",\n transparent ", "\n ),\n/* overflow shadow right spread */\n linear-gradient(\n to left,\n ", " 0,\n ", " ", "\n ),\n /* overflow shadow right perimeter */\n linear-gradient(\n to left,\n ", " 0,\n ", " ", "\n ),\n /* overflow shadow left spread */\n linear-gradient(\n to right,\n ", " 0,\n ", " ", "\n ),\n /* overflow shadow left perimeter */\n linear-gradient(\n to right,\n ", " 0,\n ", " ", "\n )\n"])), "var(--ds-background-neutral, #0515240F)", leftCoverWidthResolved, leftCoverWidthResolved, "var(--ds-surface-raised, #FFFFFF)", leftCoverWidthResolved, leftCoverWidthResolved, "var(--ds-background-neutral, #0515240F)", rightCoverWidthResolved, rightCoverWidthResolved, "var(--ds-surface-raised, #FFFFFF)", rightCoverWidthResolved, rightCoverWidthResolved, "var(--ds-shadow-overflow-spread, #1E1F2129)", "var(--ds-UNSAFE-transparent, transparent)", width, "var(--ds-shadow-overflow-perimeter, #1E1F211f)", "var(--ds-UNSAFE-transparent, transparent)", width, "var(--ds-shadow-overflow-spread, #1E1F2129)", "var(--ds-UNSAFE-transparent, transparent)", width, "var(--ds-shadow-overflow-perimeter, #1E1F211f)", "var(--ds-UNSAFE-transparent, transparent)", width);
22
22
  };
package/dist/cjs/scrollbar-styles.js CHANGED
@@ -7,4 +7,4 @@ exports.scrollbarStyles = void 0;
7
7
  /* eslint-disable @atlaskit/editor/no-re-export */
8
8
  // Entry file in package.json
9
9
 
10
- var scrollbarStyles = exports.scrollbarStyles = "\n -ms-overflow-style: -ms-autohiding-scrollbar;\n\n &::-webkit-scrollbar {\n overflow: hidden,\n }\n\n &::-webkit-scrollbar-corner {\n display: none;\n }\n\n &::-webkit-scrollbar-thumb {\n background-color: ".concat("var(--ds-background-neutral-subtle, #00000000)", ";\n }\n\n &:hover::-webkit-scrollbar-thumb {\n background-color: ", "var(--ds-background-neutral-bold, #44546F)", ";\n border-radius: 8px;\n }\n\n &::-webkit-scrollbar-thumb:hover {\n background-color: ", "var(--ds-background-neutral-bold-hovered, #2C3E5D)", ";\n }\n");
10
+ var scrollbarStyles = exports.scrollbarStyles = "\n -ms-overflow-style: -ms-autohiding-scrollbar;\n\n &::-webkit-scrollbar {\n overflow: hidden,\n }\n\n &::-webkit-scrollbar-corner {\n display: none;\n }\n\n &::-webkit-scrollbar-thumb {\n background-color: ".concat("var(--ds-background-neutral-subtle, #00000000)", ";\n }\n\n &:hover::-webkit-scrollbar-thumb {\n background-color: ", "var(--ds-background-neutral-bold, #292A2E)", ";\n border-radius: 8px;\n }\n\n &::-webkit-scrollbar-thumb:hover {\n background-color: ", "var(--ds-background-neutral-bold-hovered, #3B3D42)", ";\n }\n");
package/dist/cjs/selection/utils.js CHANGED
@@ -29,7 +29,7 @@ var getSelectionStyle = function getSelectionStyle(style) {
29
29
  case _types.SelectionStyle.BoxShadow:
30
30
  return "\n box-shadow: ".concat(_consts.akEditorSelectedBoxShadow, ";\n border-color: transparent;\n ");
31
31
  case _types.SelectionStyle.Background:
32
- return "background-color: ".concat("var(--ds-background-selected, #E9F2FF)", ";");
32
+ return "background-color: ".concat("var(--ds-background-selected, #E9F2FE)", ";");
33
33
  case _types.SelectionStyle.Blanket:
34
34
  return "\n position: relative;\n\n // Fixes ED-9263, where emoji or inline card in panel makes selection go outside the panel\n // in Safari. Looks like it's caused by user-select: all in the emoji element\n -webkit-user-select: text;\n\n ::before {\n position: absolute;\n content: '';\n left: 0;\n right: 0;\n top: 0;\n bottom: 0;\n width: 100%;\n pointer-events: none;\n z-index: ".concat(_consts.akEditorSmallZIndex, ";\n background-color: ", "var(--ds-blanket-selected, #388BFF14)", "\n }");
35
35
  default:
package/dist/cjs/shortcut/shortcut.js CHANGED
@@ -14,4 +14,4 @@ var _templateObject; // eslint-disable-next-line @atlaskit/ui-styling-standard/u
14
14
  * @deprecated use `import { Shortcut } from '@atlaskit/editor-common/ui';` instead
15
15
  */
16
16
  // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
17
- var shortcutStyle = exports.shortcutStyle = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\tbackground-color: ", ";\n\tcolor: ", ";\n\tborder-radius: ", ";\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, #091E420F)", "var(--ds-text-subtle, #44546F)", "var(--ds-radius-small, 3px)", "var(--ds-space-050, 4px)", (0, _consts.relativeFontSizeToBase16)(11.67), _consts.akEditorMobileMaxWidth);
17
+ var shortcutStyle = exports.shortcutStyle = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\tbackground-color: ", ";\n\tcolor: ", ";\n\tborder-radius: ", ";\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, #0515240F)", "var(--ds-text-subtle, #505258)", "var(--ds-radius-small, 3px)", "var(--ds-space-050, 4px)", (0, _consts.relativeFontSizeToBase16)(11.67), _consts.akEditorMobileMaxWidth);
package/dist/es2019/consts/consts.js CHANGED
@@ -6,9 +6,9 @@ import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
6
6
  export const akEditorFullPageDefaultFontSize = 16;
7
7
  export const akEditorFullPageDenseFontSize = 13;
8
8
  export const akEditorCodeFontFamily = "var(--ds-font-family-code, ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace)";
9
- export const akEditorSubtleAccent = "var(--ds-background-accent-gray-subtler, #DCDFE4)";
10
- export const akEditorBlockquoteBorderColor = "var(--ds-border, #091E4224)";
11
- export const akEditorCodeBackground = "var(--ds-background-accent-gray-subtlest, #F1F2F4)";
9
+ export const akEditorSubtleAccent = "var(--ds-background-accent-gray-subtler, #DDDEE1)";
10
+ export const akEditorBlockquoteBorderColor = "var(--ds-border, #0B120E24)";
11
+ export const akEditorCodeBackground = "var(--ds-background-accent-gray-subtlest, #F0F1F2)";
12
12
  export const akEditorCodeBlockPadding = '12px';
13
13
  export const akEditorCodeInlinePadding = '2px 4px';
14
14
  export const akEditorDeleteBackground = "var(--ds-background-danger, #FFECEB)";
@@ -16,12 +16,12 @@ export const akEditorDeleteBackgroundWithOpacity = 'rgba(255, 189, 173, 0.5)'; /
16
16
  export const akEditorDeleteBorder = "var(--ds-border-danger, #E2483D)";
17
17
  export const akEditorDeleteIconColor = "var(--ds-icon-danger, #C9372C)";
18
18
  export const akEditorCustomIconSize = 20;
19
- export const akEditorSelectedBorderColor = "var(--ds-border-selected, #0C66E4)";
19
+ export const akEditorSelectedBorderColor = "var(--ds-border-selected, #1868DB)";
20
20
  export const akEditorSelectedBorderSize = 1;
21
21
  export const akEditorSelectedBorderBoldSize = 2;
22
- export const akEditorSelectedBorder = `${akEditorSelectedBorderSize}px solid ${"var(--ds-border-selected, #0C66E4)"}`;
23
- export const akEditorSelectedBoxShadow = `0 0 0 ${akEditorSelectedBorderSize}px ${"var(--ds-border-selected, #0C66E4)"}`;
24
- export const akEditorSelectedBoldBoxShadow = `0 0 0 ${akEditorSelectedBorderBoldSize}px ${"var(--ds-border-selected, #0C66E4)"}`;
22
+ export const akEditorSelectedBorder = `${akEditorSelectedBorderSize}px solid ${"var(--ds-border-selected, #1868DB)"}`;
23
+ export const akEditorSelectedBoxShadow = `0 0 0 ${akEditorSelectedBorderSize}px ${"var(--ds-border-selected, #1868DB)"}`;
24
+ export const akEditorSelectedBoldBoxShadow = `0 0 0 ${akEditorSelectedBorderBoldSize}px ${"var(--ds-border-selected, #1868DB)"}`;
25
25
  export const akEditorSelectedBlanketOpacity = 0.3;
26
26
  export const akEditorUnitZIndex = 1;
27
27
  export const akEditorShadowZIndex = 2;
@@ -41,18 +41,20 @@ export const akEditorTableCellOnStickyHeaderZIndex = akEditorFloatingDialogZInde
41
41
  // z-index used for floating toolbars table cell menu which are above block toolbars
42
42
  export const akEditorFloatingOverlapPanelZIndex = akEditorFloatingPanelZIndex + 5;
43
43
  export const akEditorTableToolbarSize = 11;
44
- export const akEditorTableBorder = "var(--ds-background-accent-gray-subtler, #DCDFE4)";
45
- export const akEditorTableToolbar = "var(--ds-background-accent-gray-subtlest, #F1F2F4)";
44
+ export const akEditorTableBorder = "var(--ds-background-accent-gray-subtler, #DDDEE1)";
45
+ export const akEditorTableToolbar = "var(--ds-background-accent-gray-subtlest, #F0F1F2)";
46
46
  export const akEditorTableHeaderCellBackground = '#F1F2F4';
47
47
  export const akEditorTableHeaderCellBackgroundDark = '#2C333A';
48
- export const akEditorTableBorderSelected = "var(--ds-border-focused, #388BFF)";
48
+ export const akEditorTableBorderSelected = "var(--ds-border-focused, #4688EC)";
49
49
  export const akEditorTableBorderRadius = '3px';
50
50
  export const akEditorTableCellBackgroundOpacity = 0.5;
51
51
  export const akEditorFullPageMaxWidth = 680;
52
52
  export const akEditorDefaultLayoutWidth = 760;
53
53
  export const akEditorWideLayoutWidth = 960; // This value is used for tables with breakouts and is used to calculate `breakoutWidthPx`
54
54
  export const akEditorFullWidthLayoutWidth = 1800;
55
+ export const akEditorMaxWidthLayoutWidth = 4000;
55
56
  export const akEditorFullWidthLayoutLineLength = 1792;
57
+ export const akEditorMaxLayoutWidth = 4000;
56
58
  export const akEditorTableNumberColumnWidth = 42;
57
59
  export const akEditorBreakoutPadding = 96;
58
60
  export const akEditorGutterPadding = 32;
@@ -154,6 +156,10 @@ export const relativeSizeToBaseFontSize = value => {
154
156
  return `calc(${value} * var(--ak-editor-base-font-size) / ${akEditorFullPageDefaultFontSize})`;
155
157
  };
156
158
  export const VIEWPORT_SIZES = {
159
+ a4KMonitor: {
160
+ width: 3440,
161
+ height: 1440
162
+ },
157
163
  laptopHiDPI: {
158
164
  width: 1440,
159
165
  height: 900
@@ -194,7 +200,7 @@ export function getTableCellBackgroundDarkModeColorCSS(colorName, colorValue) {
194
200
  }
195
201
  `;
196
202
  }
197
- export const avatarColors = ["var(--ds-icon-accent-red, #C9372C)", "var(--ds-background-accent-red-bolder-hovered, #AE2E24)", "var(--ds-icon-accent-magenta, #CD519D)", "var(--ds-background-accent-magenta-bolder-hovered, #943D73)", "var(--ds-icon-accent-orange, #E56910)", "var(--ds-background-accent-orange-bolder-hovered, #A54800)", "var(--ds-icon-accent-green, #22A06B)", "var(--ds-background-accent-green-bolder-hovered, #216E4E)", "var(--ds-icon-accent-blue, #1D7AFC)", "var(--ds-background-accent-blue-bolder-hovered, #0055CC)", "var(--ds-icon-accent-teal, #2898BD)", "var(--ds-background-accent-teal-bolder-hovered, #206A83)", "var(--ds-icon-accent-lime, #6A9A23)", "var(--ds-background-accent-lime-bolder-hovered, #4C6B1F)", "var(--ds-icon-accent-purple, #8270DB)", "var(--ds-background-accent-purple-bolder-hovered, #5E4DB2)", "var(--ds-icon-accent-gray, #758195)", "var(--ds-background-accent-gray-bolder-hovered, #44546F)", "var(--ds-icon-accent-yellow, #B38600)", "var(--ds-background-accent-yellow-bolder-hovered, #7F5F01)", "var(--ds-background-accent-yellow-bolder-pressed, #533F04)"];
203
+ export const avatarColors = ["var(--ds-icon-accent-red, #C9372C)", "var(--ds-background-accent-red-bolder-hovered, #AE2E24)", "var(--ds-icon-accent-magenta, #CD519D)", "var(--ds-background-accent-magenta-bolder-hovered, #943D73)", "var(--ds-icon-accent-orange, #E06C00)", "var(--ds-background-accent-orange-bolder-hovered, #9E4C00)", "var(--ds-icon-accent-green, #22A06B)", "var(--ds-background-accent-green-bolder-hovered, #216E4E)", "var(--ds-icon-accent-blue, #357DE8)", "var(--ds-background-accent-blue-bolder-hovered, #1558BC)", "var(--ds-icon-accent-teal, #2898BD)", "var(--ds-background-accent-teal-bolder-hovered, #206A83)", "var(--ds-icon-accent-lime, #6A9A23)", "var(--ds-background-accent-lime-bolder-hovered, #4C6B1F)", "var(--ds-icon-accent-purple, #AF59E1)", "var(--ds-background-accent-purple-bolder-hovered, #803FA5)", "var(--ds-icon-accent-gray, #7D818A)", "var(--ds-background-accent-gray-bolder-hovered, #505258)", "var(--ds-icon-accent-yellow, #B38600)", "var(--ds-background-accent-yellow-bolder-hovered, #7F5F01)", "var(--ds-background-accent-yellow-bolder-pressed, #614A05)"];
198
204
 
199
205
  // MDS-569: Will update references to avatarColors to use participantColors instead, we will then deprecate avatarColors
200
206
  export const participantColors = [{
@@ -203,8 +209,8 @@ export const participantColors = [{
203
209
  svgBackgroundColor: "var(--ds-background-accent-red-subtler, #FFD5D2)"
204
210
  }, {
205
211
  textColor: "var(--ds-text-inverse, #FFFFFF)",
206
- backgroundColor: "var(--ds-background-accent-blue-bolder, #0C66E4)",
207
- svgBackgroundColor: "var(--ds-background-accent-blue-subtler, #CCE0FF)"
212
+ backgroundColor: "var(--ds-background-accent-blue-bolder, #1868DB)",
213
+ svgBackgroundColor: "var(--ds-background-accent-blue-subtler, #CFE1FD)"
208
214
  }, {
209
215
  textColor: "var(--ds-text-inverse, #FFFFFF)",
210
216
  backgroundColor: "var(--ds-background-accent-green-bolder, #1F845A)",
@@ -212,11 +218,11 @@ export const participantColors = [{
212
218
  }, {
213
219
  textColor: "var(--ds-text-inverse, #FFFFFF)",
214
220
  backgroundColor: "var(--ds-background-accent-yellow-bolder, #946F00)",
215
- svgBackgroundColor: "var(--ds-background-accent-yellow-subtler, #F8E6A0)"
221
+ svgBackgroundColor: "var(--ds-background-accent-yellow-subtler, #F5E989)"
216
222
  }, {
217
223
  textColor: "var(--ds-text-inverse, #FFFFFF)",
218
- backgroundColor: "var(--ds-background-accent-purple-bolder, #6E5DC6)",
219
- svgBackgroundColor: "var(--ds-background-accent-purple-subtler, #DFD8FD)"
224
+ backgroundColor: "var(--ds-background-accent-purple-bolder, #964AC0)",
225
+ svgBackgroundColor: "var(--ds-background-accent-purple-subtler, #EED7FC)"
220
226
  }, {
221
227
  textColor: "var(--ds-text-inverse, #FFFFFF)",
222
228
  backgroundColor: "var(--ds-background-accent-magenta-bolder, #AE4787)",
@@ -227,46 +233,46 @@ export const participantColors = [{
227
233
  svgBackgroundColor: "var(--ds-background-accent-teal-subtler, #C6EDFB)"
228
234
  }, {
229
235
  textColor: "var(--ds-text-inverse, #FFFFFF)",
230
- backgroundColor: "var(--ds-background-accent-orange-bolder, #C25100)",
231
- svgBackgroundColor: "var(--ds-background-accent-orange-subtler, #FEDEC8)"
236
+ backgroundColor: "var(--ds-background-accent-orange-bolder, #BD5B00)",
237
+ svgBackgroundColor: "var(--ds-background-accent-orange-subtler, #FCE4A6)"
232
238
  }, {
233
239
  textColor: "var(--ds-text-inverse, #FFFFFF)",
234
240
  backgroundColor: "var(--ds-background-accent-lime-bolder, #5B7F24)",
235
241
  svgBackgroundColor: "var(--ds-background-accent-lime-subtler, #D3F1A7)"
236
242
  }, {
237
243
  textColor: "var(--ds-text-inverse, #FFFFFF)",
238
- backgroundColor: "var(--ds-background-accent-gray-bolder, #626F86)",
239
- svgBackgroundColor: "var(--ds-background-accent-gray-subtler, #DCDFE4)"
244
+ backgroundColor: "var(--ds-background-accent-gray-bolder, #6B6E76)",
245
+ svgBackgroundColor: "var(--ds-background-accent-gray-subtler, #DDDEE1)"
240
246
  }, {
241
- textColor: "var(--ds-text-accent-gray-bolder, #091E42)",
242
- backgroundColor: "var(--ds-background-accent-blue-subtle, #579DFF)",
243
- svgBackgroundColor: "var(--ds-background-accent-blue-subtlest, #E9F2FF)"
247
+ textColor: "var(--ds-text-accent-gray-bolder, #1E1F21)",
248
+ backgroundColor: "var(--ds-background-accent-blue-subtle, #669DF1)",
249
+ svgBackgroundColor: "var(--ds-background-accent-blue-subtlest, #E9F2FE)"
244
250
  }, {
245
- textColor: "var(--ds-text-accent-gray-bolder, #091E42)",
251
+ textColor: "var(--ds-text-accent-gray-bolder, #1E1F21)",
246
252
  backgroundColor: "var(--ds-background-accent-red-subtle, #F87168)",
247
253
  svgBackgroundColor: "var(--ds-background-accent-red-subtlest, #FFECEB)"
248
254
  }, {
249
- textColor: "var(--ds-text-accent-gray-bolder, #091E42)",
250
- backgroundColor: "var(--ds-background-accent-orange-subtle, #FEA362)",
251
- svgBackgroundColor: "var(--ds-background-accent-orange-subtlest, #FFF3EB)"
255
+ textColor: "var(--ds-text-accent-gray-bolder, #1E1F21)",
256
+ backgroundColor: "var(--ds-background-accent-orange-subtle, #FCA700)",
257
+ svgBackgroundColor: "var(--ds-background-accent-orange-subtlest, #FFF5DB)"
252
258
  }, {
253
- textColor: "var(--ds-text-accent-gray-bolder, #091E42)",
254
- backgroundColor: "var(--ds-background-accent-yellow-subtle, #F5CD47)",
255
- svgBackgroundColor: "var(--ds-background-accent-yellow-subtlest, #FFF7D6)"
259
+ textColor: "var(--ds-text-accent-gray-bolder, #1E1F21)",
260
+ backgroundColor: "var(--ds-background-accent-yellow-subtle, #EED12B)",
261
+ svgBackgroundColor: "var(--ds-background-accent-yellow-subtlest, #FEF7C8)"
256
262
  }, {
257
- textColor: "var(--ds-text-accent-gray-bolder, #091E42)",
263
+ textColor: "var(--ds-text-accent-gray-bolder, #1E1F21)",
258
264
  backgroundColor: "var(--ds-background-accent-green-subtle, #4BCE97)",
259
265
  svgBackgroundColor: "var(--ds-background-accent-green-subtlest, #DCFFF1)"
260
266
  }, {
261
- textColor: "var(--ds-text-accent-gray-bolder, #091E42)",
267
+ textColor: "var(--ds-text-accent-gray-bolder, #1E1F21)",
262
268
  backgroundColor: "var(--ds-background-accent-teal-subtle, #6CC3E0)",
263
269
  svgBackgroundColor: "var(--ds-background-accent-teal-subtlest, #E7F9FF)"
264
270
  }, {
265
- textColor: "var(--ds-text-accent-gray-bolder, #091E42)",
266
- backgroundColor: "var(--ds-background-accent-purple-subtle, #9F8FEF)",
267
- svgBackgroundColor: "var(--ds-background-accent-purple-subtlest, #F3F0FF)"
271
+ textColor: "var(--ds-text-accent-gray-bolder, #1E1F21)",
272
+ backgroundColor: "var(--ds-background-accent-purple-subtle, #C97CF4)",
273
+ svgBackgroundColor: "var(--ds-background-accent-purple-subtlest, #F8EEFE)"
268
274
  }, {
269
- textColor: "var(--ds-text-accent-gray-bolder, #091E42)",
275
+ textColor: "var(--ds-text-accent-gray-bolder, #1E1F21)",
270
276
  backgroundColor: "var(--ds-background-accent-magenta-subtle, #E774BB)",
271
277
  svgBackgroundColor: "var(--ds-background-accent-magenta-subtlest, #FFECF8)"
272
278
  }];
package/dist/es2019/consts/index.js CHANGED
@@ -1,4 +1,4 @@
1
1
  /* eslint-disable @atlaskit/editor/no-re-export */
2
2
  // Entry file in package.json
3
3
 
4
- export { akEditorBlockquoteBorderColor, akEditorBreakoutPadding, akEditorCodeBackground, akEditorCodeBlockPadding, akEditorCodeFontFamily, akEditorCodeInlinePadding, akEditorContextPanelWidth, akEditorDefaultLayoutWidth, akEditorDeleteBackground, akEditorDeleteBackgroundWithOpacity, akEditorDeleteBorder, akEditorDeleteIconColor, akEditorFloatingDialogZIndex, akEditorFloatingOverlapPanelZIndex, akEditorFloatingPanelZIndex, akEditorFullPageMaxWidth, akEditorFullPageDefaultFontSize, akEditorFullPageDenseFontSize, akEditorFullWidthLayoutWidth, akEditorFullWidthLayoutLineLength, akEditorGridLineZIndex, akEditorGutterPadding, akEditorGutterPaddingDynamic, akEditorGutterPaddingReduced, akEditorFullPageNarrowBreakout, akEditorMediaResizeHandlerPadding, akEditorMediaResizeHandlerPaddingWide, akEditorMenuZIndex, akEditorStickyHeaderZIndex, akEditorMobileBreakoutPoint, akEditorSelectedBoldBoxShadow, akEditorSelectedBorderColor, akEditorSelectedBorderBoldSize, akEditorSelectedBorderSize, akEditorSelectedBorder, akEditorSelectedBoxShadow, akEditorCustomIconSize, akEditorSelectedBlanketOpacity, akEditorSmallZIndex, akEditorShadowZIndex, akEditorSubtleAccent, akEditorSwoopCubicBezier, akEditorTableBorder, akEditorTableBorderRadius, akEditorTableBorderSelected, akEditorTableCellBackgroundOpacity, akEditorTableCellMinWidth, akEditorTableCellOnStickyHeaderZIndex, akEditorTableHeaderCellBackground, akEditorTableHeaderCellBackgroundDark, akEditorTableLegacyCellMinWidth, akEditorTableNumberColumnWidth, akEditorTableToolbar, akEditorTableToolbarSize, akEditorUnitZIndex, akEditorCalculatedWideLayoutWidth, akEditorCalculatedWideLayoutWidthSmallViewport, akEditorWideLayoutWidth, akLayoutGutterOffset, akRichMediaResizeZIndex, avatarColors, participantColors, blockNodesVerticalMargin, scaledBlockNodesVerticalMargin, breakoutWideScaleRatio, editorFontSize, gridMediumMaxWidth, relativeSize, relativeFontSizeToBase16, relativeSizeToBaseFontSize, DEFAULT_EMBED_CARD_HEIGHT, DEFAULT_EMBED_CARD_WIDTH, akEditorLineHeight, akEditorRuleBorderRadius, akEditorSelectedNodeClassName, akEditorToolbarKeylineHeight, MAX_BROWSER_SCROLLBAR_HEIGHT, VIEWPORT_SIZES, akEditorMobileMaxWidth, getTableCellBackgroundDarkModeColors, ATLASSIAN_NAVIGATION_HEIGHT, FULL_PAGE_EDITOR_TOOLBAR_HEIGHT, akEditorFullPageToolbarHeight, akEditorTableCellBlanketSelected, akEditorTableCellBlanketDeleted, akEditorWrappedNodeZIndex, layoutBreakpointWidth } from './consts';
4
+ export { akEditorBlockquoteBorderColor, akEditorBreakoutPadding, akEditorCodeBackground, akEditorCodeBlockPadding, akEditorCodeFontFamily, akEditorCodeInlinePadding, akEditorContextPanelWidth, akEditorDefaultLayoutWidth, akEditorDeleteBackground, akEditorDeleteBackgroundWithOpacity, akEditorDeleteBorder, akEditorDeleteIconColor, akEditorFloatingDialogZIndex, akEditorFloatingOverlapPanelZIndex, akEditorFloatingPanelZIndex, akEditorFullPageMaxWidth, akEditorFullPageDefaultFontSize, akEditorFullPageDenseFontSize, akEditorFullWidthLayoutWidth, akEditorMaxWidthLayoutWidth, akEditorFullWidthLayoutLineLength, akEditorMaxLayoutWidth, akEditorGridLineZIndex, akEditorGutterPadding, akEditorGutterPaddingDynamic, akEditorGutterPaddingReduced, akEditorFullPageNarrowBreakout, akEditorMediaResizeHandlerPadding, akEditorMediaResizeHandlerPaddingWide, akEditorMenuZIndex, akEditorStickyHeaderZIndex, akEditorMobileBreakoutPoint, akEditorSelectedBoldBoxShadow, akEditorSelectedBorderColor, akEditorSelectedBorderBoldSize, akEditorSelectedBorderSize, akEditorSelectedBorder, akEditorSelectedBoxShadow, akEditorCustomIconSize, akEditorSelectedBlanketOpacity, akEditorSmallZIndex, akEditorShadowZIndex, akEditorSubtleAccent, akEditorSwoopCubicBezier, akEditorTableBorder, akEditorTableBorderRadius, akEditorTableBorderSelected, akEditorTableCellBackgroundOpacity, akEditorTableCellMinWidth, akEditorTableCellOnStickyHeaderZIndex, akEditorTableHeaderCellBackground, akEditorTableHeaderCellBackgroundDark, akEditorTableLegacyCellMinWidth, akEditorTableNumberColumnWidth, akEditorTableToolbar, akEditorTableToolbarSize, akEditorUnitZIndex, akEditorCalculatedWideLayoutWidth, akEditorCalculatedWideLayoutWidthSmallViewport, akEditorWideLayoutWidth, akLayoutGutterOffset, akRichMediaResizeZIndex, avatarColors, participantColors, blockNodesVerticalMargin, scaledBlockNodesVerticalMargin, breakoutWideScaleRatio, editorFontSize, gridMediumMaxWidth, relativeSize, relativeFontSizeToBase16, relativeSizeToBaseFontSize, DEFAULT_EMBED_CARD_HEIGHT, DEFAULT_EMBED_CARD_WIDTH, akEditorLineHeight, akEditorRuleBorderRadius, akEditorSelectedNodeClassName, akEditorToolbarKeylineHeight, MAX_BROWSER_SCROLLBAR_HEIGHT, VIEWPORT_SIZES, akEditorMobileMaxWidth, getTableCellBackgroundDarkModeColors, ATLASSIAN_NAVIGATION_HEIGHT, FULL_PAGE_EDITOR_TOOLBAR_HEIGHT, akEditorFullPageToolbarHeight, akEditorTableCellBlanketSelected, akEditorTableCellBlanketDeleted, akEditorWrappedNodeZIndex, layoutBreakpointWidth } from './consts';
package/dist/es2019/index.js CHANGED
@@ -1,7 +1,7 @@
1
1
  /* eslint-disable @atlaskit/editor/no-re-export */
2
2
  // Entry file in package.json
3
3
 
4
- export { akEditorBlockquoteBorderColor, akEditorBreakoutPadding, akEditorCodeBackground, akEditorCodeBlockPadding, akEditorCodeFontFamily, akEditorCodeInlinePadding, akEditorContextPanelWidth, akEditorDefaultLayoutWidth, akEditorDeleteBackground, akEditorDeleteBackgroundWithOpacity, akEditorDeleteBorder, akEditorDeleteIconColor, akEditorFloatingDialogZIndex, akEditorFloatingOverlapPanelZIndex, akEditorFloatingPanelZIndex, akEditorFullPageMaxWidth, akEditorFullPageDefaultFontSize, akEditorFullPageDenseFontSize, akEditorFullWidthLayoutWidth, akEditorFullWidthLayoutLineLength, akEditorGridLineZIndex, akEditorGutterPadding, akEditorGutterPaddingDynamic, akEditorGutterPaddingReduced, akEditorFullPageNarrowBreakout, akEditorMediaResizeHandlerPadding, akEditorMediaResizeHandlerPaddingWide, akEditorMenuZIndex, akEditorStickyHeaderZIndex, akEditorMobileBreakoutPoint, akEditorSelectedBoldBoxShadow, akEditorSelectedBorderColor, akEditorSelectedBorderBoldSize, akEditorSelectedBorderSize, akEditorSelectedBorder, akEditorSelectedBoxShadow, akEditorSelectedBlanketOpacity, akEditorSmallZIndex, akEditorShadowZIndex, akEditorSubtleAccent, akEditorSwoopCubicBezier, akEditorTableBorder, akEditorTableBorderRadius, akEditorTableBorderSelected, akEditorTableCellBackgroundOpacity, akEditorTableCellMinWidth, akEditorTableCellOnStickyHeaderZIndex, akEditorTableHeaderCellBackground, akEditorTableHeaderCellBackgroundDark, akEditorTableLegacyCellMinWidth, akEditorTableNumberColumnWidth, akEditorTableToolbar, akEditorTableToolbarSize, akEditorUnitZIndex, akEditorCalculatedWideLayoutWidth, akEditorCalculatedWideLayoutWidthSmallViewport, akEditorWideLayoutWidth, akLayoutGutterOffset, akRichMediaResizeZIndex, avatarColors, participantColors, blockNodesVerticalMargin, scaledBlockNodesVerticalMargin, breakoutWideScaleRatio, editorFontSize, gridMediumMaxWidth, relativeSize, relativeFontSizeToBase16, relativeSizeToBaseFontSize, DEFAULT_EMBED_CARD_HEIGHT, DEFAULT_EMBED_CARD_WIDTH, akEditorLineHeight, akEditorRuleBorderRadius, akEditorSelectedNodeClassName, akEditorToolbarKeylineHeight, MAX_BROWSER_SCROLLBAR_HEIGHT, VIEWPORT_SIZES, akEditorMobileMaxWidth, getTableCellBackgroundDarkModeColors, ATLASSIAN_NAVIGATION_HEIGHT, FULL_PAGE_EDITOR_TOOLBAR_HEIGHT, akEditorFullPageToolbarHeight, akEditorTableCellBlanketSelected, akEditorTableCellBlanketDeleted, akEditorWrappedNodeZIndex, layoutBreakpointWidth } from './consts';
4
+ export { akEditorBlockquoteBorderColor, akEditorBreakoutPadding, akEditorCodeBackground, akEditorCodeBlockPadding, akEditorCodeFontFamily, akEditorCodeInlinePadding, akEditorContextPanelWidth, akEditorDefaultLayoutWidth, akEditorDeleteBackground, akEditorDeleteBackgroundWithOpacity, akEditorDeleteBorder, akEditorDeleteIconColor, akEditorFloatingDialogZIndex, akEditorFloatingOverlapPanelZIndex, akEditorFloatingPanelZIndex, akEditorFullPageMaxWidth, akEditorFullPageDefaultFontSize, akEditorFullPageDenseFontSize, akEditorFullWidthLayoutWidth, akEditorMaxWidthLayoutWidth, akEditorFullWidthLayoutLineLength, akEditorMaxLayoutWidth, akEditorGridLineZIndex, akEditorGutterPadding, akEditorGutterPaddingDynamic, akEditorGutterPaddingReduced, akEditorFullPageNarrowBreakout, akEditorMediaResizeHandlerPadding, akEditorMediaResizeHandlerPaddingWide, akEditorMenuZIndex, akEditorStickyHeaderZIndex, akEditorMobileBreakoutPoint, akEditorSelectedBoldBoxShadow, akEditorSelectedBorderColor, akEditorSelectedBorderBoldSize, akEditorSelectedBorderSize, akEditorSelectedBorder, akEditorSelectedBoxShadow, akEditorSelectedBlanketOpacity, akEditorSmallZIndex, akEditorShadowZIndex, akEditorSubtleAccent, akEditorSwoopCubicBezier, akEditorTableBorder, akEditorTableBorderRadius, akEditorTableBorderSelected, akEditorTableCellBackgroundOpacity, akEditorTableCellMinWidth, akEditorTableCellOnStickyHeaderZIndex, akEditorTableHeaderCellBackground, akEditorTableHeaderCellBackgroundDark, akEditorTableLegacyCellMinWidth, akEditorTableNumberColumnWidth, akEditorTableToolbar, akEditorTableToolbarSize, akEditorUnitZIndex, akEditorCalculatedWideLayoutWidth, akEditorCalculatedWideLayoutWidthSmallViewport, akEditorWideLayoutWidth, akLayoutGutterOffset, akRichMediaResizeZIndex, avatarColors, participantColors, blockNodesVerticalMargin, scaledBlockNodesVerticalMargin, breakoutWideScaleRatio, editorFontSize, gridMediumMaxWidth, relativeSize, relativeFontSizeToBase16, relativeSizeToBaseFontSize, DEFAULT_EMBED_CARD_HEIGHT, DEFAULT_EMBED_CARD_WIDTH, akEditorLineHeight, akEditorRuleBorderRadius, akEditorSelectedNodeClassName, akEditorToolbarKeylineHeight, MAX_BROWSER_SCROLLBAR_HEIGHT, VIEWPORT_SIZES, akEditorMobileMaxWidth, getTableCellBackgroundDarkModeColors, ATLASSIAN_NAVIGATION_HEIGHT, FULL_PAGE_EDITOR_TOOLBAR_HEIGHT, akEditorFullPageToolbarHeight, akEditorTableCellBlanketSelected, akEditorTableCellBlanketDeleted, akEditorWrappedNodeZIndex, layoutBreakpointWidth } from './consts';
5
5
  export { SelectionStyle, getSelectionStyles, hideNativeBrowserTextSelectionStyles } from './selection';
6
6
  export { overflowShadow } from './overflow-shadow/overflow-shadow';
7
7
  export { getHashCode, getParticipantColor } from './utils';
package/dist/es2019/overflow-shadow/overflow-shadow.js CHANGED
@@ -14,7 +14,7 @@ export const overflowShadow = ({
14
14
  /* shadow cover left */
15
15
  linear-gradient(
16
16
  to right,
17
- ${"var(--ds-background-neutral, #091E420F)"} ${leftCoverWidthResolved},
17
+ ${"var(--ds-background-neutral, #0515240F)"} ${leftCoverWidthResolved},
18
18
  transparent ${leftCoverWidthResolved}
19
19
  ),
20
20
  /* shadow cover background left */
@@ -26,7 +26,7 @@ export const overflowShadow = ({
26
26
  /* shadow cover right */
27
27
  linear-gradient(
28
28
  to left,
29
- ${"var(--ds-background-neutral, #091E420F)"} ${rightCoverWidthResolved},
29
+ ${"var(--ds-background-neutral, #0515240F)"} ${rightCoverWidthResolved},
30
30
  transparent ${rightCoverWidthResolved}
31
31
  ),
32
32
  /* shadow cover background right */
@@ -38,25 +38,25 @@ export const overflowShadow = ({
38
38
  /* overflow shadow right spread */
39
39
  linear-gradient(
40
40
  to left,
41
- ${"var(--ds-shadow-overflow-spread, #091e4229)"} 0,
41
+ ${"var(--ds-shadow-overflow-spread, #1E1F2129)"} 0,
42
42
  ${"var(--ds-UNSAFE-transparent, transparent)"} ${width}
43
43
  ),
44
44
  /* overflow shadow right perimeter */
45
45
  linear-gradient(
46
46
  to left,
47
- ${"var(--ds-shadow-overflow-perimeter, #091e421f)"} 0,
47
+ ${"var(--ds-shadow-overflow-perimeter, #1E1F211f)"} 0,
48
48
  ${"var(--ds-UNSAFE-transparent, transparent)"} ${width}
49
49
  ),
50
50
  /* overflow shadow left spread */
51
51
  linear-gradient(
52
52
  to right,
53
- ${"var(--ds-shadow-overflow-spread, #091e4229)"} 0,
53
+ ${"var(--ds-shadow-overflow-spread, #1E1F2129)"} 0,
54
54
  ${"var(--ds-UNSAFE-transparent, transparent)"} ${width}
55
55
  ),
56
56
  /* overflow shadow left perimeter */
57
57
  linear-gradient(
58
58
  to right,
59
- ${"var(--ds-shadow-overflow-perimeter, #091e421f)"} 0,
59
+ ${"var(--ds-shadow-overflow-perimeter, #1E1F211f)"} 0,
60
60
  ${"var(--ds-UNSAFE-transparent, transparent)"} ${width}
61
61
  )
62
62
  `;
package/dist/es2019/scrollbar-styles.js CHANGED
@@ -17,11 +17,11 @@ export const scrollbarStyles = `
17
17
  }
18
18
 
19
19
  &:hover::-webkit-scrollbar-thumb {
20
- background-color: ${"var(--ds-background-neutral-bold, #44546F)"};
20
+ background-color: ${"var(--ds-background-neutral-bold, #292A2E)"};
21
21
  border-radius: 8px;
22
22
  }
23
23
 
24
24
  &::-webkit-scrollbar-thumb:hover {
25
- background-color: ${"var(--ds-background-neutral-bold-hovered, #2C3E5D)"};
25
+ background-color: ${"var(--ds-background-neutral-bold-hovered, #3B3D42)"};
26
26
  }
27
27
  `;
package/dist/es2019/selection/utils.js CHANGED
@@ -46,7 +46,7 @@ const getSelectionStyle = style => {
46
46
  border-color: transparent;
47
47
  `;
48
48
  case SelectionStyle.Background:
49
- return `background-color: ${"var(--ds-background-selected, #E9F2FF)"};`;
49
+ return `background-color: ${"var(--ds-background-selected, #E9F2FE)"};`;
50
50
  case SelectionStyle.Blanket:
51
51
  return `
52
52
  position: relative;
package/dist/es2019/shortcut/shortcut.js CHANGED
@@ -8,8 +8,8 @@ import { akEditorMobileMaxWidth, relativeFontSizeToBase16 } from '../consts';
8
8
  */
9
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
10
10
  export const shortcutStyle = css`
11
- background-color: ${"var(--ds-background-neutral, #091E420F)"};
12
- color: ${"var(--ds-text-subtle, #44546F)"};
11
+ background-color: ${"var(--ds-background-neutral, #0515240F)"};
12
+ color: ${"var(--ds-text-subtle, #505258)"};
13
13
  border-radius: ${"var(--ds-radius-small, 3px)"};
14
14
  padding: ${"var(--ds-space-050, 4px)"};
15
15
  line-height: 12px;
package/dist/esm/consts/consts.js CHANGED
@@ -7,9 +7,9 @@ import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
7
7
  export var akEditorFullPageDefaultFontSize = 16;
8
8
  export var akEditorFullPageDenseFontSize = 13;
9
9
  export var akEditorCodeFontFamily = "var(--ds-font-family-code, ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace)";
10
- export var akEditorSubtleAccent = "var(--ds-background-accent-gray-subtler, #DCDFE4)";
11
- export var akEditorBlockquoteBorderColor = "var(--ds-border, #091E4224)";
12
- export var akEditorCodeBackground = "var(--ds-background-accent-gray-subtlest, #F1F2F4)";
10
+ export var akEditorSubtleAccent = "var(--ds-background-accent-gray-subtler, #DDDEE1)";
11
+ export var akEditorBlockquoteBorderColor = "var(--ds-border, #0B120E24)";
12
+ export var akEditorCodeBackground = "var(--ds-background-accent-gray-subtlest, #F0F1F2)";
13
13
  export var akEditorCodeBlockPadding = '12px';
14
14
  export var akEditorCodeInlinePadding = '2px 4px';
15
15
  export var akEditorDeleteBackground = "var(--ds-background-danger, #FFECEB)";
@@ -17,12 +17,12 @@ export var akEditorDeleteBackgroundWithOpacity = 'rgba(255, 189, 173, 0.5)'; //
17
17
  export var akEditorDeleteBorder = "var(--ds-border-danger, #E2483D)";
18
18
  export var akEditorDeleteIconColor = "var(--ds-icon-danger, #C9372C)";
19
19
  export var akEditorCustomIconSize = 20;
20
- export var akEditorSelectedBorderColor = "var(--ds-border-selected, #0C66E4)";
20
+ export var akEditorSelectedBorderColor = "var(--ds-border-selected, #1868DB)";
21
21
  export var akEditorSelectedBorderSize = 1;
22
22
  export var akEditorSelectedBorderBoldSize = 2;
23
- export var akEditorSelectedBorder = "".concat(akEditorSelectedBorderSize, "px solid ", "var(--ds-border-selected, #0C66E4)");
24
- export var akEditorSelectedBoxShadow = "0 0 0 ".concat(akEditorSelectedBorderSize, "px ", "var(--ds-border-selected, #0C66E4)");
25
- export var akEditorSelectedBoldBoxShadow = "0 0 0 ".concat(akEditorSelectedBorderBoldSize, "px ", "var(--ds-border-selected, #0C66E4)");
23
+ export var akEditorSelectedBorder = "".concat(akEditorSelectedBorderSize, "px solid ", "var(--ds-border-selected, #1868DB)");
24
+ export var akEditorSelectedBoxShadow = "0 0 0 ".concat(akEditorSelectedBorderSize, "px ", "var(--ds-border-selected, #1868DB)");
25
+ export var akEditorSelectedBoldBoxShadow = "0 0 0 ".concat(akEditorSelectedBorderBoldSize, "px ", "var(--ds-border-selected, #1868DB)");
26
26
  export var akEditorSelectedBlanketOpacity = 0.3;
27
27
  export var akEditorUnitZIndex = 1;
28
28
  export var akEditorShadowZIndex = 2;
@@ -42,18 +42,20 @@ export var akEditorTableCellOnStickyHeaderZIndex = akEditorFloatingDialogZIndex
42
42
  // z-index used for floating toolbars table cell menu which are above block toolbars
43
43
  export var akEditorFloatingOverlapPanelZIndex = akEditorFloatingPanelZIndex + 5;
44
44
  export var akEditorTableToolbarSize = 11;
45
- export var akEditorTableBorder = "var(--ds-background-accent-gray-subtler, #DCDFE4)";
46
- export var akEditorTableToolbar = "var(--ds-background-accent-gray-subtlest, #F1F2F4)";
45
+ export var akEditorTableBorder = "var(--ds-background-accent-gray-subtler, #DDDEE1)";
46
+ export var akEditorTableToolbar = "var(--ds-background-accent-gray-subtlest, #F0F1F2)";
47
47
  export var akEditorTableHeaderCellBackground = '#F1F2F4';
48
48
  export var akEditorTableHeaderCellBackgroundDark = '#2C333A';
49
- export var akEditorTableBorderSelected = "var(--ds-border-focused, #388BFF)";
49
+ export var akEditorTableBorderSelected = "var(--ds-border-focused, #4688EC)";
50
50
  export var akEditorTableBorderRadius = '3px';
51
51
  export var akEditorTableCellBackgroundOpacity = 0.5;
52
52
  export var akEditorFullPageMaxWidth = 680;
53
53
  export var akEditorDefaultLayoutWidth = 760;
54
54
  export var akEditorWideLayoutWidth = 960; // This value is used for tables with breakouts and is used to calculate `breakoutWidthPx`
55
55
  export var akEditorFullWidthLayoutWidth = 1800;
56
+ export var akEditorMaxWidthLayoutWidth = 4000;
56
57
  export var akEditorFullWidthLayoutLineLength = 1792;
58
+ export var akEditorMaxLayoutWidth = 4000;
57
59
  export var akEditorTableNumberColumnWidth = 42;
58
60
  export var akEditorBreakoutPadding = 96;
59
61
  export var akEditorGutterPadding = 32;
@@ -162,6 +164,10 @@ export var relativeSizeToBaseFontSize = function relativeSizeToBaseFontSize(valu
162
164
  return "calc(".concat(value, " * var(--ak-editor-base-font-size) / ").concat(akEditorFullPageDefaultFontSize, ")");
163
165
  };
164
166
  export var VIEWPORT_SIZES = {
167
+ a4KMonitor: {
168
+ width: 3440,
169
+ height: 1440
170
+ },
165
171
  laptopHiDPI: {
166
172
  width: 1440,
167
173
  height: 900
@@ -203,7 +209,7 @@ export var getTableCellBackgroundDarkModeColors = [['White', '#000000'], ['Light
203
209
  export function getTableCellBackgroundDarkModeColorCSS(colorName, colorValue) {
204
210
  return "\n &[colorname=\"".concat(colorName, "\"] {\n background-color: ").concat(colorValue, " !important; // !important to override default style color\n }\n ");
205
211
  }
206
- export var avatarColors = ["var(--ds-icon-accent-red, #C9372C)", "var(--ds-background-accent-red-bolder-hovered, #AE2E24)", "var(--ds-icon-accent-magenta, #CD519D)", "var(--ds-background-accent-magenta-bolder-hovered, #943D73)", "var(--ds-icon-accent-orange, #E56910)", "var(--ds-background-accent-orange-bolder-hovered, #A54800)", "var(--ds-icon-accent-green, #22A06B)", "var(--ds-background-accent-green-bolder-hovered, #216E4E)", "var(--ds-icon-accent-blue, #1D7AFC)", "var(--ds-background-accent-blue-bolder-hovered, #0055CC)", "var(--ds-icon-accent-teal, #2898BD)", "var(--ds-background-accent-teal-bolder-hovered, #206A83)", "var(--ds-icon-accent-lime, #6A9A23)", "var(--ds-background-accent-lime-bolder-hovered, #4C6B1F)", "var(--ds-icon-accent-purple, #8270DB)", "var(--ds-background-accent-purple-bolder-hovered, #5E4DB2)", "var(--ds-icon-accent-gray, #758195)", "var(--ds-background-accent-gray-bolder-hovered, #44546F)", "var(--ds-icon-accent-yellow, #B38600)", "var(--ds-background-accent-yellow-bolder-hovered, #7F5F01)", "var(--ds-background-accent-yellow-bolder-pressed, #533F04)"];
212
+ export var avatarColors = ["var(--ds-icon-accent-red, #C9372C)", "var(--ds-background-accent-red-bolder-hovered, #AE2E24)", "var(--ds-icon-accent-magenta, #CD519D)", "var(--ds-background-accent-magenta-bolder-hovered, #943D73)", "var(--ds-icon-accent-orange, #E06C00)", "var(--ds-background-accent-orange-bolder-hovered, #9E4C00)", "var(--ds-icon-accent-green, #22A06B)", "var(--ds-background-accent-green-bolder-hovered, #216E4E)", "var(--ds-icon-accent-blue, #357DE8)", "var(--ds-background-accent-blue-bolder-hovered, #1558BC)", "var(--ds-icon-accent-teal, #2898BD)", "var(--ds-background-accent-teal-bolder-hovered, #206A83)", "var(--ds-icon-accent-lime, #6A9A23)", "var(--ds-background-accent-lime-bolder-hovered, #4C6B1F)", "var(--ds-icon-accent-purple, #AF59E1)", "var(--ds-background-accent-purple-bolder-hovered, #803FA5)", "var(--ds-icon-accent-gray, #7D818A)", "var(--ds-background-accent-gray-bolder-hovered, #505258)", "var(--ds-icon-accent-yellow, #B38600)", "var(--ds-background-accent-yellow-bolder-hovered, #7F5F01)", "var(--ds-background-accent-yellow-bolder-pressed, #614A05)"];
207
213
 
208
214
  // MDS-569: Will update references to avatarColors to use participantColors instead, we will then deprecate avatarColors
209
215
  export var participantColors = [{
@@ -212,8 +218,8 @@ export var participantColors = [{
212
218
  svgBackgroundColor: "var(--ds-background-accent-red-subtler, #FFD5D2)"
213
219
  }, {
214
220
  textColor: "var(--ds-text-inverse, #FFFFFF)",
215
- backgroundColor: "var(--ds-background-accent-blue-bolder, #0C66E4)",
216
- svgBackgroundColor: "var(--ds-background-accent-blue-subtler, #CCE0FF)"
221
+ backgroundColor: "var(--ds-background-accent-blue-bolder, #1868DB)",
222
+ svgBackgroundColor: "var(--ds-background-accent-blue-subtler, #CFE1FD)"
217
223
  }, {
218
224
  textColor: "var(--ds-text-inverse, #FFFFFF)",
219
225
  backgroundColor: "var(--ds-background-accent-green-bolder, #1F845A)",
@@ -221,11 +227,11 @@ export var participantColors = [{
221
227
  }, {
222
228
  textColor: "var(--ds-text-inverse, #FFFFFF)",
223
229
  backgroundColor: "var(--ds-background-accent-yellow-bolder, #946F00)",
224
- svgBackgroundColor: "var(--ds-background-accent-yellow-subtler, #F8E6A0)"
230
+ svgBackgroundColor: "var(--ds-background-accent-yellow-subtler, #F5E989)"
225
231
  }, {
226
232
  textColor: "var(--ds-text-inverse, #FFFFFF)",
227
- backgroundColor: "var(--ds-background-accent-purple-bolder, #6E5DC6)",
228
- svgBackgroundColor: "var(--ds-background-accent-purple-subtler, #DFD8FD)"
233
+ backgroundColor: "var(--ds-background-accent-purple-bolder, #964AC0)",
234
+ svgBackgroundColor: "var(--ds-background-accent-purple-subtler, #EED7FC)"
229
235
  }, {
230
236
  textColor: "var(--ds-text-inverse, #FFFFFF)",
231
237
  backgroundColor: "var(--ds-background-accent-magenta-bolder, #AE4787)",
@@ -236,46 +242,46 @@ export var participantColors = [{
236
242
  svgBackgroundColor: "var(--ds-background-accent-teal-subtler, #C6EDFB)"
237
243
  }, {
238
244
  textColor: "var(--ds-text-inverse, #FFFFFF)",
239
- backgroundColor: "var(--ds-background-accent-orange-bolder, #C25100)",
240
- svgBackgroundColor: "var(--ds-background-accent-orange-subtler, #FEDEC8)"
245
+ backgroundColor: "var(--ds-background-accent-orange-bolder, #BD5B00)",
246
+ svgBackgroundColor: "var(--ds-background-accent-orange-subtler, #FCE4A6)"
241
247
  }, {
242
248
  textColor: "var(--ds-text-inverse, #FFFFFF)",
243
249
  backgroundColor: "var(--ds-background-accent-lime-bolder, #5B7F24)",
244
250
  svgBackgroundColor: "var(--ds-background-accent-lime-subtler, #D3F1A7)"
245
251
  }, {
246
252
  textColor: "var(--ds-text-inverse, #FFFFFF)",
247
- backgroundColor: "var(--ds-background-accent-gray-bolder, #626F86)",
248
- svgBackgroundColor: "var(--ds-background-accent-gray-subtler, #DCDFE4)"
253
+ backgroundColor: "var(--ds-background-accent-gray-bolder, #6B6E76)",
254
+ svgBackgroundColor: "var(--ds-background-accent-gray-subtler, #DDDEE1)"
249
255
  }, {
250
- textColor: "var(--ds-text-accent-gray-bolder, #091E42)",
251
- backgroundColor: "var(--ds-background-accent-blue-subtle, #579DFF)",
252
- svgBackgroundColor: "var(--ds-background-accent-blue-subtlest, #E9F2FF)"
256
+ textColor: "var(--ds-text-accent-gray-bolder, #1E1F21)",
257
+ backgroundColor: "var(--ds-background-accent-blue-subtle, #669DF1)",
258
+ svgBackgroundColor: "var(--ds-background-accent-blue-subtlest, #E9F2FE)"
253
259
  }, {
254
- textColor: "var(--ds-text-accent-gray-bolder, #091E42)",
260
+ textColor: "var(--ds-text-accent-gray-bolder, #1E1F21)",
255
261
  backgroundColor: "var(--ds-background-accent-red-subtle, #F87168)",
256
262
  svgBackgroundColor: "var(--ds-background-accent-red-subtlest, #FFECEB)"
257
263
  }, {
258
- textColor: "var(--ds-text-accent-gray-bolder, #091E42)",
259
- backgroundColor: "var(--ds-background-accent-orange-subtle, #FEA362)",
260
- svgBackgroundColor: "var(--ds-background-accent-orange-subtlest, #FFF3EB)"
264
+ textColor: "var(--ds-text-accent-gray-bolder, #1E1F21)",
265
+ backgroundColor: "var(--ds-background-accent-orange-subtle, #FCA700)",
266
+ svgBackgroundColor: "var(--ds-background-accent-orange-subtlest, #FFF5DB)"
261
267
  }, {
262
- textColor: "var(--ds-text-accent-gray-bolder, #091E42)",
263
- backgroundColor: "var(--ds-background-accent-yellow-subtle, #F5CD47)",
264
- svgBackgroundColor: "var(--ds-background-accent-yellow-subtlest, #FFF7D6)"
268
+ textColor: "var(--ds-text-accent-gray-bolder, #1E1F21)",
269
+ backgroundColor: "var(--ds-background-accent-yellow-subtle, #EED12B)",
270
+ svgBackgroundColor: "var(--ds-background-accent-yellow-subtlest, #FEF7C8)"
265
271
  }, {
266
- textColor: "var(--ds-text-accent-gray-bolder, #091E42)",
272
+ textColor: "var(--ds-text-accent-gray-bolder, #1E1F21)",
267
273
  backgroundColor: "var(--ds-background-accent-green-subtle, #4BCE97)",
268
274
  svgBackgroundColor: "var(--ds-background-accent-green-subtlest, #DCFFF1)"
269
275
  }, {
270
- textColor: "var(--ds-text-accent-gray-bolder, #091E42)",
276
+ textColor: "var(--ds-text-accent-gray-bolder, #1E1F21)",
271
277
  backgroundColor: "var(--ds-background-accent-teal-subtle, #6CC3E0)",
272
278
  svgBackgroundColor: "var(--ds-background-accent-teal-subtlest, #E7F9FF)"
273
279
  }, {
274
- textColor: "var(--ds-text-accent-gray-bolder, #091E42)",
275
- backgroundColor: "var(--ds-background-accent-purple-subtle, #9F8FEF)",
276
- svgBackgroundColor: "var(--ds-background-accent-purple-subtlest, #F3F0FF)"
280
+ textColor: "var(--ds-text-accent-gray-bolder, #1E1F21)",
281
+ backgroundColor: "var(--ds-background-accent-purple-subtle, #C97CF4)",
282
+ svgBackgroundColor: "var(--ds-background-accent-purple-subtlest, #F8EEFE)"
277
283
  }, {
278
- textColor: "var(--ds-text-accent-gray-bolder, #091E42)",
284
+ textColor: "var(--ds-text-accent-gray-bolder, #1E1F21)",
279
285
  backgroundColor: "var(--ds-background-accent-magenta-subtle, #E774BB)",
280
286
  svgBackgroundColor: "var(--ds-background-accent-magenta-subtlest, #FFECF8)"
281
287
  }];
package/dist/esm/consts/index.js CHANGED
@@ -1,4 +1,4 @@
1
1
  /* eslint-disable @atlaskit/editor/no-re-export */
2
2
  // Entry file in package.json
3
3
 
4
- export { akEditorBlockquoteBorderColor, akEditorBreakoutPadding, akEditorCodeBackground, akEditorCodeBlockPadding, akEditorCodeFontFamily, akEditorCodeInlinePadding, akEditorContextPanelWidth, akEditorDefaultLayoutWidth, akEditorDeleteBackground, akEditorDeleteBackgroundWithOpacity, akEditorDeleteBorder, akEditorDeleteIconColor, akEditorFloatingDialogZIndex, akEditorFloatingOverlapPanelZIndex, akEditorFloatingPanelZIndex, akEditorFullPageMaxWidth, akEditorFullPageDefaultFontSize, akEditorFullPageDenseFontSize, akEditorFullWidthLayoutWidth, akEditorFullWidthLayoutLineLength, akEditorGridLineZIndex, akEditorGutterPadding, akEditorGutterPaddingDynamic, akEditorGutterPaddingReduced, akEditorFullPageNarrowBreakout, akEditorMediaResizeHandlerPadding, akEditorMediaResizeHandlerPaddingWide, akEditorMenuZIndex, akEditorStickyHeaderZIndex, akEditorMobileBreakoutPoint, akEditorSelectedBoldBoxShadow, akEditorSelectedBorderColor, akEditorSelectedBorderBoldSize, akEditorSelectedBorderSize, akEditorSelectedBorder, akEditorSelectedBoxShadow, akEditorCustomIconSize, akEditorSelectedBlanketOpacity, akEditorSmallZIndex, akEditorShadowZIndex, akEditorSubtleAccent, akEditorSwoopCubicBezier, akEditorTableBorder, akEditorTableBorderRadius, akEditorTableBorderSelected, akEditorTableCellBackgroundOpacity, akEditorTableCellMinWidth, akEditorTableCellOnStickyHeaderZIndex, akEditorTableHeaderCellBackground, akEditorTableHeaderCellBackgroundDark, akEditorTableLegacyCellMinWidth, akEditorTableNumberColumnWidth, akEditorTableToolbar, akEditorTableToolbarSize, akEditorUnitZIndex, akEditorCalculatedWideLayoutWidth, akEditorCalculatedWideLayoutWidthSmallViewport, akEditorWideLayoutWidth, akLayoutGutterOffset, akRichMediaResizeZIndex, avatarColors, participantColors, blockNodesVerticalMargin, scaledBlockNodesVerticalMargin, breakoutWideScaleRatio, editorFontSize, gridMediumMaxWidth, relativeSize, relativeFontSizeToBase16, relativeSizeToBaseFontSize, DEFAULT_EMBED_CARD_HEIGHT, DEFAULT_EMBED_CARD_WIDTH, akEditorLineHeight, akEditorRuleBorderRadius, akEditorSelectedNodeClassName, akEditorToolbarKeylineHeight, MAX_BROWSER_SCROLLBAR_HEIGHT, VIEWPORT_SIZES, akEditorMobileMaxWidth, getTableCellBackgroundDarkModeColors, ATLASSIAN_NAVIGATION_HEIGHT, FULL_PAGE_EDITOR_TOOLBAR_HEIGHT, akEditorFullPageToolbarHeight, akEditorTableCellBlanketSelected, akEditorTableCellBlanketDeleted, akEditorWrappedNodeZIndex, layoutBreakpointWidth } from './consts';
4
+ export { akEditorBlockquoteBorderColor, akEditorBreakoutPadding, akEditorCodeBackground, akEditorCodeBlockPadding, akEditorCodeFontFamily, akEditorCodeInlinePadding, akEditorContextPanelWidth, akEditorDefaultLayoutWidth, akEditorDeleteBackground, akEditorDeleteBackgroundWithOpacity, akEditorDeleteBorder, akEditorDeleteIconColor, akEditorFloatingDialogZIndex, akEditorFloatingOverlapPanelZIndex, akEditorFloatingPanelZIndex, akEditorFullPageMaxWidth, akEditorFullPageDefaultFontSize, akEditorFullPageDenseFontSize, akEditorFullWidthLayoutWidth, akEditorMaxWidthLayoutWidth, akEditorFullWidthLayoutLineLength, akEditorMaxLayoutWidth, akEditorGridLineZIndex, akEditorGutterPadding, akEditorGutterPaddingDynamic, akEditorGutterPaddingReduced, akEditorFullPageNarrowBreakout, akEditorMediaResizeHandlerPadding, akEditorMediaResizeHandlerPaddingWide, akEditorMenuZIndex, akEditorStickyHeaderZIndex, akEditorMobileBreakoutPoint, akEditorSelectedBoldBoxShadow, akEditorSelectedBorderColor, akEditorSelectedBorderBoldSize, akEditorSelectedBorderSize, akEditorSelectedBorder, akEditorSelectedBoxShadow, akEditorCustomIconSize, akEditorSelectedBlanketOpacity, akEditorSmallZIndex, akEditorShadowZIndex, akEditorSubtleAccent, akEditorSwoopCubicBezier, akEditorTableBorder, akEditorTableBorderRadius, akEditorTableBorderSelected, akEditorTableCellBackgroundOpacity, akEditorTableCellMinWidth, akEditorTableCellOnStickyHeaderZIndex, akEditorTableHeaderCellBackground, akEditorTableHeaderCellBackgroundDark, akEditorTableLegacyCellMinWidth, akEditorTableNumberColumnWidth, akEditorTableToolbar, akEditorTableToolbarSize, akEditorUnitZIndex, akEditorCalculatedWideLayoutWidth, akEditorCalculatedWideLayoutWidthSmallViewport, akEditorWideLayoutWidth, akLayoutGutterOffset, akRichMediaResizeZIndex, avatarColors, participantColors, blockNodesVerticalMargin, scaledBlockNodesVerticalMargin, breakoutWideScaleRatio, editorFontSize, gridMediumMaxWidth, relativeSize, relativeFontSizeToBase16, relativeSizeToBaseFontSize, DEFAULT_EMBED_CARD_HEIGHT, DEFAULT_EMBED_CARD_WIDTH, akEditorLineHeight, akEditorRuleBorderRadius, akEditorSelectedNodeClassName, akEditorToolbarKeylineHeight, MAX_BROWSER_SCROLLBAR_HEIGHT, VIEWPORT_SIZES, akEditorMobileMaxWidth, getTableCellBackgroundDarkModeColors, ATLASSIAN_NAVIGATION_HEIGHT, FULL_PAGE_EDITOR_TOOLBAR_HEIGHT, akEditorFullPageToolbarHeight, akEditorTableCellBlanketSelected, akEditorTableCellBlanketDeleted, akEditorWrappedNodeZIndex, layoutBreakpointWidth } from './consts';
package/dist/esm/index.js CHANGED
@@ -1,7 +1,7 @@
1
1
  /* eslint-disable @atlaskit/editor/no-re-export */
2
2
  // Entry file in package.json
3
3
 
4
- export { akEditorBlockquoteBorderColor, akEditorBreakoutPadding, akEditorCodeBackground, akEditorCodeBlockPadding, akEditorCodeFontFamily, akEditorCodeInlinePadding, akEditorContextPanelWidth, akEditorDefaultLayoutWidth, akEditorDeleteBackground, akEditorDeleteBackgroundWithOpacity, akEditorDeleteBorder, akEditorDeleteIconColor, akEditorFloatingDialogZIndex, akEditorFloatingOverlapPanelZIndex, akEditorFloatingPanelZIndex, akEditorFullPageMaxWidth, akEditorFullPageDefaultFontSize, akEditorFullPageDenseFontSize, akEditorFullWidthLayoutWidth, akEditorFullWidthLayoutLineLength, akEditorGridLineZIndex, akEditorGutterPadding, akEditorGutterPaddingDynamic, akEditorGutterPaddingReduced, akEditorFullPageNarrowBreakout, akEditorMediaResizeHandlerPadding, akEditorMediaResizeHandlerPaddingWide, akEditorMenuZIndex, akEditorStickyHeaderZIndex, akEditorMobileBreakoutPoint, akEditorSelectedBoldBoxShadow, akEditorSelectedBorderColor, akEditorSelectedBorderBoldSize, akEditorSelectedBorderSize, akEditorSelectedBorder, akEditorSelectedBoxShadow, akEditorSelectedBlanketOpacity, akEditorSmallZIndex, akEditorShadowZIndex, akEditorSubtleAccent, akEditorSwoopCubicBezier, akEditorTableBorder, akEditorTableBorderRadius, akEditorTableBorderSelected, akEditorTableCellBackgroundOpacity, akEditorTableCellMinWidth, akEditorTableCellOnStickyHeaderZIndex, akEditorTableHeaderCellBackground, akEditorTableHeaderCellBackgroundDark, akEditorTableLegacyCellMinWidth, akEditorTableNumberColumnWidth, akEditorTableToolbar, akEditorTableToolbarSize, akEditorUnitZIndex, akEditorCalculatedWideLayoutWidth, akEditorCalculatedWideLayoutWidthSmallViewport, akEditorWideLayoutWidth, akLayoutGutterOffset, akRichMediaResizeZIndex, avatarColors, participantColors, blockNodesVerticalMargin, scaledBlockNodesVerticalMargin, breakoutWideScaleRatio, editorFontSize, gridMediumMaxWidth, relativeSize, relativeFontSizeToBase16, relativeSizeToBaseFontSize, DEFAULT_EMBED_CARD_HEIGHT, DEFAULT_EMBED_CARD_WIDTH, akEditorLineHeight, akEditorRuleBorderRadius, akEditorSelectedNodeClassName, akEditorToolbarKeylineHeight, MAX_BROWSER_SCROLLBAR_HEIGHT, VIEWPORT_SIZES, akEditorMobileMaxWidth, getTableCellBackgroundDarkModeColors, ATLASSIAN_NAVIGATION_HEIGHT, FULL_PAGE_EDITOR_TOOLBAR_HEIGHT, akEditorFullPageToolbarHeight, akEditorTableCellBlanketSelected, akEditorTableCellBlanketDeleted, akEditorWrappedNodeZIndex, layoutBreakpointWidth } from './consts';
4
+ export { akEditorBlockquoteBorderColor, akEditorBreakoutPadding, akEditorCodeBackground, akEditorCodeBlockPadding, akEditorCodeFontFamily, akEditorCodeInlinePadding, akEditorContextPanelWidth, akEditorDefaultLayoutWidth, akEditorDeleteBackground, akEditorDeleteBackgroundWithOpacity, akEditorDeleteBorder, akEditorDeleteIconColor, akEditorFloatingDialogZIndex, akEditorFloatingOverlapPanelZIndex, akEditorFloatingPanelZIndex, akEditorFullPageMaxWidth, akEditorFullPageDefaultFontSize, akEditorFullPageDenseFontSize, akEditorFullWidthLayoutWidth, akEditorMaxWidthLayoutWidth, akEditorFullWidthLayoutLineLength, akEditorMaxLayoutWidth, akEditorGridLineZIndex, akEditorGutterPadding, akEditorGutterPaddingDynamic, akEditorGutterPaddingReduced, akEditorFullPageNarrowBreakout, akEditorMediaResizeHandlerPadding, akEditorMediaResizeHandlerPaddingWide, akEditorMenuZIndex, akEditorStickyHeaderZIndex, akEditorMobileBreakoutPoint, akEditorSelectedBoldBoxShadow, akEditorSelectedBorderColor, akEditorSelectedBorderBoldSize, akEditorSelectedBorderSize, akEditorSelectedBorder, akEditorSelectedBoxShadow, akEditorSelectedBlanketOpacity, akEditorSmallZIndex, akEditorShadowZIndex, akEditorSubtleAccent, akEditorSwoopCubicBezier, akEditorTableBorder, akEditorTableBorderRadius, akEditorTableBorderSelected, akEditorTableCellBackgroundOpacity, akEditorTableCellMinWidth, akEditorTableCellOnStickyHeaderZIndex, akEditorTableHeaderCellBackground, akEditorTableHeaderCellBackgroundDark, akEditorTableLegacyCellMinWidth, akEditorTableNumberColumnWidth, akEditorTableToolbar, akEditorTableToolbarSize, akEditorUnitZIndex, akEditorCalculatedWideLayoutWidth, akEditorCalculatedWideLayoutWidthSmallViewport, akEditorWideLayoutWidth, akLayoutGutterOffset, akRichMediaResizeZIndex, avatarColors, participantColors, blockNodesVerticalMargin, scaledBlockNodesVerticalMargin, breakoutWideScaleRatio, editorFontSize, gridMediumMaxWidth, relativeSize, relativeFontSizeToBase16, relativeSizeToBaseFontSize, DEFAULT_EMBED_CARD_HEIGHT, DEFAULT_EMBED_CARD_WIDTH, akEditorLineHeight, akEditorRuleBorderRadius, akEditorSelectedNodeClassName, akEditorToolbarKeylineHeight, MAX_BROWSER_SCROLLBAR_HEIGHT, VIEWPORT_SIZES, akEditorMobileMaxWidth, getTableCellBackgroundDarkModeColors, ATLASSIAN_NAVIGATION_HEIGHT, FULL_PAGE_EDITOR_TOOLBAR_HEIGHT, akEditorFullPageToolbarHeight, akEditorTableCellBlanketSelected, akEditorTableCellBlanketDeleted, akEditorWrappedNodeZIndex, layoutBreakpointWidth } from './consts';
5
5
  export { SelectionStyle, getSelectionStyles, hideNativeBrowserTextSelectionStyles } from './selection';
6
6
  export { overflowShadow } from './overflow-shadow/overflow-shadow';
7
7
  export { getHashCode, getParticipantColor } from './utils';
package/dist/esm/overflow-shadow/overflow-shadow.js CHANGED
@@ -11,5 +11,5 @@ export var overflowShadow = function overflowShadow(_ref) {
11
11
  var rightCoverWidthResolved = rightCoverWidth || width;
12
12
 
13
13
  // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- needs manual remediation
14
- return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n/* shadow cover left */\n linear-gradient(\n to right,\n ", " ", ",\n transparent ", "\n ),\n/* shadow cover background left */\n linear-gradient(\n to right,\n ", " ", ",\n transparent ", "\n ),\n/* shadow cover right */\n linear-gradient(\n to left,\n ", " ", ",\n transparent ", "\n ),\n/* shadow cover background right */\n linear-gradient(\n to left,\n ", " ", ",\n transparent ", "\n ),\n/* overflow shadow right spread */\n linear-gradient(\n to left,\n ", " 0,\n ", " ", "\n ),\n /* overflow shadow right perimeter */\n linear-gradient(\n to left,\n ", " 0,\n ", " ", "\n ),\n /* overflow shadow left spread */\n linear-gradient(\n to right,\n ", " 0,\n ", " ", "\n ),\n /* overflow shadow left perimeter */\n linear-gradient(\n to right,\n ", " 0,\n ", " ", "\n )\n"])), "var(--ds-background-neutral, #091E420F)", leftCoverWidthResolved, leftCoverWidthResolved, "var(--ds-surface-raised, #FFFFFF)", leftCoverWidthResolved, leftCoverWidthResolved, "var(--ds-background-neutral, #091E420F)", rightCoverWidthResolved, rightCoverWidthResolved, "var(--ds-surface-raised, #FFFFFF)", rightCoverWidthResolved, rightCoverWidthResolved, "var(--ds-shadow-overflow-spread, #091e4229)", "var(--ds-UNSAFE-transparent, transparent)", width, "var(--ds-shadow-overflow-perimeter, #091e421f)", "var(--ds-UNSAFE-transparent, transparent)", width, "var(--ds-shadow-overflow-spread, #091e4229)", "var(--ds-UNSAFE-transparent, transparent)", width, "var(--ds-shadow-overflow-perimeter, #091e421f)", "var(--ds-UNSAFE-transparent, transparent)", width);
14
+ return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n/* shadow cover left */\n linear-gradient(\n to right,\n ", " ", ",\n transparent ", "\n ),\n/* shadow cover background left */\n linear-gradient(\n to right,\n ", " ", ",\n transparent ", "\n ),\n/* shadow cover right */\n linear-gradient(\n to left,\n ", " ", ",\n transparent ", "\n ),\n/* shadow cover background right */\n linear-gradient(\n to left,\n ", " ", ",\n transparent ", "\n ),\n/* overflow shadow right spread */\n linear-gradient(\n to left,\n ", " 0,\n ", " ", "\n ),\n /* overflow shadow right perimeter */\n linear-gradient(\n to left,\n ", " 0,\n ", " ", "\n ),\n /* overflow shadow left spread */\n linear-gradient(\n to right,\n ", " 0,\n ", " ", "\n ),\n /* overflow shadow left perimeter */\n linear-gradient(\n to right,\n ", " 0,\n ", " ", "\n )\n"])), "var(--ds-background-neutral, #0515240F)", leftCoverWidthResolved, leftCoverWidthResolved, "var(--ds-surface-raised, #FFFFFF)", leftCoverWidthResolved, leftCoverWidthResolved, "var(--ds-background-neutral, #0515240F)", rightCoverWidthResolved, rightCoverWidthResolved, "var(--ds-surface-raised, #FFFFFF)", rightCoverWidthResolved, rightCoverWidthResolved, "var(--ds-shadow-overflow-spread, #1E1F2129)", "var(--ds-UNSAFE-transparent, transparent)", width, "var(--ds-shadow-overflow-perimeter, #1E1F211f)", "var(--ds-UNSAFE-transparent, transparent)", width, "var(--ds-shadow-overflow-spread, #1E1F2129)", "var(--ds-UNSAFE-transparent, transparent)", width, "var(--ds-shadow-overflow-perimeter, #1E1F211f)", "var(--ds-UNSAFE-transparent, transparent)", width);
15
15
  };
package/dist/esm/scrollbar-styles.js CHANGED
@@ -1,4 +1,4 @@
1
1
  /* eslint-disable @atlaskit/editor/no-re-export */
2
2
  // Entry file in package.json
3
3
 
4
- export var scrollbarStyles = "\n -ms-overflow-style: -ms-autohiding-scrollbar;\n\n &::-webkit-scrollbar {\n overflow: hidden,\n }\n\n &::-webkit-scrollbar-corner {\n display: none;\n }\n\n &::-webkit-scrollbar-thumb {\n background-color: ".concat("var(--ds-background-neutral-subtle, #00000000)", ";\n }\n\n &:hover::-webkit-scrollbar-thumb {\n background-color: ", "var(--ds-background-neutral-bold, #44546F)", ";\n border-radius: 8px;\n }\n\n &::-webkit-scrollbar-thumb:hover {\n background-color: ", "var(--ds-background-neutral-bold-hovered, #2C3E5D)", ";\n }\n");
4
+ export var scrollbarStyles = "\n -ms-overflow-style: -ms-autohiding-scrollbar;\n\n &::-webkit-scrollbar {\n overflow: hidden,\n }\n\n &::-webkit-scrollbar-corner {\n display: none;\n }\n\n &::-webkit-scrollbar-thumb {\n background-color: ".concat("var(--ds-background-neutral-subtle, #00000000)", ";\n }\n\n &:hover::-webkit-scrollbar-thumb {\n background-color: ", "var(--ds-background-neutral-bold, #292A2E)", ";\n border-radius: 8px;\n }\n\n &::-webkit-scrollbar-thumb:hover {\n background-color: ", "var(--ds-background-neutral-bold-hovered, #3B3D42)", ";\n }\n");
package/dist/esm/selection/utils.js CHANGED
@@ -24,7 +24,7 @@ var getSelectionStyle = function getSelectionStyle(style) {
24
24
  case SelectionStyle.BoxShadow:
25
25
  return "\n box-shadow: ".concat(akEditorSelectedBoxShadow, ";\n border-color: transparent;\n ");
26
26
  case SelectionStyle.Background:
27
- return "background-color: ".concat("var(--ds-background-selected, #E9F2FF)", ";");
27
+ return "background-color: ".concat("var(--ds-background-selected, #E9F2FE)", ";");
28
28
  case SelectionStyle.Blanket:
29
29
  return "\n position: relative;\n\n // Fixes ED-9263, where emoji or inline card in panel makes selection go outside the panel\n // in Safari. Looks like it's caused by user-select: all in the emoji element\n -webkit-user-select: text;\n\n ::before {\n position: absolute;\n content: '';\n left: 0;\n right: 0;\n top: 0;\n bottom: 0;\n width: 100%;\n pointer-events: none;\n z-index: ".concat(akEditorSmallZIndex, ";\n background-color: ", "var(--ds-blanket-selected, #388BFF14)", "\n }");
30
30
  default:
package/dist/esm/shortcut/shortcut.js CHANGED
@@ -9,4 +9,4 @@ import { akEditorMobileMaxWidth, relativeFontSizeToBase16 } from '../consts';
9
9
  * @deprecated use `import { Shortcut } from '@atlaskit/editor-common/ui';` instead
10
10
  */
11
11
  // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
12
- export var shortcutStyle = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\tbackground-color: ", ";\n\tcolor: ", ";\n\tborder-radius: ", ";\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, #091E420F)", "var(--ds-text-subtle, #44546F)", "var(--ds-radius-small, 3px)", "var(--ds-space-050, 4px)", relativeFontSizeToBase16(11.67), akEditorMobileMaxWidth);
12
+ export var shortcutStyle = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\tbackground-color: ", ";\n\tcolor: ", ";\n\tborder-radius: ", ";\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, #0515240F)", "var(--ds-text-subtle, #505258)", "var(--ds-radius-small, 3px)", "var(--ds-space-050, 4px)", relativeFontSizeToBase16(11.67), akEditorMobileMaxWidth);
package/dist/types/consts/consts.d.ts CHANGED
@@ -41,7 +41,9 @@ export declare const akEditorFullPageMaxWidth = 680;
41
41
  export declare const akEditorDefaultLayoutWidth = 760;
42
42
  export declare const akEditorWideLayoutWidth = 960;
43
43
  export declare const akEditorFullWidthLayoutWidth = 1800;
44
+ export declare const akEditorMaxWidthLayoutWidth = 4000;
44
45
  export declare const akEditorFullWidthLayoutLineLength = 1792;
46
+ export declare const akEditorMaxLayoutWidth = 4000;
45
47
  export declare const akEditorTableNumberColumnWidth = 42;
46
48
  export declare const akEditorBreakoutPadding = 96;
47
49
  export declare const akEditorGutterPadding = 32;
@@ -111,6 +113,10 @@ export declare const relativeFontSizeToBase16: (px: number | string) => string;
111
113
  */
112
114
  export declare const relativeSizeToBaseFontSize: (value: number) => string;
113
115
  export declare const VIEWPORT_SIZES: {
116
+ a4KMonitor: {
117
+ width: number;
118
+ height: number;
119
+ };
114
120
  laptopHiDPI: {
115
121
  width: number;
116
122
  height: number;
package/dist/types/consts/index.d.ts CHANGED
@@ -1,2 +1,2 @@
1
1
  export type { EditorTheme, ParticipantColor } from './types';
2
- export { akEditorBlockquoteBorderColor, akEditorBreakoutPadding, akEditorCodeBackground, akEditorCodeBlockPadding, akEditorCodeFontFamily, akEditorCodeInlinePadding, akEditorContextPanelWidth, akEditorDefaultLayoutWidth, akEditorDeleteBackground, akEditorDeleteBackgroundWithOpacity, akEditorDeleteBorder, akEditorDeleteIconColor, akEditorFloatingDialogZIndex, akEditorFloatingOverlapPanelZIndex, akEditorFloatingPanelZIndex, akEditorFullPageMaxWidth, akEditorFullPageDefaultFontSize, akEditorFullPageDenseFontSize, akEditorFullWidthLayoutWidth, akEditorFullWidthLayoutLineLength, akEditorGridLineZIndex, akEditorGutterPadding, akEditorGutterPaddingDynamic, akEditorGutterPaddingReduced, akEditorFullPageNarrowBreakout, akEditorMediaResizeHandlerPadding, akEditorMediaResizeHandlerPaddingWide, akEditorMenuZIndex, akEditorStickyHeaderZIndex, akEditorMobileBreakoutPoint, akEditorSelectedBoldBoxShadow, akEditorSelectedBorderColor, akEditorSelectedBorderBoldSize, akEditorSelectedBorderSize, akEditorSelectedBorder, akEditorSelectedBoxShadow, akEditorCustomIconSize, akEditorSelectedBlanketOpacity, akEditorSmallZIndex, akEditorShadowZIndex, akEditorSubtleAccent, akEditorSwoopCubicBezier, akEditorTableBorder, akEditorTableBorderRadius, akEditorTableBorderSelected, akEditorTableCellBackgroundOpacity, akEditorTableCellMinWidth, akEditorTableCellOnStickyHeaderZIndex, akEditorTableHeaderCellBackground, akEditorTableHeaderCellBackgroundDark, akEditorTableLegacyCellMinWidth, akEditorTableNumberColumnWidth, akEditorTableToolbar, akEditorTableToolbarSize, akEditorUnitZIndex, akEditorCalculatedWideLayoutWidth, akEditorCalculatedWideLayoutWidthSmallViewport, akEditorWideLayoutWidth, akLayoutGutterOffset, akRichMediaResizeZIndex, avatarColors, participantColors, blockNodesVerticalMargin, scaledBlockNodesVerticalMargin, breakoutWideScaleRatio, editorFontSize, gridMediumMaxWidth, relativeSize, relativeFontSizeToBase16, relativeSizeToBaseFontSize, DEFAULT_EMBED_CARD_HEIGHT, DEFAULT_EMBED_CARD_WIDTH, akEditorLineHeight, akEditorRuleBorderRadius, akEditorSelectedNodeClassName, akEditorToolbarKeylineHeight, MAX_BROWSER_SCROLLBAR_HEIGHT, VIEWPORT_SIZES, akEditorMobileMaxWidth, getTableCellBackgroundDarkModeColors, ATLASSIAN_NAVIGATION_HEIGHT, FULL_PAGE_EDITOR_TOOLBAR_HEIGHT, akEditorFullPageToolbarHeight, akEditorTableCellBlanketSelected, akEditorTableCellBlanketDeleted, akEditorWrappedNodeZIndex, layoutBreakpointWidth, } from './consts';
2
+ export { akEditorBlockquoteBorderColor, akEditorBreakoutPadding, akEditorCodeBackground, akEditorCodeBlockPadding, akEditorCodeFontFamily, akEditorCodeInlinePadding, akEditorContextPanelWidth, akEditorDefaultLayoutWidth, akEditorDeleteBackground, akEditorDeleteBackgroundWithOpacity, akEditorDeleteBorder, akEditorDeleteIconColor, akEditorFloatingDialogZIndex, akEditorFloatingOverlapPanelZIndex, akEditorFloatingPanelZIndex, akEditorFullPageMaxWidth, akEditorFullPageDefaultFontSize, akEditorFullPageDenseFontSize, akEditorFullWidthLayoutWidth, akEditorMaxWidthLayoutWidth, akEditorFullWidthLayoutLineLength, akEditorMaxLayoutWidth, akEditorGridLineZIndex, akEditorGutterPadding, akEditorGutterPaddingDynamic, akEditorGutterPaddingReduced, akEditorFullPageNarrowBreakout, akEditorMediaResizeHandlerPadding, akEditorMediaResizeHandlerPaddingWide, akEditorMenuZIndex, akEditorStickyHeaderZIndex, akEditorMobileBreakoutPoint, akEditorSelectedBoldBoxShadow, akEditorSelectedBorderColor, akEditorSelectedBorderBoldSize, akEditorSelectedBorderSize, akEditorSelectedBorder, akEditorSelectedBoxShadow, akEditorCustomIconSize, akEditorSelectedBlanketOpacity, akEditorSmallZIndex, akEditorShadowZIndex, akEditorSubtleAccent, akEditorSwoopCubicBezier, akEditorTableBorder, akEditorTableBorderRadius, akEditorTableBorderSelected, akEditorTableCellBackgroundOpacity, akEditorTableCellMinWidth, akEditorTableCellOnStickyHeaderZIndex, akEditorTableHeaderCellBackground, akEditorTableHeaderCellBackgroundDark, akEditorTableLegacyCellMinWidth, akEditorTableNumberColumnWidth, akEditorTableToolbar, akEditorTableToolbarSize, akEditorUnitZIndex, akEditorCalculatedWideLayoutWidth, akEditorCalculatedWideLayoutWidthSmallViewport, akEditorWideLayoutWidth, akLayoutGutterOffset, akRichMediaResizeZIndex, avatarColors, participantColors, blockNodesVerticalMargin, scaledBlockNodesVerticalMargin, breakoutWideScaleRatio, editorFontSize, gridMediumMaxWidth, relativeSize, relativeFontSizeToBase16, relativeSizeToBaseFontSize, DEFAULT_EMBED_CARD_HEIGHT, DEFAULT_EMBED_CARD_WIDTH, akEditorLineHeight, akEditorRuleBorderRadius, akEditorSelectedNodeClassName, akEditorToolbarKeylineHeight, MAX_BROWSER_SCROLLBAR_HEIGHT, VIEWPORT_SIZES, akEditorMobileMaxWidth, getTableCellBackgroundDarkModeColors, ATLASSIAN_NAVIGATION_HEIGHT, FULL_PAGE_EDITOR_TOOLBAR_HEIGHT, akEditorFullPageToolbarHeight, akEditorTableCellBlanketSelected, akEditorTableCellBlanketDeleted, akEditorWrappedNodeZIndex, layoutBreakpointWidth, } from './consts';
package/dist/types/index.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- export { akEditorBlockquoteBorderColor, akEditorBreakoutPadding, akEditorCodeBackground, akEditorCodeBlockPadding, akEditorCodeFontFamily, akEditorCodeInlinePadding, akEditorContextPanelWidth, akEditorDefaultLayoutWidth, akEditorDeleteBackground, akEditorDeleteBackgroundWithOpacity, akEditorDeleteBorder, akEditorDeleteIconColor, akEditorFloatingDialogZIndex, akEditorFloatingOverlapPanelZIndex, akEditorFloatingPanelZIndex, akEditorFullPageMaxWidth, akEditorFullPageDefaultFontSize, akEditorFullPageDenseFontSize, akEditorFullWidthLayoutWidth, akEditorFullWidthLayoutLineLength, akEditorGridLineZIndex, akEditorGutterPadding, akEditorGutterPaddingDynamic, akEditorGutterPaddingReduced, akEditorFullPageNarrowBreakout, akEditorMediaResizeHandlerPadding, akEditorMediaResizeHandlerPaddingWide, akEditorMenuZIndex, akEditorStickyHeaderZIndex, akEditorMobileBreakoutPoint, akEditorSelectedBoldBoxShadow, akEditorSelectedBorderColor, akEditorSelectedBorderBoldSize, akEditorSelectedBorderSize, akEditorSelectedBorder, akEditorSelectedBoxShadow, akEditorSelectedBlanketOpacity, akEditorSmallZIndex, akEditorShadowZIndex, akEditorSubtleAccent, akEditorSwoopCubicBezier, akEditorTableBorder, akEditorTableBorderRadius, akEditorTableBorderSelected, akEditorTableCellBackgroundOpacity, akEditorTableCellMinWidth, akEditorTableCellOnStickyHeaderZIndex, akEditorTableHeaderCellBackground, akEditorTableHeaderCellBackgroundDark, akEditorTableLegacyCellMinWidth, akEditorTableNumberColumnWidth, akEditorTableToolbar, akEditorTableToolbarSize, akEditorUnitZIndex, akEditorCalculatedWideLayoutWidth, akEditorCalculatedWideLayoutWidthSmallViewport, akEditorWideLayoutWidth, akLayoutGutterOffset, akRichMediaResizeZIndex, avatarColors, participantColors, blockNodesVerticalMargin, scaledBlockNodesVerticalMargin, breakoutWideScaleRatio, editorFontSize, gridMediumMaxWidth, relativeSize, relativeFontSizeToBase16, relativeSizeToBaseFontSize, DEFAULT_EMBED_CARD_HEIGHT, DEFAULT_EMBED_CARD_WIDTH, akEditorLineHeight, akEditorRuleBorderRadius, akEditorSelectedNodeClassName, akEditorToolbarKeylineHeight, MAX_BROWSER_SCROLLBAR_HEIGHT, VIEWPORT_SIZES, akEditorMobileMaxWidth, getTableCellBackgroundDarkModeColors, ATLASSIAN_NAVIGATION_HEIGHT, FULL_PAGE_EDITOR_TOOLBAR_HEIGHT, akEditorFullPageToolbarHeight, akEditorTableCellBlanketSelected, akEditorTableCellBlanketDeleted, akEditorWrappedNodeZIndex, layoutBreakpointWidth, } from './consts';
1
+ export { akEditorBlockquoteBorderColor, akEditorBreakoutPadding, akEditorCodeBackground, akEditorCodeBlockPadding, akEditorCodeFontFamily, akEditorCodeInlinePadding, akEditorContextPanelWidth, akEditorDefaultLayoutWidth, akEditorDeleteBackground, akEditorDeleteBackgroundWithOpacity, akEditorDeleteBorder, akEditorDeleteIconColor, akEditorFloatingDialogZIndex, akEditorFloatingOverlapPanelZIndex, akEditorFloatingPanelZIndex, akEditorFullPageMaxWidth, akEditorFullPageDefaultFontSize, akEditorFullPageDenseFontSize, akEditorFullWidthLayoutWidth, akEditorMaxWidthLayoutWidth, akEditorFullWidthLayoutLineLength, akEditorMaxLayoutWidth, akEditorGridLineZIndex, akEditorGutterPadding, akEditorGutterPaddingDynamic, akEditorGutterPaddingReduced, akEditorFullPageNarrowBreakout, akEditorMediaResizeHandlerPadding, akEditorMediaResizeHandlerPaddingWide, akEditorMenuZIndex, akEditorStickyHeaderZIndex, akEditorMobileBreakoutPoint, akEditorSelectedBoldBoxShadow, akEditorSelectedBorderColor, akEditorSelectedBorderBoldSize, akEditorSelectedBorderSize, akEditorSelectedBorder, akEditorSelectedBoxShadow, akEditorSelectedBlanketOpacity, akEditorSmallZIndex, akEditorShadowZIndex, akEditorSubtleAccent, akEditorSwoopCubicBezier, akEditorTableBorder, akEditorTableBorderRadius, akEditorTableBorderSelected, akEditorTableCellBackgroundOpacity, akEditorTableCellMinWidth, akEditorTableCellOnStickyHeaderZIndex, akEditorTableHeaderCellBackground, akEditorTableHeaderCellBackgroundDark, akEditorTableLegacyCellMinWidth, akEditorTableNumberColumnWidth, akEditorTableToolbar, akEditorTableToolbarSize, akEditorUnitZIndex, akEditorCalculatedWideLayoutWidth, akEditorCalculatedWideLayoutWidthSmallViewport, akEditorWideLayoutWidth, akLayoutGutterOffset, akRichMediaResizeZIndex, avatarColors, participantColors, blockNodesVerticalMargin, scaledBlockNodesVerticalMargin, breakoutWideScaleRatio, editorFontSize, gridMediumMaxWidth, relativeSize, relativeFontSizeToBase16, relativeSizeToBaseFontSize, DEFAULT_EMBED_CARD_HEIGHT, DEFAULT_EMBED_CARD_WIDTH, akEditorLineHeight, akEditorRuleBorderRadius, akEditorSelectedNodeClassName, akEditorToolbarKeylineHeight, MAX_BROWSER_SCROLLBAR_HEIGHT, VIEWPORT_SIZES, akEditorMobileMaxWidth, getTableCellBackgroundDarkModeColors, ATLASSIAN_NAVIGATION_HEIGHT, FULL_PAGE_EDITOR_TOOLBAR_HEIGHT, akEditorFullPageToolbarHeight, akEditorTableCellBlanketSelected, akEditorTableCellBlanketDeleted, akEditorWrappedNodeZIndex, layoutBreakpointWidth, } from './consts';
2
2
  export type { EditorTheme, ParticipantColor } from './consts';
3
3
  export { SelectionStyle, getSelectionStyles, hideNativeBrowserTextSelectionStyles, } from './selection';
4
4
  export { overflowShadow } from './overflow-shadow/overflow-shadow';
package/dist/types-ts4.5/consts/consts.d.ts CHANGED
@@ -41,7 +41,9 @@ export declare const akEditorFullPageMaxWidth = 680;
41
41
  export declare const akEditorDefaultLayoutWidth = 760;
42
42
  export declare const akEditorWideLayoutWidth = 960;
43
43
  export declare const akEditorFullWidthLayoutWidth = 1800;
44
+ export declare const akEditorMaxWidthLayoutWidth = 4000;
44
45
  export declare const akEditorFullWidthLayoutLineLength = 1792;
46
+ export declare const akEditorMaxLayoutWidth = 4000;
45
47
  export declare const akEditorTableNumberColumnWidth = 42;
46
48
  export declare const akEditorBreakoutPadding = 96;
47
49
  export declare const akEditorGutterPadding = 32;
@@ -111,6 +113,10 @@ export declare const relativeFontSizeToBase16: (px: number | string) => string;
111
113
  */
112
114
  export declare const relativeSizeToBaseFontSize: (value: number) => string;
113
115
  export declare const VIEWPORT_SIZES: {
116
+ a4KMonitor: {
117
+ width: number;
118
+ height: number;
119
+ };
114
120
  laptopHiDPI: {
115
121
  width: number;
116
122
  height: number;
package/dist/types-ts4.5/consts/index.d.ts CHANGED
@@ -1,2 +1,2 @@
1
1
  export type { EditorTheme, ParticipantColor } from './types';
2
- export { akEditorBlockquoteBorderColor, akEditorBreakoutPadding, akEditorCodeBackground, akEditorCodeBlockPadding, akEditorCodeFontFamily, akEditorCodeInlinePadding, akEditorContextPanelWidth, akEditorDefaultLayoutWidth, akEditorDeleteBackground, akEditorDeleteBackgroundWithOpacity, akEditorDeleteBorder, akEditorDeleteIconColor, akEditorFloatingDialogZIndex, akEditorFloatingOverlapPanelZIndex, akEditorFloatingPanelZIndex, akEditorFullPageMaxWidth, akEditorFullPageDefaultFontSize, akEditorFullPageDenseFontSize, akEditorFullWidthLayoutWidth, akEditorFullWidthLayoutLineLength, akEditorGridLineZIndex, akEditorGutterPadding, akEditorGutterPaddingDynamic, akEditorGutterPaddingReduced, akEditorFullPageNarrowBreakout, akEditorMediaResizeHandlerPadding, akEditorMediaResizeHandlerPaddingWide, akEditorMenuZIndex, akEditorStickyHeaderZIndex, akEditorMobileBreakoutPoint, akEditorSelectedBoldBoxShadow, akEditorSelectedBorderColor, akEditorSelectedBorderBoldSize, akEditorSelectedBorderSize, akEditorSelectedBorder, akEditorSelectedBoxShadow, akEditorCustomIconSize, akEditorSelectedBlanketOpacity, akEditorSmallZIndex, akEditorShadowZIndex, akEditorSubtleAccent, akEditorSwoopCubicBezier, akEditorTableBorder, akEditorTableBorderRadius, akEditorTableBorderSelected, akEditorTableCellBackgroundOpacity, akEditorTableCellMinWidth, akEditorTableCellOnStickyHeaderZIndex, akEditorTableHeaderCellBackground, akEditorTableHeaderCellBackgroundDark, akEditorTableLegacyCellMinWidth, akEditorTableNumberColumnWidth, akEditorTableToolbar, akEditorTableToolbarSize, akEditorUnitZIndex, akEditorCalculatedWideLayoutWidth, akEditorCalculatedWideLayoutWidthSmallViewport, akEditorWideLayoutWidth, akLayoutGutterOffset, akRichMediaResizeZIndex, avatarColors, participantColors, blockNodesVerticalMargin, scaledBlockNodesVerticalMargin, breakoutWideScaleRatio, editorFontSize, gridMediumMaxWidth, relativeSize, relativeFontSizeToBase16, relativeSizeToBaseFontSize, DEFAULT_EMBED_CARD_HEIGHT, DEFAULT_EMBED_CARD_WIDTH, akEditorLineHeight, akEditorRuleBorderRadius, akEditorSelectedNodeClassName, akEditorToolbarKeylineHeight, MAX_BROWSER_SCROLLBAR_HEIGHT, VIEWPORT_SIZES, akEditorMobileMaxWidth, getTableCellBackgroundDarkModeColors, ATLASSIAN_NAVIGATION_HEIGHT, FULL_PAGE_EDITOR_TOOLBAR_HEIGHT, akEditorFullPageToolbarHeight, akEditorTableCellBlanketSelected, akEditorTableCellBlanketDeleted, akEditorWrappedNodeZIndex, layoutBreakpointWidth, } from './consts';
2
+ export { akEditorBlockquoteBorderColor, akEditorBreakoutPadding, akEditorCodeBackground, akEditorCodeBlockPadding, akEditorCodeFontFamily, akEditorCodeInlinePadding, akEditorContextPanelWidth, akEditorDefaultLayoutWidth, akEditorDeleteBackground, akEditorDeleteBackgroundWithOpacity, akEditorDeleteBorder, akEditorDeleteIconColor, akEditorFloatingDialogZIndex, akEditorFloatingOverlapPanelZIndex, akEditorFloatingPanelZIndex, akEditorFullPageMaxWidth, akEditorFullPageDefaultFontSize, akEditorFullPageDenseFontSize, akEditorFullWidthLayoutWidth, akEditorMaxWidthLayoutWidth, akEditorFullWidthLayoutLineLength, akEditorMaxLayoutWidth, akEditorGridLineZIndex, akEditorGutterPadding, akEditorGutterPaddingDynamic, akEditorGutterPaddingReduced, akEditorFullPageNarrowBreakout, akEditorMediaResizeHandlerPadding, akEditorMediaResizeHandlerPaddingWide, akEditorMenuZIndex, akEditorStickyHeaderZIndex, akEditorMobileBreakoutPoint, akEditorSelectedBoldBoxShadow, akEditorSelectedBorderColor, akEditorSelectedBorderBoldSize, akEditorSelectedBorderSize, akEditorSelectedBorder, akEditorSelectedBoxShadow, akEditorCustomIconSize, akEditorSelectedBlanketOpacity, akEditorSmallZIndex, akEditorShadowZIndex, akEditorSubtleAccent, akEditorSwoopCubicBezier, akEditorTableBorder, akEditorTableBorderRadius, akEditorTableBorderSelected, akEditorTableCellBackgroundOpacity, akEditorTableCellMinWidth, akEditorTableCellOnStickyHeaderZIndex, akEditorTableHeaderCellBackground, akEditorTableHeaderCellBackgroundDark, akEditorTableLegacyCellMinWidth, akEditorTableNumberColumnWidth, akEditorTableToolbar, akEditorTableToolbarSize, akEditorUnitZIndex, akEditorCalculatedWideLayoutWidth, akEditorCalculatedWideLayoutWidthSmallViewport, akEditorWideLayoutWidth, akLayoutGutterOffset, akRichMediaResizeZIndex, avatarColors, participantColors, blockNodesVerticalMargin, scaledBlockNodesVerticalMargin, breakoutWideScaleRatio, editorFontSize, gridMediumMaxWidth, relativeSize, relativeFontSizeToBase16, relativeSizeToBaseFontSize, DEFAULT_EMBED_CARD_HEIGHT, DEFAULT_EMBED_CARD_WIDTH, akEditorLineHeight, akEditorRuleBorderRadius, akEditorSelectedNodeClassName, akEditorToolbarKeylineHeight, MAX_BROWSER_SCROLLBAR_HEIGHT, VIEWPORT_SIZES, akEditorMobileMaxWidth, getTableCellBackgroundDarkModeColors, ATLASSIAN_NAVIGATION_HEIGHT, FULL_PAGE_EDITOR_TOOLBAR_HEIGHT, akEditorFullPageToolbarHeight, akEditorTableCellBlanketSelected, akEditorTableCellBlanketDeleted, akEditorWrappedNodeZIndex, layoutBreakpointWidth, } from './consts';
package/dist/types-ts4.5/index.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- export { akEditorBlockquoteBorderColor, akEditorBreakoutPadding, akEditorCodeBackground, akEditorCodeBlockPadding, akEditorCodeFontFamily, akEditorCodeInlinePadding, akEditorContextPanelWidth, akEditorDefaultLayoutWidth, akEditorDeleteBackground, akEditorDeleteBackgroundWithOpacity, akEditorDeleteBorder, akEditorDeleteIconColor, akEditorFloatingDialogZIndex, akEditorFloatingOverlapPanelZIndex, akEditorFloatingPanelZIndex, akEditorFullPageMaxWidth, akEditorFullPageDefaultFontSize, akEditorFullPageDenseFontSize, akEditorFullWidthLayoutWidth, akEditorFullWidthLayoutLineLength, akEditorGridLineZIndex, akEditorGutterPadding, akEditorGutterPaddingDynamic, akEditorGutterPaddingReduced, akEditorFullPageNarrowBreakout, akEditorMediaResizeHandlerPadding, akEditorMediaResizeHandlerPaddingWide, akEditorMenuZIndex, akEditorStickyHeaderZIndex, akEditorMobileBreakoutPoint, akEditorSelectedBoldBoxShadow, akEditorSelectedBorderColor, akEditorSelectedBorderBoldSize, akEditorSelectedBorderSize, akEditorSelectedBorder, akEditorSelectedBoxShadow, akEditorSelectedBlanketOpacity, akEditorSmallZIndex, akEditorShadowZIndex, akEditorSubtleAccent, akEditorSwoopCubicBezier, akEditorTableBorder, akEditorTableBorderRadius, akEditorTableBorderSelected, akEditorTableCellBackgroundOpacity, akEditorTableCellMinWidth, akEditorTableCellOnStickyHeaderZIndex, akEditorTableHeaderCellBackground, akEditorTableHeaderCellBackgroundDark, akEditorTableLegacyCellMinWidth, akEditorTableNumberColumnWidth, akEditorTableToolbar, akEditorTableToolbarSize, akEditorUnitZIndex, akEditorCalculatedWideLayoutWidth, akEditorCalculatedWideLayoutWidthSmallViewport, akEditorWideLayoutWidth, akLayoutGutterOffset, akRichMediaResizeZIndex, avatarColors, participantColors, blockNodesVerticalMargin, scaledBlockNodesVerticalMargin, breakoutWideScaleRatio, editorFontSize, gridMediumMaxWidth, relativeSize, relativeFontSizeToBase16, relativeSizeToBaseFontSize, DEFAULT_EMBED_CARD_HEIGHT, DEFAULT_EMBED_CARD_WIDTH, akEditorLineHeight, akEditorRuleBorderRadius, akEditorSelectedNodeClassName, akEditorToolbarKeylineHeight, MAX_BROWSER_SCROLLBAR_HEIGHT, VIEWPORT_SIZES, akEditorMobileMaxWidth, getTableCellBackgroundDarkModeColors, ATLASSIAN_NAVIGATION_HEIGHT, FULL_PAGE_EDITOR_TOOLBAR_HEIGHT, akEditorFullPageToolbarHeight, akEditorTableCellBlanketSelected, akEditorTableCellBlanketDeleted, akEditorWrappedNodeZIndex, layoutBreakpointWidth, } from './consts';
1
+ export { akEditorBlockquoteBorderColor, akEditorBreakoutPadding, akEditorCodeBackground, akEditorCodeBlockPadding, akEditorCodeFontFamily, akEditorCodeInlinePadding, akEditorContextPanelWidth, akEditorDefaultLayoutWidth, akEditorDeleteBackground, akEditorDeleteBackgroundWithOpacity, akEditorDeleteBorder, akEditorDeleteIconColor, akEditorFloatingDialogZIndex, akEditorFloatingOverlapPanelZIndex, akEditorFloatingPanelZIndex, akEditorFullPageMaxWidth, akEditorFullPageDefaultFontSize, akEditorFullPageDenseFontSize, akEditorFullWidthLayoutWidth, akEditorMaxWidthLayoutWidth, akEditorFullWidthLayoutLineLength, akEditorMaxLayoutWidth, akEditorGridLineZIndex, akEditorGutterPadding, akEditorGutterPaddingDynamic, akEditorGutterPaddingReduced, akEditorFullPageNarrowBreakout, akEditorMediaResizeHandlerPadding, akEditorMediaResizeHandlerPaddingWide, akEditorMenuZIndex, akEditorStickyHeaderZIndex, akEditorMobileBreakoutPoint, akEditorSelectedBoldBoxShadow, akEditorSelectedBorderColor, akEditorSelectedBorderBoldSize, akEditorSelectedBorderSize, akEditorSelectedBorder, akEditorSelectedBoxShadow, akEditorSelectedBlanketOpacity, akEditorSmallZIndex, akEditorShadowZIndex, akEditorSubtleAccent, akEditorSwoopCubicBezier, akEditorTableBorder, akEditorTableBorderRadius, akEditorTableBorderSelected, akEditorTableCellBackgroundOpacity, akEditorTableCellMinWidth, akEditorTableCellOnStickyHeaderZIndex, akEditorTableHeaderCellBackground, akEditorTableHeaderCellBackgroundDark, akEditorTableLegacyCellMinWidth, akEditorTableNumberColumnWidth, akEditorTableToolbar, akEditorTableToolbarSize, akEditorUnitZIndex, akEditorCalculatedWideLayoutWidth, akEditorCalculatedWideLayoutWidthSmallViewport, akEditorWideLayoutWidth, akLayoutGutterOffset, akRichMediaResizeZIndex, avatarColors, participantColors, blockNodesVerticalMargin, scaledBlockNodesVerticalMargin, breakoutWideScaleRatio, editorFontSize, gridMediumMaxWidth, relativeSize, relativeFontSizeToBase16, relativeSizeToBaseFontSize, DEFAULT_EMBED_CARD_HEIGHT, DEFAULT_EMBED_CARD_WIDTH, akEditorLineHeight, akEditorRuleBorderRadius, akEditorSelectedNodeClassName, akEditorToolbarKeylineHeight, MAX_BROWSER_SCROLLBAR_HEIGHT, VIEWPORT_SIZES, akEditorMobileMaxWidth, getTableCellBackgroundDarkModeColors, ATLASSIAN_NAVIGATION_HEIGHT, FULL_PAGE_EDITOR_TOOLBAR_HEIGHT, akEditorFullPageToolbarHeight, akEditorTableCellBlanketSelected, akEditorTableCellBlanketDeleted, akEditorWrappedNodeZIndex, layoutBreakpointWidth, } from './consts';
2
2
  export type { EditorTheme, ParticipantColor } from './consts';
3
3
  export { SelectionStyle, getSelectionStyles, hideNativeBrowserTextSelectionStyles, } from './selection';
4
4
  export { overflowShadow } from './overflow-shadow/overflow-shadow';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-shared-styles",
3
- "version": "3.8.1",
3
+ "version": "3.10.1",
4
4
  "description": "Style values used in the editor/renderer",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -37,7 +37,7 @@
37
37
  },
38
38
  "dependencies": {
39
39
  "@atlaskit/platform-feature-flags": "^1.1.0",
40
- "@atlaskit/tmp-editor-statsig": "^13.32.0",
40
+ "@atlaskit/tmp-editor-statsig": "^13.38.0",
41
41
  "@atlaskit/tokens": "^8.0.0",
42
42
  "@babel/runtime": "^7.0.0",
43
43
  "@emotion/react": "^11.7.1"