@atlaskit/editor-shared-styles 2.4.3 → 2.5.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -1,5 +1,18 @@
1
1
  # @atlaskit/editor-shared-styles
2
2
 
3
+ ## 2.5.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [`638784fa9d5`](https://bitbucket.org/atlassian/atlassian-frontend/commits/638784fa9d5) - force dependency bump
8
+ - [`df488d9b806`](https://bitbucket.org/atlassian/atlassian-frontend/commits/df488d9b806) - [ux] Adds a new constant with a zIndex that is used for table sticky header and table cells that are in the sticky header
9
+
10
+ ## 2.4.4
11
+
12
+ ### Patch Changes
13
+
14
+ - [`e64541c6fda`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e64541c6fda) - [ux] [ED-18759] Updated table border, handlebar controls, blanket, icon, icon background and table cell options button colour tokens on light and dark theme for table selection and table deletion. Borders for Table Floating Contextual Button & Floating toolbar color palette button on dark & light theme are also updated.
15
+
3
16
  ## 2.4.3
4
17
 
5
18
  ### Patch Changes
@@ -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.akRichMediaResizeZIndex = exports.akLayoutGutterOffset = exports.akEditorWideLayoutWidth = exports.akEditorUnitZIndex = exports.akEditorToolbarKeylineHeight = exports.akEditorTableToolbarSize = exports.akEditorTableToolbarSelected = exports.akEditorTableToolbarDelete = exports.akEditorTableToolbarDark = exports.akEditorTableToolbar = exports.akEditorTableNumberColumnWidth = exports.akEditorTableLegacyCellMinWidth = exports.akEditorTableFloatingControls = exports.akEditorTableCellSelected = exports.akEditorTableCellMinWidth = exports.akEditorTableCellDelete = exports.akEditorTableCellBackgroundOpacity = exports.akEditorTableBorderSelected = exports.akEditorTableBorderRadius = exports.akEditorTableBorderDelete = exports.akEditorTableBorderDark = exports.akEditorTableBorder = exports.akEditorSwoopCubicBezier = exports.akEditorSubtleAccent = exports.akEditorStickyHeaderZIndex = exports.akEditorSmallZIndex = exports.akEditorShadowZIndex = exports.akEditorSelectedNodeClassName = exports.akEditorSelectedIconColor = exports.akEditorSelectedBoxShadow = exports.akEditorSelectedBorderSize = exports.akEditorSelectedBorderColor = exports.akEditorSelectedBorderBoldSize = exports.akEditorSelectedBorder = exports.akEditorSelectedBlanketOpacity = exports.akEditorSelectedBlanketColor = exports.akEditorSelectedBgColor = exports.akEditorRuleBorderRadius = exports.akEditorRuleBackground = exports.akEditorPrimaryButton = exports.akEditorPopupText = exports.akEditorPopupBackground = exports.akEditorMobileMaxWidth = exports.akEditorMobileBreakoutPoint = exports.akEditorMenuZIndex = exports.akEditorMentionSelected = exports.akEditorMediaResizeHandlerPaddingWide = exports.akEditorMediaResizeHandlerPadding = exports.akEditorLineHeight = exports.akEditorInactiveForeground = exports.akEditorGutterPadding = exports.akEditorGridLineZIndex = exports.akEditorFullWidthLayoutWidth = exports.akEditorFullWidthLayoutLineLength = exports.akEditorFullPageMaxWidth = exports.akEditorFullPageDefaultFontSize = exports.akEditorFocus = exports.akEditorFloatingPanelZIndex = exports.akEditorFloatingOverlapPanelZIndex = exports.akEditorFloatingDialogZIndex = exports.akEditorDropdownActiveBackground = exports.akEditorDeleteIconColor = exports.akEditorDeleteBorder = exports.akEditorDeleteBackgroundWithOpacity = exports.akEditorDeleteBackgroundShaded = exports.akEditorDeleteBackground = exports.akEditorDefaultLayoutWidth = exports.akEditorCustomIconSize = exports.akEditorContextPanelWidth = exports.akEditorCodeInlinePadding = exports.akEditorCodeFontFamily = exports.akEditorCodeBlockPadding = exports.akEditorCodeBackground = exports.akEditorBreakoutPadding = exports.akEditorBlockquoteBorderColor = exports.akEditorActiveForeground = exports.akEditorActiveBackground = exports.VIEWPORT_SIZES = exports.DEFAULT_EMBED_CARD_WIDTH = exports.DEFAULT_EMBED_CARD_HEIGHT = exports.ATLASSIAN_NAVIGATION_HEIGHT = void 0;
7
+ exports.editorFontSize = exports.breakoutWideScaleRatio = exports.blockNodesVerticalMargin = exports.akRichMediaResizeZIndex = exports.akLayoutGutterOffset = exports.akEditorWideLayoutWidth = exports.akEditorUnitZIndex = exports.akEditorToolbarKeylineHeight = exports.akEditorTableToolbarSize = exports.akEditorTableToolbarSelected = exports.akEditorTableToolbarDelete = exports.akEditorTableToolbarDark = exports.akEditorTableToolbar = exports.akEditorTableNumberColumnWidth = exports.akEditorTableLegacyCellMinWidth = exports.akEditorTableFloatingControls = exports.akEditorTableCellSelected = exports.akEditorTableCellOnStickyHeaderZIndex = exports.akEditorTableCellMinWidth = exports.akEditorTableCellDelete = exports.akEditorTableCellBlanketSelected = exports.akEditorTableCellBlanketDeleted = exports.akEditorTableCellBackgroundOpacity = exports.akEditorTableBorderSelected = exports.akEditorTableBorderRadius = exports.akEditorTableBorderDelete = exports.akEditorTableBorderDark = exports.akEditorTableBorder = exports.akEditorSwoopCubicBezier = exports.akEditorSubtleAccent = exports.akEditorStickyHeaderZIndex = exports.akEditorSmallZIndex = exports.akEditorShadowZIndex = exports.akEditorSelectedNodeClassName = exports.akEditorSelectedIconColor = exports.akEditorSelectedBoxShadow = exports.akEditorSelectedBorderSize = exports.akEditorSelectedBorderColor = exports.akEditorSelectedBorderBoldSize = exports.akEditorSelectedBorder = exports.akEditorSelectedBlanketOpacity = exports.akEditorSelectedBlanketColor = exports.akEditorSelectedBgColor = exports.akEditorRuleBorderRadius = exports.akEditorRuleBackground = exports.akEditorPrimaryButton = exports.akEditorPopupText = exports.akEditorPopupBackground = exports.akEditorMobileMaxWidth = exports.akEditorMobileBreakoutPoint = exports.akEditorMenuZIndex = exports.akEditorMentionSelected = exports.akEditorMediaResizeHandlerPaddingWide = exports.akEditorMediaResizeHandlerPadding = exports.akEditorLineHeight = exports.akEditorInactiveForeground = exports.akEditorGutterPadding = exports.akEditorGridLineZIndex = exports.akEditorFullWidthLayoutWidth = exports.akEditorFullWidthLayoutLineLength = exports.akEditorFullPageMaxWidth = exports.akEditorFullPageDefaultFontSize = exports.akEditorFocus = exports.akEditorFloatingPanelZIndex = exports.akEditorFloatingOverlapPanelZIndex = exports.akEditorFloatingDialogZIndex = exports.akEditorDropdownActiveBackground = exports.akEditorDeleteIconColor = exports.akEditorDeleteBorder = exports.akEditorDeleteBackgroundWithOpacity = exports.akEditorDeleteBackgroundShaded = exports.akEditorDeleteBackground = exports.akEditorDefaultLayoutWidth = exports.akEditorCustomIconSize = exports.akEditorContextPanelWidth = exports.akEditorCodeInlinePadding = exports.akEditorCodeFontFamily = exports.akEditorCodeBlockPadding = exports.akEditorCodeBackground = exports.akEditorBreakoutPadding = exports.akEditorBlockquoteBorderColor = exports.akEditorActiveForeground = exports.akEditorActiveBackground = exports.VIEWPORT_SIZES = exports.DEFAULT_EMBED_CARD_WIDTH = exports.DEFAULT_EMBED_CARD_HEIGHT = exports.ATLASSIAN_NAVIGATION_HEIGHT = void 0;
8
8
  exports.getTableCellBackgroundDarkModeColorCSS = getTableCellBackgroundDarkModeColorCSS;
9
9
  exports.relativeSize = exports.relativeFontSizeToBase16 = exports.gridMediumMaxWidth = exports.getTableCellBackgroundDarkModeColors = void 0;
10
10
  var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
@@ -91,8 +91,11 @@ var akEditorFloatingPanelZIndex = _constants.layers.layer();
91
91
  // z-index used for pickers (date, emoji, mentions) and type-aheads, hyperlinks
92
92
  exports.akEditorFloatingPanelZIndex = akEditorFloatingPanelZIndex;
93
93
  var akEditorFloatingDialogZIndex = akEditorMenuZIndex + 10;
94
- // z-index used for floating toolbars table cell menu which are above block toolbars
94
+ // z-index used for table cell menu options button on a sticky header
95
95
  exports.akEditorFloatingDialogZIndex = akEditorFloatingDialogZIndex;
96
+ var akEditorTableCellOnStickyHeaderZIndex = akEditorFloatingDialogZIndex - 5;
97
+ // z-index used for floating toolbars table cell menu which are above block toolbars
98
+ exports.akEditorTableCellOnStickyHeaderZIndex = akEditorTableCellOnStickyHeaderZIndex;
96
99
  var akEditorFloatingOverlapPanelZIndex = akEditorFloatingPanelZIndex + 5;
97
100
  exports.akEditorFloatingOverlapPanelZIndex = akEditorFloatingOverlapPanelZIndex;
98
101
  var akEditorMentionSelected = _colors.N100;
@@ -170,9 +173,13 @@ exports.akEditorRuleBorderRadius = akEditorRuleBorderRadius;
170
173
  var akEditorToolbarKeylineHeight = 2;
171
174
  exports.akEditorToolbarKeylineHeight = akEditorToolbarKeylineHeight;
172
175
  var akEditorContextPanelWidth = 320;
176
+ exports.akEditorContextPanelWidth = akEditorContextPanelWidth;
177
+ var akEditorTableCellBlanketSelected = 'rgba(179, 212, 255, 0.3)';
178
+ exports.akEditorTableCellBlanketSelected = akEditorTableCellBlanketSelected;
179
+ var akEditorTableCellBlanketDeleted = 'rgba(255, 235, 230, 0.3)';
173
180
 
174
181
  // @see typography spreadsheet: https://docs.google.com/spreadsheets/d/1iYusRGCT4PoPfvxbJ8NrgjtfFgXLm5lpDWXzjua1W2E/edit#gid=93913128
175
- exports.akEditorContextPanelWidth = akEditorContextPanelWidth;
182
+ exports.akEditorTableCellBlanketDeleted = akEditorTableCellBlanketDeleted;
176
183
  var blockNodesVerticalMargin = '0.75rem';
177
184
  exports.blockNodesVerticalMargin = blockNodesVerticalMargin;
178
185
  var DEFAULT_EMBED_CARD_WIDTH = 680;
@@ -393,6 +393,18 @@ Object.defineProperty(exports, "akEditorTableCellBackgroundOpacity", {
393
393
  return _consts.akEditorTableCellBackgroundOpacity;
394
394
  }
395
395
  });
396
+ Object.defineProperty(exports, "akEditorTableCellBlanketDeleted", {
397
+ enumerable: true,
398
+ get: function get() {
399
+ return _consts.akEditorTableCellBlanketDeleted;
400
+ }
401
+ });
402
+ Object.defineProperty(exports, "akEditorTableCellBlanketSelected", {
403
+ enumerable: true,
404
+ get: function get() {
405
+ return _consts.akEditorTableCellBlanketSelected;
406
+ }
407
+ });
396
408
  Object.defineProperty(exports, "akEditorTableCellDelete", {
397
409
  enumerable: true,
398
410
  get: function get() {
@@ -405,6 +417,12 @@ Object.defineProperty(exports, "akEditorTableCellMinWidth", {
405
417
  return _consts.akEditorTableCellMinWidth;
406
418
  }
407
419
  });
420
+ Object.defineProperty(exports, "akEditorTableCellOnStickyHeaderZIndex", {
421
+ enumerable: true,
422
+ get: function get() {
423
+ return _consts.akEditorTableCellOnStickyHeaderZIndex;
424
+ }
425
+ });
408
426
  Object.defineProperty(exports, "akEditorTableCellSelected", {
409
427
  enumerable: true,
410
428
  get: function get() {
package/dist/cjs/index.js CHANGED
@@ -393,6 +393,18 @@ Object.defineProperty(exports, "akEditorTableCellBackgroundOpacity", {
393
393
  return _consts.akEditorTableCellBackgroundOpacity;
394
394
  }
395
395
  });
396
+ Object.defineProperty(exports, "akEditorTableCellBlanketDeleted", {
397
+ enumerable: true,
398
+ get: function get() {
399
+ return _consts.akEditorTableCellBlanketDeleted;
400
+ }
401
+ });
402
+ Object.defineProperty(exports, "akEditorTableCellBlanketSelected", {
403
+ enumerable: true,
404
+ get: function get() {
405
+ return _consts.akEditorTableCellBlanketSelected;
406
+ }
407
+ });
396
408
  Object.defineProperty(exports, "akEditorTableCellDelete", {
397
409
  enumerable: true,
398
410
  get: function get() {
@@ -405,6 +417,12 @@ Object.defineProperty(exports, "akEditorTableCellMinWidth", {
405
417
  return _consts.akEditorTableCellMinWidth;
406
418
  }
407
419
  });
420
+ Object.defineProperty(exports, "akEditorTableCellOnStickyHeaderZIndex", {
421
+ enumerable: true,
422
+ get: function get() {
423
+ return _consts.akEditorTableCellOnStickyHeaderZIndex;
424
+ }
425
+ });
408
426
  Object.defineProperty(exports, "akEditorTableCellSelected", {
409
427
  enumerable: true,
410
428
  get: function get() {
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-shared-styles",
3
- "version": "2.4.3",
3
+ "version": "2.5.0",
4
4
  "sideEffects": false
5
5
  }
@@ -45,6 +45,8 @@ export const akEditorMenuZIndex = layers.blanket();
45
45
  export const akEditorFloatingPanelZIndex = layers.layer();
46
46
  // z-index used for pickers (date, emoji, mentions) and type-aheads, hyperlinks
47
47
  export const akEditorFloatingDialogZIndex = akEditorMenuZIndex + 10;
48
+ // z-index used for table cell menu options button on a sticky header
49
+ export const akEditorTableCellOnStickyHeaderZIndex = akEditorFloatingDialogZIndex - 5;
48
50
  // z-index used for floating toolbars table cell menu which are above block toolbars
49
51
  export const akEditorFloatingOverlapPanelZIndex = akEditorFloatingPanelZIndex + 5;
50
52
  export const akEditorMentionSelected = N100;
@@ -85,6 +87,8 @@ export const akEditorRuleBackground = N30;
85
87
  export const akEditorRuleBorderRadius = '1px';
86
88
  export const akEditorToolbarKeylineHeight = 2;
87
89
  export const akEditorContextPanelWidth = 320;
90
+ export const akEditorTableCellBlanketSelected = 'rgba(179, 212, 255, 0.3)';
91
+ export const akEditorTableCellBlanketDeleted = 'rgba(255, 235, 230, 0.3)';
88
92
 
89
93
  // @see typography spreadsheet: https://docs.google.com/spreadsheets/d/1iYusRGCT4PoPfvxbJ8NrgjtfFgXLm5lpDWXzjua1W2E/edit#gid=93913128
90
94
  export const blockNodesVerticalMargin = '0.75rem';
@@ -1 +1 @@
1
- export { akEditorActiveBackground, akEditorActiveForeground, akEditorBlockquoteBorderColor, akEditorBreakoutPadding, akEditorCodeBackground, akEditorCodeBlockPadding, akEditorCodeFontFamily, akEditorCodeInlinePadding, akEditorContextPanelWidth, akEditorDefaultLayoutWidth, akEditorDeleteBackground, akEditorDeleteBackgroundShaded, akEditorDeleteBackgroundWithOpacity, akEditorDeleteBorder, akEditorDeleteIconColor, akEditorDropdownActiveBackground, akEditorFloatingDialogZIndex, akEditorFloatingOverlapPanelZIndex, akEditorFloatingPanelZIndex, akEditorFocus, akEditorFullPageMaxWidth, akEditorFullPageDefaultFontSize, akEditorFullWidthLayoutWidth, akEditorFullWidthLayoutLineLength, akEditorGridLineZIndex, akEditorGutterPadding, akEditorInactiveForeground, akEditorMediaResizeHandlerPadding, akEditorMediaResizeHandlerPaddingWide, akEditorMentionSelected, akEditorMenuZIndex, akEditorStickyHeaderZIndex, akEditorMobileBreakoutPoint, akEditorPopupBackground, akEditorPopupText, akEditorPrimaryButton, akEditorSelectedBorderColor, akEditorSelectedBorderBoldSize, akEditorSelectedBorderSize, akEditorSelectedBorder, akEditorSelectedBoxShadow, akEditorSelectedIconColor, akEditorCustomIconSize, akEditorSelectedBlanketColor, akEditorSelectedBgColor, akEditorSelectedBlanketOpacity, akEditorSmallZIndex, akEditorShadowZIndex, akEditorSubtleAccent, akEditorSwoopCubicBezier, akEditorTableBorder, akEditorTableBorderDark, akEditorTableBorderDelete, akEditorTableBorderRadius, akEditorTableBorderSelected, akEditorTableCellBackgroundOpacity, akEditorTableCellDelete, akEditorTableCellMinWidth, akEditorTableCellSelected, akEditorTableFloatingControls, akEditorTableLegacyCellMinWidth, akEditorTableNumberColumnWidth, akEditorTableToolbar, akEditorTableToolbarDark, akEditorTableToolbarDelete, akEditorTableToolbarSelected, akEditorTableToolbarSize, akEditorUnitZIndex, akEditorWideLayoutWidth, akLayoutGutterOffset, akRichMediaResizeZIndex, blockNodesVerticalMargin, breakoutWideScaleRatio, editorFontSize, gridMediumMaxWidth, relativeSize, relativeFontSizeToBase16, DEFAULT_EMBED_CARD_HEIGHT, DEFAULT_EMBED_CARD_WIDTH, akEditorLineHeight, akEditorRuleBackground, akEditorRuleBorderRadius, akEditorSelectedNodeClassName, akEditorToolbarKeylineHeight, VIEWPORT_SIZES, akEditorMobileMaxWidth, getTableCellBackgroundDarkModeColors, ATLASSIAN_NAVIGATION_HEIGHT } from './consts';
1
+ export { akEditorActiveBackground, akEditorActiveForeground, akEditorBlockquoteBorderColor, akEditorBreakoutPadding, akEditorCodeBackground, akEditorCodeBlockPadding, akEditorCodeFontFamily, akEditorCodeInlinePadding, akEditorContextPanelWidth, akEditorDefaultLayoutWidth, akEditorDeleteBackground, akEditorDeleteBackgroundShaded, akEditorDeleteBackgroundWithOpacity, akEditorDeleteBorder, akEditorDeleteIconColor, akEditorDropdownActiveBackground, akEditorFloatingDialogZIndex, akEditorFloatingOverlapPanelZIndex, akEditorFloatingPanelZIndex, akEditorFocus, akEditorFullPageMaxWidth, akEditorFullPageDefaultFontSize, akEditorFullWidthLayoutWidth, akEditorFullWidthLayoutLineLength, akEditorGridLineZIndex, akEditorGutterPadding, akEditorInactiveForeground, akEditorMediaResizeHandlerPadding, akEditorMediaResizeHandlerPaddingWide, akEditorMentionSelected, akEditorMenuZIndex, akEditorStickyHeaderZIndex, akEditorMobileBreakoutPoint, akEditorPopupBackground, akEditorPopupText, akEditorPrimaryButton, akEditorSelectedBorderColor, akEditorSelectedBorderBoldSize, akEditorSelectedBorderSize, akEditorSelectedBorder, akEditorSelectedBoxShadow, akEditorSelectedIconColor, akEditorCustomIconSize, akEditorSelectedBlanketColor, akEditorSelectedBgColor, akEditorSelectedBlanketOpacity, akEditorSmallZIndex, akEditorShadowZIndex, akEditorSubtleAccent, akEditorSwoopCubicBezier, akEditorTableBorder, akEditorTableBorderDark, akEditorTableBorderDelete, akEditorTableBorderRadius, akEditorTableBorderSelected, akEditorTableCellBackgroundOpacity, akEditorTableCellDelete, akEditorTableCellMinWidth, akEditorTableCellOnStickyHeaderZIndex, akEditorTableCellSelected, akEditorTableFloatingControls, akEditorTableLegacyCellMinWidth, akEditorTableNumberColumnWidth, akEditorTableToolbar, akEditorTableToolbarDark, akEditorTableToolbarDelete, akEditorTableToolbarSelected, akEditorTableToolbarSize, akEditorUnitZIndex, akEditorWideLayoutWidth, akLayoutGutterOffset, akRichMediaResizeZIndex, blockNodesVerticalMargin, breakoutWideScaleRatio, editorFontSize, gridMediumMaxWidth, relativeSize, relativeFontSizeToBase16, DEFAULT_EMBED_CARD_HEIGHT, DEFAULT_EMBED_CARD_WIDTH, akEditorLineHeight, akEditorRuleBackground, akEditorRuleBorderRadius, akEditorSelectedNodeClassName, akEditorToolbarKeylineHeight, VIEWPORT_SIZES, akEditorMobileMaxWidth, getTableCellBackgroundDarkModeColors, ATLASSIAN_NAVIGATION_HEIGHT, akEditorTableCellBlanketSelected, akEditorTableCellBlanketDeleted } from './consts';
@@ -1,3 +1,3 @@
1
- export { akEditorActiveBackground, akEditorActiveForeground, akEditorBlockquoteBorderColor, akEditorBreakoutPadding, akEditorCodeBackground, akEditorCodeBlockPadding, akEditorCodeFontFamily, akEditorCodeInlinePadding, akEditorContextPanelWidth, akEditorDefaultLayoutWidth, akEditorDeleteBackground, akEditorDeleteBackgroundShaded, akEditorDeleteBackgroundWithOpacity, akEditorDeleteBorder, akEditorDeleteIconColor, akEditorDropdownActiveBackground, akEditorFloatingDialogZIndex, akEditorFloatingOverlapPanelZIndex, akEditorFloatingPanelZIndex, akEditorFocus, akEditorFullPageMaxWidth, akEditorFullPageDefaultFontSize, akEditorFullWidthLayoutWidth, akEditorFullWidthLayoutLineLength, akEditorGridLineZIndex, akEditorGutterPadding, akEditorInactiveForeground, akEditorMediaResizeHandlerPadding, akEditorMediaResizeHandlerPaddingWide, akEditorMentionSelected, akEditorMenuZIndex, akEditorStickyHeaderZIndex, akEditorMobileBreakoutPoint, akEditorPopupBackground, akEditorPopupText, akEditorPrimaryButton, akEditorSelectedBorderColor, akEditorSelectedBorderBoldSize, akEditorSelectedBorderSize, akEditorSelectedBorder, akEditorSelectedBoxShadow, akEditorSelectedIconColor, akEditorSelectedBlanketColor, akEditorSelectedBgColor, akEditorSelectedBlanketOpacity, akEditorSmallZIndex, akEditorShadowZIndex, akEditorSubtleAccent, akEditorSwoopCubicBezier, akEditorTableBorder, akEditorTableBorderDark, akEditorTableBorderDelete, akEditorTableBorderRadius, akEditorTableBorderSelected, akEditorTableCellBackgroundOpacity, akEditorTableCellDelete, akEditorTableCellMinWidth, akEditorTableCellSelected, akEditorTableFloatingControls, akEditorTableLegacyCellMinWidth, akEditorTableNumberColumnWidth, akEditorTableToolbar, akEditorTableToolbarDark, akEditorTableToolbarDelete, akEditorTableToolbarSelected, akEditorTableToolbarSize, akEditorUnitZIndex, akEditorWideLayoutWidth, akLayoutGutterOffset, akRichMediaResizeZIndex, blockNodesVerticalMargin, breakoutWideScaleRatio, editorFontSize, gridMediumMaxWidth, relativeSize, relativeFontSizeToBase16, DEFAULT_EMBED_CARD_HEIGHT, DEFAULT_EMBED_CARD_WIDTH, akEditorLineHeight, akEditorRuleBackground, akEditorRuleBorderRadius, akEditorSelectedNodeClassName, akEditorToolbarKeylineHeight, VIEWPORT_SIZES, akEditorMobileMaxWidth, getTableCellBackgroundDarkModeColors, ATLASSIAN_NAVIGATION_HEIGHT } from './consts';
1
+ export { akEditorActiveBackground, akEditorActiveForeground, akEditorBlockquoteBorderColor, akEditorBreakoutPadding, akEditorCodeBackground, akEditorCodeBlockPadding, akEditorCodeFontFamily, akEditorCodeInlinePadding, akEditorContextPanelWidth, akEditorDefaultLayoutWidth, akEditorDeleteBackground, akEditorDeleteBackgroundShaded, akEditorDeleteBackgroundWithOpacity, akEditorDeleteBorder, akEditorDeleteIconColor, akEditorDropdownActiveBackground, akEditorFloatingDialogZIndex, akEditorFloatingOverlapPanelZIndex, akEditorFloatingPanelZIndex, akEditorFocus, akEditorFullPageMaxWidth, akEditorFullPageDefaultFontSize, akEditorFullWidthLayoutWidth, akEditorFullWidthLayoutLineLength, akEditorGridLineZIndex, akEditorGutterPadding, akEditorInactiveForeground, akEditorMediaResizeHandlerPadding, akEditorMediaResizeHandlerPaddingWide, akEditorMentionSelected, akEditorMenuZIndex, akEditorStickyHeaderZIndex, akEditorMobileBreakoutPoint, akEditorPopupBackground, akEditorPopupText, akEditorPrimaryButton, akEditorSelectedBorderColor, akEditorSelectedBorderBoldSize, akEditorSelectedBorderSize, akEditorSelectedBorder, akEditorSelectedBoxShadow, akEditorSelectedIconColor, akEditorSelectedBlanketColor, akEditorSelectedBgColor, akEditorSelectedBlanketOpacity, akEditorSmallZIndex, akEditorShadowZIndex, akEditorSubtleAccent, akEditorSwoopCubicBezier, akEditorTableBorder, akEditorTableBorderDark, akEditorTableBorderDelete, akEditorTableBorderRadius, akEditorTableBorderSelected, akEditorTableCellBackgroundOpacity, akEditorTableCellDelete, akEditorTableCellMinWidth, akEditorTableCellOnStickyHeaderZIndex, akEditorTableCellSelected, akEditorTableFloatingControls, akEditorTableLegacyCellMinWidth, akEditorTableNumberColumnWidth, akEditorTableToolbar, akEditorTableToolbarDark, akEditorTableToolbarDelete, akEditorTableToolbarSelected, akEditorTableToolbarSize, akEditorUnitZIndex, akEditorWideLayoutWidth, akLayoutGutterOffset, akRichMediaResizeZIndex, blockNodesVerticalMargin, breakoutWideScaleRatio, editorFontSize, gridMediumMaxWidth, relativeSize, relativeFontSizeToBase16, DEFAULT_EMBED_CARD_HEIGHT, DEFAULT_EMBED_CARD_WIDTH, akEditorLineHeight, akEditorRuleBackground, akEditorRuleBorderRadius, akEditorSelectedNodeClassName, akEditorToolbarKeylineHeight, VIEWPORT_SIZES, akEditorMobileMaxWidth, getTableCellBackgroundDarkModeColors, ATLASSIAN_NAVIGATION_HEIGHT, akEditorTableCellBlanketSelected, akEditorTableCellBlanketDeleted } from './consts';
2
2
  export { SelectionStyle, getSelectionStyles, hideNativeBrowserTextSelectionStyles } from './selection';
3
3
  export { overflowShadow } from './overflow-shadow';
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-shared-styles",
3
- "version": "2.4.3",
3
+ "version": "2.5.0",
4
4
  "sideEffects": false
5
5
  }
@@ -46,6 +46,8 @@ export var akEditorMenuZIndex = layers.blanket();
46
46
  export var akEditorFloatingPanelZIndex = layers.layer();
47
47
  // z-index used for pickers (date, emoji, mentions) and type-aheads, hyperlinks
48
48
  export var akEditorFloatingDialogZIndex = akEditorMenuZIndex + 10;
49
+ // z-index used for table cell menu options button on a sticky header
50
+ export var akEditorTableCellOnStickyHeaderZIndex = akEditorFloatingDialogZIndex - 5;
49
51
  // z-index used for floating toolbars table cell menu which are above block toolbars
50
52
  export var akEditorFloatingOverlapPanelZIndex = akEditorFloatingPanelZIndex + 5;
51
53
  export var akEditorMentionSelected = N100;
@@ -86,6 +88,8 @@ export var akEditorRuleBackground = N30;
86
88
  export var akEditorRuleBorderRadius = '1px';
87
89
  export var akEditorToolbarKeylineHeight = 2;
88
90
  export var akEditorContextPanelWidth = 320;
91
+ export var akEditorTableCellBlanketSelected = 'rgba(179, 212, 255, 0.3)';
92
+ export var akEditorTableCellBlanketDeleted = 'rgba(255, 235, 230, 0.3)';
89
93
 
90
94
  // @see typography spreadsheet: https://docs.google.com/spreadsheets/d/1iYusRGCT4PoPfvxbJ8NrgjtfFgXLm5lpDWXzjua1W2E/edit#gid=93913128
91
95
  export var blockNodesVerticalMargin = '0.75rem';
@@ -1 +1 @@
1
- export { akEditorActiveBackground, akEditorActiveForeground, akEditorBlockquoteBorderColor, akEditorBreakoutPadding, akEditorCodeBackground, akEditorCodeBlockPadding, akEditorCodeFontFamily, akEditorCodeInlinePadding, akEditorContextPanelWidth, akEditorDefaultLayoutWidth, akEditorDeleteBackground, akEditorDeleteBackgroundShaded, akEditorDeleteBackgroundWithOpacity, akEditorDeleteBorder, akEditorDeleteIconColor, akEditorDropdownActiveBackground, akEditorFloatingDialogZIndex, akEditorFloatingOverlapPanelZIndex, akEditorFloatingPanelZIndex, akEditorFocus, akEditorFullPageMaxWidth, akEditorFullPageDefaultFontSize, akEditorFullWidthLayoutWidth, akEditorFullWidthLayoutLineLength, akEditorGridLineZIndex, akEditorGutterPadding, akEditorInactiveForeground, akEditorMediaResizeHandlerPadding, akEditorMediaResizeHandlerPaddingWide, akEditorMentionSelected, akEditorMenuZIndex, akEditorStickyHeaderZIndex, akEditorMobileBreakoutPoint, akEditorPopupBackground, akEditorPopupText, akEditorPrimaryButton, akEditorSelectedBorderColor, akEditorSelectedBorderBoldSize, akEditorSelectedBorderSize, akEditorSelectedBorder, akEditorSelectedBoxShadow, akEditorSelectedIconColor, akEditorCustomIconSize, akEditorSelectedBlanketColor, akEditorSelectedBgColor, akEditorSelectedBlanketOpacity, akEditorSmallZIndex, akEditorShadowZIndex, akEditorSubtleAccent, akEditorSwoopCubicBezier, akEditorTableBorder, akEditorTableBorderDark, akEditorTableBorderDelete, akEditorTableBorderRadius, akEditorTableBorderSelected, akEditorTableCellBackgroundOpacity, akEditorTableCellDelete, akEditorTableCellMinWidth, akEditorTableCellSelected, akEditorTableFloatingControls, akEditorTableLegacyCellMinWidth, akEditorTableNumberColumnWidth, akEditorTableToolbar, akEditorTableToolbarDark, akEditorTableToolbarDelete, akEditorTableToolbarSelected, akEditorTableToolbarSize, akEditorUnitZIndex, akEditorWideLayoutWidth, akLayoutGutterOffset, akRichMediaResizeZIndex, blockNodesVerticalMargin, breakoutWideScaleRatio, editorFontSize, gridMediumMaxWidth, relativeSize, relativeFontSizeToBase16, DEFAULT_EMBED_CARD_HEIGHT, DEFAULT_EMBED_CARD_WIDTH, akEditorLineHeight, akEditorRuleBackground, akEditorRuleBorderRadius, akEditorSelectedNodeClassName, akEditorToolbarKeylineHeight, VIEWPORT_SIZES, akEditorMobileMaxWidth, getTableCellBackgroundDarkModeColors, ATLASSIAN_NAVIGATION_HEIGHT } from './consts';
1
+ export { akEditorActiveBackground, akEditorActiveForeground, akEditorBlockquoteBorderColor, akEditorBreakoutPadding, akEditorCodeBackground, akEditorCodeBlockPadding, akEditorCodeFontFamily, akEditorCodeInlinePadding, akEditorContextPanelWidth, akEditorDefaultLayoutWidth, akEditorDeleteBackground, akEditorDeleteBackgroundShaded, akEditorDeleteBackgroundWithOpacity, akEditorDeleteBorder, akEditorDeleteIconColor, akEditorDropdownActiveBackground, akEditorFloatingDialogZIndex, akEditorFloatingOverlapPanelZIndex, akEditorFloatingPanelZIndex, akEditorFocus, akEditorFullPageMaxWidth, akEditorFullPageDefaultFontSize, akEditorFullWidthLayoutWidth, akEditorFullWidthLayoutLineLength, akEditorGridLineZIndex, akEditorGutterPadding, akEditorInactiveForeground, akEditorMediaResizeHandlerPadding, akEditorMediaResizeHandlerPaddingWide, akEditorMentionSelected, akEditorMenuZIndex, akEditorStickyHeaderZIndex, akEditorMobileBreakoutPoint, akEditorPopupBackground, akEditorPopupText, akEditorPrimaryButton, akEditorSelectedBorderColor, akEditorSelectedBorderBoldSize, akEditorSelectedBorderSize, akEditorSelectedBorder, akEditorSelectedBoxShadow, akEditorSelectedIconColor, akEditorCustomIconSize, akEditorSelectedBlanketColor, akEditorSelectedBgColor, akEditorSelectedBlanketOpacity, akEditorSmallZIndex, akEditorShadowZIndex, akEditorSubtleAccent, akEditorSwoopCubicBezier, akEditorTableBorder, akEditorTableBorderDark, akEditorTableBorderDelete, akEditorTableBorderRadius, akEditorTableBorderSelected, akEditorTableCellBackgroundOpacity, akEditorTableCellDelete, akEditorTableCellMinWidth, akEditorTableCellOnStickyHeaderZIndex, akEditorTableCellSelected, akEditorTableFloatingControls, akEditorTableLegacyCellMinWidth, akEditorTableNumberColumnWidth, akEditorTableToolbar, akEditorTableToolbarDark, akEditorTableToolbarDelete, akEditorTableToolbarSelected, akEditorTableToolbarSize, akEditorUnitZIndex, akEditorWideLayoutWidth, akLayoutGutterOffset, akRichMediaResizeZIndex, blockNodesVerticalMargin, breakoutWideScaleRatio, editorFontSize, gridMediumMaxWidth, relativeSize, relativeFontSizeToBase16, DEFAULT_EMBED_CARD_HEIGHT, DEFAULT_EMBED_CARD_WIDTH, akEditorLineHeight, akEditorRuleBackground, akEditorRuleBorderRadius, akEditorSelectedNodeClassName, akEditorToolbarKeylineHeight, VIEWPORT_SIZES, akEditorMobileMaxWidth, getTableCellBackgroundDarkModeColors, ATLASSIAN_NAVIGATION_HEIGHT, akEditorTableCellBlanketSelected, akEditorTableCellBlanketDeleted } from './consts';
package/dist/esm/index.js CHANGED
@@ -1,3 +1,3 @@
1
- export { akEditorActiveBackground, akEditorActiveForeground, akEditorBlockquoteBorderColor, akEditorBreakoutPadding, akEditorCodeBackground, akEditorCodeBlockPadding, akEditorCodeFontFamily, akEditorCodeInlinePadding, akEditorContextPanelWidth, akEditorDefaultLayoutWidth, akEditorDeleteBackground, akEditorDeleteBackgroundShaded, akEditorDeleteBackgroundWithOpacity, akEditorDeleteBorder, akEditorDeleteIconColor, akEditorDropdownActiveBackground, akEditorFloatingDialogZIndex, akEditorFloatingOverlapPanelZIndex, akEditorFloatingPanelZIndex, akEditorFocus, akEditorFullPageMaxWidth, akEditorFullPageDefaultFontSize, akEditorFullWidthLayoutWidth, akEditorFullWidthLayoutLineLength, akEditorGridLineZIndex, akEditorGutterPadding, akEditorInactiveForeground, akEditorMediaResizeHandlerPadding, akEditorMediaResizeHandlerPaddingWide, akEditorMentionSelected, akEditorMenuZIndex, akEditorStickyHeaderZIndex, akEditorMobileBreakoutPoint, akEditorPopupBackground, akEditorPopupText, akEditorPrimaryButton, akEditorSelectedBorderColor, akEditorSelectedBorderBoldSize, akEditorSelectedBorderSize, akEditorSelectedBorder, akEditorSelectedBoxShadow, akEditorSelectedIconColor, akEditorSelectedBlanketColor, akEditorSelectedBgColor, akEditorSelectedBlanketOpacity, akEditorSmallZIndex, akEditorShadowZIndex, akEditorSubtleAccent, akEditorSwoopCubicBezier, akEditorTableBorder, akEditorTableBorderDark, akEditorTableBorderDelete, akEditorTableBorderRadius, akEditorTableBorderSelected, akEditorTableCellBackgroundOpacity, akEditorTableCellDelete, akEditorTableCellMinWidth, akEditorTableCellSelected, akEditorTableFloatingControls, akEditorTableLegacyCellMinWidth, akEditorTableNumberColumnWidth, akEditorTableToolbar, akEditorTableToolbarDark, akEditorTableToolbarDelete, akEditorTableToolbarSelected, akEditorTableToolbarSize, akEditorUnitZIndex, akEditorWideLayoutWidth, akLayoutGutterOffset, akRichMediaResizeZIndex, blockNodesVerticalMargin, breakoutWideScaleRatio, editorFontSize, gridMediumMaxWidth, relativeSize, relativeFontSizeToBase16, DEFAULT_EMBED_CARD_HEIGHT, DEFAULT_EMBED_CARD_WIDTH, akEditorLineHeight, akEditorRuleBackground, akEditorRuleBorderRadius, akEditorSelectedNodeClassName, akEditorToolbarKeylineHeight, VIEWPORT_SIZES, akEditorMobileMaxWidth, getTableCellBackgroundDarkModeColors, ATLASSIAN_NAVIGATION_HEIGHT } from './consts';
1
+ export { akEditorActiveBackground, akEditorActiveForeground, akEditorBlockquoteBorderColor, akEditorBreakoutPadding, akEditorCodeBackground, akEditorCodeBlockPadding, akEditorCodeFontFamily, akEditorCodeInlinePadding, akEditorContextPanelWidth, akEditorDefaultLayoutWidth, akEditorDeleteBackground, akEditorDeleteBackgroundShaded, akEditorDeleteBackgroundWithOpacity, akEditorDeleteBorder, akEditorDeleteIconColor, akEditorDropdownActiveBackground, akEditorFloatingDialogZIndex, akEditorFloatingOverlapPanelZIndex, akEditorFloatingPanelZIndex, akEditorFocus, akEditorFullPageMaxWidth, akEditorFullPageDefaultFontSize, akEditorFullWidthLayoutWidth, akEditorFullWidthLayoutLineLength, akEditorGridLineZIndex, akEditorGutterPadding, akEditorInactiveForeground, akEditorMediaResizeHandlerPadding, akEditorMediaResizeHandlerPaddingWide, akEditorMentionSelected, akEditorMenuZIndex, akEditorStickyHeaderZIndex, akEditorMobileBreakoutPoint, akEditorPopupBackground, akEditorPopupText, akEditorPrimaryButton, akEditorSelectedBorderColor, akEditorSelectedBorderBoldSize, akEditorSelectedBorderSize, akEditorSelectedBorder, akEditorSelectedBoxShadow, akEditorSelectedIconColor, akEditorSelectedBlanketColor, akEditorSelectedBgColor, akEditorSelectedBlanketOpacity, akEditorSmallZIndex, akEditorShadowZIndex, akEditorSubtleAccent, akEditorSwoopCubicBezier, akEditorTableBorder, akEditorTableBorderDark, akEditorTableBorderDelete, akEditorTableBorderRadius, akEditorTableBorderSelected, akEditorTableCellBackgroundOpacity, akEditorTableCellDelete, akEditorTableCellMinWidth, akEditorTableCellOnStickyHeaderZIndex, akEditorTableCellSelected, akEditorTableFloatingControls, akEditorTableLegacyCellMinWidth, akEditorTableNumberColumnWidth, akEditorTableToolbar, akEditorTableToolbarDark, akEditorTableToolbarDelete, akEditorTableToolbarSelected, akEditorTableToolbarSize, akEditorUnitZIndex, akEditorWideLayoutWidth, akLayoutGutterOffset, akRichMediaResizeZIndex, blockNodesVerticalMargin, breakoutWideScaleRatio, editorFontSize, gridMediumMaxWidth, relativeSize, relativeFontSizeToBase16, DEFAULT_EMBED_CARD_HEIGHT, DEFAULT_EMBED_CARD_WIDTH, akEditorLineHeight, akEditorRuleBackground, akEditorRuleBorderRadius, akEditorSelectedNodeClassName, akEditorToolbarKeylineHeight, VIEWPORT_SIZES, akEditorMobileMaxWidth, getTableCellBackgroundDarkModeColors, ATLASSIAN_NAVIGATION_HEIGHT, akEditorTableCellBlanketSelected, akEditorTableCellBlanketDeleted } from './consts';
2
2
  export { SelectionStyle, getSelectionStyles, hideNativeBrowserTextSelectionStyles } from './selection';
3
3
  export { overflowShadow } from './overflow-shadow';
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-shared-styles",
3
- "version": "2.4.3",
3
+ "version": "2.5.0",
4
4
  "sideEffects": false
5
5
  }
@@ -37,6 +37,7 @@ export declare const akEditorGridLineZIndex = 9999;
37
37
  export declare const akEditorMenuZIndex: 500;
38
38
  export declare const akEditorFloatingPanelZIndex: 400;
39
39
  export declare const akEditorFloatingDialogZIndex: number;
40
+ export declare const akEditorTableCellOnStickyHeaderZIndex: number;
40
41
  export declare const akEditorFloatingOverlapPanelZIndex: number;
41
42
  export declare const akEditorMentionSelected = "#7A869A";
42
43
  export declare const akEditorTableToolbarSize = 11;
@@ -76,6 +77,8 @@ export declare const akEditorRuleBackground = "#EBECF0";
76
77
  export declare const akEditorRuleBorderRadius = "1px";
77
78
  export declare const akEditorToolbarKeylineHeight = 2;
78
79
  export declare const akEditorContextPanelWidth = 320;
80
+ export declare const akEditorTableCellBlanketSelected = "rgba(179, 212, 255, 0.3)";
81
+ export declare const akEditorTableCellBlanketDeleted = "rgba(255, 235, 230, 0.3)";
79
82
  export declare const blockNodesVerticalMargin = "0.75rem";
80
83
  export declare const DEFAULT_EMBED_CARD_WIDTH = 680;
81
84
  export declare const DEFAULT_EMBED_CARD_HEIGHT = 480;
@@ -1,2 +1,2 @@
1
1
  export type { EditorTheme } from './types';
2
- export { akEditorActiveBackground, akEditorActiveForeground, akEditorBlockquoteBorderColor, akEditorBreakoutPadding, akEditorCodeBackground, akEditorCodeBlockPadding, akEditorCodeFontFamily, akEditorCodeInlinePadding, akEditorContextPanelWidth, akEditorDefaultLayoutWidth, akEditorDeleteBackground, akEditorDeleteBackgroundShaded, akEditorDeleteBackgroundWithOpacity, akEditorDeleteBorder, akEditorDeleteIconColor, akEditorDropdownActiveBackground, akEditorFloatingDialogZIndex, akEditorFloatingOverlapPanelZIndex, akEditorFloatingPanelZIndex, akEditorFocus, akEditorFullPageMaxWidth, akEditorFullPageDefaultFontSize, akEditorFullWidthLayoutWidth, akEditorFullWidthLayoutLineLength, akEditorGridLineZIndex, akEditorGutterPadding, akEditorInactiveForeground, akEditorMediaResizeHandlerPadding, akEditorMediaResizeHandlerPaddingWide, akEditorMentionSelected, akEditorMenuZIndex, akEditorStickyHeaderZIndex, akEditorMobileBreakoutPoint, akEditorPopupBackground, akEditorPopupText, akEditorPrimaryButton, akEditorSelectedBorderColor, akEditorSelectedBorderBoldSize, akEditorSelectedBorderSize, akEditorSelectedBorder, akEditorSelectedBoxShadow, akEditorSelectedIconColor, akEditorCustomIconSize, akEditorSelectedBlanketColor, akEditorSelectedBgColor, akEditorSelectedBlanketOpacity, akEditorSmallZIndex, akEditorShadowZIndex, akEditorSubtleAccent, akEditorSwoopCubicBezier, akEditorTableBorder, akEditorTableBorderDark, akEditorTableBorderDelete, akEditorTableBorderRadius, akEditorTableBorderSelected, akEditorTableCellBackgroundOpacity, akEditorTableCellDelete, akEditorTableCellMinWidth, akEditorTableCellSelected, akEditorTableFloatingControls, akEditorTableLegacyCellMinWidth, akEditorTableNumberColumnWidth, akEditorTableToolbar, akEditorTableToolbarDark, akEditorTableToolbarDelete, akEditorTableToolbarSelected, akEditorTableToolbarSize, akEditorUnitZIndex, akEditorWideLayoutWidth, akLayoutGutterOffset, akRichMediaResizeZIndex, blockNodesVerticalMargin, breakoutWideScaleRatio, editorFontSize, gridMediumMaxWidth, relativeSize, relativeFontSizeToBase16, DEFAULT_EMBED_CARD_HEIGHT, DEFAULT_EMBED_CARD_WIDTH, akEditorLineHeight, akEditorRuleBackground, akEditorRuleBorderRadius, akEditorSelectedNodeClassName, akEditorToolbarKeylineHeight, VIEWPORT_SIZES, akEditorMobileMaxWidth, getTableCellBackgroundDarkModeColors, ATLASSIAN_NAVIGATION_HEIGHT, } from './consts';
2
+ export { akEditorActiveBackground, akEditorActiveForeground, akEditorBlockquoteBorderColor, akEditorBreakoutPadding, akEditorCodeBackground, akEditorCodeBlockPadding, akEditorCodeFontFamily, akEditorCodeInlinePadding, akEditorContextPanelWidth, akEditorDefaultLayoutWidth, akEditorDeleteBackground, akEditorDeleteBackgroundShaded, akEditorDeleteBackgroundWithOpacity, akEditorDeleteBorder, akEditorDeleteIconColor, akEditorDropdownActiveBackground, akEditorFloatingDialogZIndex, akEditorFloatingOverlapPanelZIndex, akEditorFloatingPanelZIndex, akEditorFocus, akEditorFullPageMaxWidth, akEditorFullPageDefaultFontSize, akEditorFullWidthLayoutWidth, akEditorFullWidthLayoutLineLength, akEditorGridLineZIndex, akEditorGutterPadding, akEditorInactiveForeground, akEditorMediaResizeHandlerPadding, akEditorMediaResizeHandlerPaddingWide, akEditorMentionSelected, akEditorMenuZIndex, akEditorStickyHeaderZIndex, akEditorMobileBreakoutPoint, akEditorPopupBackground, akEditorPopupText, akEditorPrimaryButton, akEditorSelectedBorderColor, akEditorSelectedBorderBoldSize, akEditorSelectedBorderSize, akEditorSelectedBorder, akEditorSelectedBoxShadow, akEditorSelectedIconColor, akEditorCustomIconSize, akEditorSelectedBlanketColor, akEditorSelectedBgColor, akEditorSelectedBlanketOpacity, akEditorSmallZIndex, akEditorShadowZIndex, akEditorSubtleAccent, akEditorSwoopCubicBezier, akEditorTableBorder, akEditorTableBorderDark, akEditorTableBorderDelete, akEditorTableBorderRadius, akEditorTableBorderSelected, akEditorTableCellBackgroundOpacity, akEditorTableCellDelete, akEditorTableCellMinWidth, akEditorTableCellOnStickyHeaderZIndex, akEditorTableCellSelected, akEditorTableFloatingControls, akEditorTableLegacyCellMinWidth, akEditorTableNumberColumnWidth, akEditorTableToolbar, akEditorTableToolbarDark, akEditorTableToolbarDelete, akEditorTableToolbarSelected, akEditorTableToolbarSize, akEditorUnitZIndex, akEditorWideLayoutWidth, akLayoutGutterOffset, akRichMediaResizeZIndex, blockNodesVerticalMargin, breakoutWideScaleRatio, editorFontSize, gridMediumMaxWidth, relativeSize, relativeFontSizeToBase16, DEFAULT_EMBED_CARD_HEIGHT, DEFAULT_EMBED_CARD_WIDTH, akEditorLineHeight, akEditorRuleBackground, akEditorRuleBorderRadius, akEditorSelectedNodeClassName, akEditorToolbarKeylineHeight, VIEWPORT_SIZES, akEditorMobileMaxWidth, getTableCellBackgroundDarkModeColors, ATLASSIAN_NAVIGATION_HEIGHT, akEditorTableCellBlanketSelected, akEditorTableCellBlanketDeleted, } from './consts';
@@ -1,4 +1,4 @@
1
- export { akEditorActiveBackground, akEditorActiveForeground, akEditorBlockquoteBorderColor, akEditorBreakoutPadding, akEditorCodeBackground, akEditorCodeBlockPadding, akEditorCodeFontFamily, akEditorCodeInlinePadding, akEditorContextPanelWidth, akEditorDefaultLayoutWidth, akEditorDeleteBackground, akEditorDeleteBackgroundShaded, akEditorDeleteBackgroundWithOpacity, akEditorDeleteBorder, akEditorDeleteIconColor, akEditorDropdownActiveBackground, akEditorFloatingDialogZIndex, akEditorFloatingOverlapPanelZIndex, akEditorFloatingPanelZIndex, akEditorFocus, akEditorFullPageMaxWidth, akEditorFullPageDefaultFontSize, akEditorFullWidthLayoutWidth, akEditorFullWidthLayoutLineLength, akEditorGridLineZIndex, akEditorGutterPadding, akEditorInactiveForeground, akEditorMediaResizeHandlerPadding, akEditorMediaResizeHandlerPaddingWide, akEditorMentionSelected, akEditorMenuZIndex, akEditorStickyHeaderZIndex, akEditorMobileBreakoutPoint, akEditorPopupBackground, akEditorPopupText, akEditorPrimaryButton, akEditorSelectedBorderColor, akEditorSelectedBorderBoldSize, akEditorSelectedBorderSize, akEditorSelectedBorder, akEditorSelectedBoxShadow, akEditorSelectedIconColor, akEditorSelectedBlanketColor, akEditorSelectedBgColor, akEditorSelectedBlanketOpacity, akEditorSmallZIndex, akEditorShadowZIndex, akEditorSubtleAccent, akEditorSwoopCubicBezier, akEditorTableBorder, akEditorTableBorderDark, akEditorTableBorderDelete, akEditorTableBorderRadius, akEditorTableBorderSelected, akEditorTableCellBackgroundOpacity, akEditorTableCellDelete, akEditorTableCellMinWidth, akEditorTableCellSelected, akEditorTableFloatingControls, akEditorTableLegacyCellMinWidth, akEditorTableNumberColumnWidth, akEditorTableToolbar, akEditorTableToolbarDark, akEditorTableToolbarDelete, akEditorTableToolbarSelected, akEditorTableToolbarSize, akEditorUnitZIndex, akEditorWideLayoutWidth, akLayoutGutterOffset, akRichMediaResizeZIndex, blockNodesVerticalMargin, breakoutWideScaleRatio, editorFontSize, gridMediumMaxWidth, relativeSize, relativeFontSizeToBase16, DEFAULT_EMBED_CARD_HEIGHT, DEFAULT_EMBED_CARD_WIDTH, akEditorLineHeight, akEditorRuleBackground, akEditorRuleBorderRadius, akEditorSelectedNodeClassName, akEditorToolbarKeylineHeight, VIEWPORT_SIZES, akEditorMobileMaxWidth, getTableCellBackgroundDarkModeColors, ATLASSIAN_NAVIGATION_HEIGHT, } from './consts';
1
+ export { akEditorActiveBackground, akEditorActiveForeground, akEditorBlockquoteBorderColor, akEditorBreakoutPadding, akEditorCodeBackground, akEditorCodeBlockPadding, akEditorCodeFontFamily, akEditorCodeInlinePadding, akEditorContextPanelWidth, akEditorDefaultLayoutWidth, akEditorDeleteBackground, akEditorDeleteBackgroundShaded, akEditorDeleteBackgroundWithOpacity, akEditorDeleteBorder, akEditorDeleteIconColor, akEditorDropdownActiveBackground, akEditorFloatingDialogZIndex, akEditorFloatingOverlapPanelZIndex, akEditorFloatingPanelZIndex, akEditorFocus, akEditorFullPageMaxWidth, akEditorFullPageDefaultFontSize, akEditorFullWidthLayoutWidth, akEditorFullWidthLayoutLineLength, akEditorGridLineZIndex, akEditorGutterPadding, akEditorInactiveForeground, akEditorMediaResizeHandlerPadding, akEditorMediaResizeHandlerPaddingWide, akEditorMentionSelected, akEditorMenuZIndex, akEditorStickyHeaderZIndex, akEditorMobileBreakoutPoint, akEditorPopupBackground, akEditorPopupText, akEditorPrimaryButton, akEditorSelectedBorderColor, akEditorSelectedBorderBoldSize, akEditorSelectedBorderSize, akEditorSelectedBorder, akEditorSelectedBoxShadow, akEditorSelectedIconColor, akEditorSelectedBlanketColor, akEditorSelectedBgColor, akEditorSelectedBlanketOpacity, akEditorSmallZIndex, akEditorShadowZIndex, akEditorSubtleAccent, akEditorSwoopCubicBezier, akEditorTableBorder, akEditorTableBorderDark, akEditorTableBorderDelete, akEditorTableBorderRadius, akEditorTableBorderSelected, akEditorTableCellBackgroundOpacity, akEditorTableCellDelete, akEditorTableCellMinWidth, akEditorTableCellOnStickyHeaderZIndex, akEditorTableCellSelected, akEditorTableFloatingControls, akEditorTableLegacyCellMinWidth, akEditorTableNumberColumnWidth, akEditorTableToolbar, akEditorTableToolbarDark, akEditorTableToolbarDelete, akEditorTableToolbarSelected, akEditorTableToolbarSize, akEditorUnitZIndex, akEditorWideLayoutWidth, akLayoutGutterOffset, akRichMediaResizeZIndex, blockNodesVerticalMargin, breakoutWideScaleRatio, editorFontSize, gridMediumMaxWidth, relativeSize, relativeFontSizeToBase16, DEFAULT_EMBED_CARD_HEIGHT, DEFAULT_EMBED_CARD_WIDTH, akEditorLineHeight, akEditorRuleBackground, akEditorRuleBorderRadius, akEditorSelectedNodeClassName, akEditorToolbarKeylineHeight, VIEWPORT_SIZES, akEditorMobileMaxWidth, getTableCellBackgroundDarkModeColors, ATLASSIAN_NAVIGATION_HEIGHT, akEditorTableCellBlanketSelected, akEditorTableCellBlanketDeleted, } from './consts';
2
2
  export type { EditorTheme } from './consts';
3
3
  export { SelectionStyle, getSelectionStyles, hideNativeBrowserTextSelectionStyles, } from './selection';
4
4
  export { overflowShadow } from './overflow-shadow';
@@ -37,6 +37,7 @@ export declare const akEditorGridLineZIndex = 9999;
37
37
  export declare const akEditorMenuZIndex: 500;
38
38
  export declare const akEditorFloatingPanelZIndex: 400;
39
39
  export declare const akEditorFloatingDialogZIndex: number;
40
+ export declare const akEditorTableCellOnStickyHeaderZIndex: number;
40
41
  export declare const akEditorFloatingOverlapPanelZIndex: number;
41
42
  export declare const akEditorMentionSelected = "#7A869A";
42
43
  export declare const akEditorTableToolbarSize = 11;
@@ -76,6 +77,8 @@ export declare const akEditorRuleBackground = "#EBECF0";
76
77
  export declare const akEditorRuleBorderRadius = "1px";
77
78
  export declare const akEditorToolbarKeylineHeight = 2;
78
79
  export declare const akEditorContextPanelWidth = 320;
80
+ export declare const akEditorTableCellBlanketSelected = "rgba(179, 212, 255, 0.3)";
81
+ export declare const akEditorTableCellBlanketDeleted = "rgba(255, 235, 230, 0.3)";
79
82
  export declare const blockNodesVerticalMargin = "0.75rem";
80
83
  export declare const DEFAULT_EMBED_CARD_WIDTH = 680;
81
84
  export declare const DEFAULT_EMBED_CARD_HEIGHT = 480;
@@ -1,2 +1,2 @@
1
1
  export type { EditorTheme } from './types';
2
- export { akEditorActiveBackground, akEditorActiveForeground, akEditorBlockquoteBorderColor, akEditorBreakoutPadding, akEditorCodeBackground, akEditorCodeBlockPadding, akEditorCodeFontFamily, akEditorCodeInlinePadding, akEditorContextPanelWidth, akEditorDefaultLayoutWidth, akEditorDeleteBackground, akEditorDeleteBackgroundShaded, akEditorDeleteBackgroundWithOpacity, akEditorDeleteBorder, akEditorDeleteIconColor, akEditorDropdownActiveBackground, akEditorFloatingDialogZIndex, akEditorFloatingOverlapPanelZIndex, akEditorFloatingPanelZIndex, akEditorFocus, akEditorFullPageMaxWidth, akEditorFullPageDefaultFontSize, akEditorFullWidthLayoutWidth, akEditorFullWidthLayoutLineLength, akEditorGridLineZIndex, akEditorGutterPadding, akEditorInactiveForeground, akEditorMediaResizeHandlerPadding, akEditorMediaResizeHandlerPaddingWide, akEditorMentionSelected, akEditorMenuZIndex, akEditorStickyHeaderZIndex, akEditorMobileBreakoutPoint, akEditorPopupBackground, akEditorPopupText, akEditorPrimaryButton, akEditorSelectedBorderColor, akEditorSelectedBorderBoldSize, akEditorSelectedBorderSize, akEditorSelectedBorder, akEditorSelectedBoxShadow, akEditorSelectedIconColor, akEditorCustomIconSize, akEditorSelectedBlanketColor, akEditorSelectedBgColor, akEditorSelectedBlanketOpacity, akEditorSmallZIndex, akEditorShadowZIndex, akEditorSubtleAccent, akEditorSwoopCubicBezier, akEditorTableBorder, akEditorTableBorderDark, akEditorTableBorderDelete, akEditorTableBorderRadius, akEditorTableBorderSelected, akEditorTableCellBackgroundOpacity, akEditorTableCellDelete, akEditorTableCellMinWidth, akEditorTableCellSelected, akEditorTableFloatingControls, akEditorTableLegacyCellMinWidth, akEditorTableNumberColumnWidth, akEditorTableToolbar, akEditorTableToolbarDark, akEditorTableToolbarDelete, akEditorTableToolbarSelected, akEditorTableToolbarSize, akEditorUnitZIndex, akEditorWideLayoutWidth, akLayoutGutterOffset, akRichMediaResizeZIndex, blockNodesVerticalMargin, breakoutWideScaleRatio, editorFontSize, gridMediumMaxWidth, relativeSize, relativeFontSizeToBase16, DEFAULT_EMBED_CARD_HEIGHT, DEFAULT_EMBED_CARD_WIDTH, akEditorLineHeight, akEditorRuleBackground, akEditorRuleBorderRadius, akEditorSelectedNodeClassName, akEditorToolbarKeylineHeight, VIEWPORT_SIZES, akEditorMobileMaxWidth, getTableCellBackgroundDarkModeColors, ATLASSIAN_NAVIGATION_HEIGHT, } from './consts';
2
+ export { akEditorActiveBackground, akEditorActiveForeground, akEditorBlockquoteBorderColor, akEditorBreakoutPadding, akEditorCodeBackground, akEditorCodeBlockPadding, akEditorCodeFontFamily, akEditorCodeInlinePadding, akEditorContextPanelWidth, akEditorDefaultLayoutWidth, akEditorDeleteBackground, akEditorDeleteBackgroundShaded, akEditorDeleteBackgroundWithOpacity, akEditorDeleteBorder, akEditorDeleteIconColor, akEditorDropdownActiveBackground, akEditorFloatingDialogZIndex, akEditorFloatingOverlapPanelZIndex, akEditorFloatingPanelZIndex, akEditorFocus, akEditorFullPageMaxWidth, akEditorFullPageDefaultFontSize, akEditorFullWidthLayoutWidth, akEditorFullWidthLayoutLineLength, akEditorGridLineZIndex, akEditorGutterPadding, akEditorInactiveForeground, akEditorMediaResizeHandlerPadding, akEditorMediaResizeHandlerPaddingWide, akEditorMentionSelected, akEditorMenuZIndex, akEditorStickyHeaderZIndex, akEditorMobileBreakoutPoint, akEditorPopupBackground, akEditorPopupText, akEditorPrimaryButton, akEditorSelectedBorderColor, akEditorSelectedBorderBoldSize, akEditorSelectedBorderSize, akEditorSelectedBorder, akEditorSelectedBoxShadow, akEditorSelectedIconColor, akEditorCustomIconSize, akEditorSelectedBlanketColor, akEditorSelectedBgColor, akEditorSelectedBlanketOpacity, akEditorSmallZIndex, akEditorShadowZIndex, akEditorSubtleAccent, akEditorSwoopCubicBezier, akEditorTableBorder, akEditorTableBorderDark, akEditorTableBorderDelete, akEditorTableBorderRadius, akEditorTableBorderSelected, akEditorTableCellBackgroundOpacity, akEditorTableCellDelete, akEditorTableCellMinWidth, akEditorTableCellOnStickyHeaderZIndex, akEditorTableCellSelected, akEditorTableFloatingControls, akEditorTableLegacyCellMinWidth, akEditorTableNumberColumnWidth, akEditorTableToolbar, akEditorTableToolbarDark, akEditorTableToolbarDelete, akEditorTableToolbarSelected, akEditorTableToolbarSize, akEditorUnitZIndex, akEditorWideLayoutWidth, akLayoutGutterOffset, akRichMediaResizeZIndex, blockNodesVerticalMargin, breakoutWideScaleRatio, editorFontSize, gridMediumMaxWidth, relativeSize, relativeFontSizeToBase16, DEFAULT_EMBED_CARD_HEIGHT, DEFAULT_EMBED_CARD_WIDTH, akEditorLineHeight, akEditorRuleBackground, akEditorRuleBorderRadius, akEditorSelectedNodeClassName, akEditorToolbarKeylineHeight, VIEWPORT_SIZES, akEditorMobileMaxWidth, getTableCellBackgroundDarkModeColors, ATLASSIAN_NAVIGATION_HEIGHT, akEditorTableCellBlanketSelected, akEditorTableCellBlanketDeleted, } from './consts';
@@ -1,4 +1,4 @@
1
- export { akEditorActiveBackground, akEditorActiveForeground, akEditorBlockquoteBorderColor, akEditorBreakoutPadding, akEditorCodeBackground, akEditorCodeBlockPadding, akEditorCodeFontFamily, akEditorCodeInlinePadding, akEditorContextPanelWidth, akEditorDefaultLayoutWidth, akEditorDeleteBackground, akEditorDeleteBackgroundShaded, akEditorDeleteBackgroundWithOpacity, akEditorDeleteBorder, akEditorDeleteIconColor, akEditorDropdownActiveBackground, akEditorFloatingDialogZIndex, akEditorFloatingOverlapPanelZIndex, akEditorFloatingPanelZIndex, akEditorFocus, akEditorFullPageMaxWidth, akEditorFullPageDefaultFontSize, akEditorFullWidthLayoutWidth, akEditorFullWidthLayoutLineLength, akEditorGridLineZIndex, akEditorGutterPadding, akEditorInactiveForeground, akEditorMediaResizeHandlerPadding, akEditorMediaResizeHandlerPaddingWide, akEditorMentionSelected, akEditorMenuZIndex, akEditorStickyHeaderZIndex, akEditorMobileBreakoutPoint, akEditorPopupBackground, akEditorPopupText, akEditorPrimaryButton, akEditorSelectedBorderColor, akEditorSelectedBorderBoldSize, akEditorSelectedBorderSize, akEditorSelectedBorder, akEditorSelectedBoxShadow, akEditorSelectedIconColor, akEditorSelectedBlanketColor, akEditorSelectedBgColor, akEditorSelectedBlanketOpacity, akEditorSmallZIndex, akEditorShadowZIndex, akEditorSubtleAccent, akEditorSwoopCubicBezier, akEditorTableBorder, akEditorTableBorderDark, akEditorTableBorderDelete, akEditorTableBorderRadius, akEditorTableBorderSelected, akEditorTableCellBackgroundOpacity, akEditorTableCellDelete, akEditorTableCellMinWidth, akEditorTableCellSelected, akEditorTableFloatingControls, akEditorTableLegacyCellMinWidth, akEditorTableNumberColumnWidth, akEditorTableToolbar, akEditorTableToolbarDark, akEditorTableToolbarDelete, akEditorTableToolbarSelected, akEditorTableToolbarSize, akEditorUnitZIndex, akEditorWideLayoutWidth, akLayoutGutterOffset, akRichMediaResizeZIndex, blockNodesVerticalMargin, breakoutWideScaleRatio, editorFontSize, gridMediumMaxWidth, relativeSize, relativeFontSizeToBase16, DEFAULT_EMBED_CARD_HEIGHT, DEFAULT_EMBED_CARD_WIDTH, akEditorLineHeight, akEditorRuleBackground, akEditorRuleBorderRadius, akEditorSelectedNodeClassName, akEditorToolbarKeylineHeight, VIEWPORT_SIZES, akEditorMobileMaxWidth, getTableCellBackgroundDarkModeColors, ATLASSIAN_NAVIGATION_HEIGHT, } from './consts';
1
+ export { akEditorActiveBackground, akEditorActiveForeground, akEditorBlockquoteBorderColor, akEditorBreakoutPadding, akEditorCodeBackground, akEditorCodeBlockPadding, akEditorCodeFontFamily, akEditorCodeInlinePadding, akEditorContextPanelWidth, akEditorDefaultLayoutWidth, akEditorDeleteBackground, akEditorDeleteBackgroundShaded, akEditorDeleteBackgroundWithOpacity, akEditorDeleteBorder, akEditorDeleteIconColor, akEditorDropdownActiveBackground, akEditorFloatingDialogZIndex, akEditorFloatingOverlapPanelZIndex, akEditorFloatingPanelZIndex, akEditorFocus, akEditorFullPageMaxWidth, akEditorFullPageDefaultFontSize, akEditorFullWidthLayoutWidth, akEditorFullWidthLayoutLineLength, akEditorGridLineZIndex, akEditorGutterPadding, akEditorInactiveForeground, akEditorMediaResizeHandlerPadding, akEditorMediaResizeHandlerPaddingWide, akEditorMentionSelected, akEditorMenuZIndex, akEditorStickyHeaderZIndex, akEditorMobileBreakoutPoint, akEditorPopupBackground, akEditorPopupText, akEditorPrimaryButton, akEditorSelectedBorderColor, akEditorSelectedBorderBoldSize, akEditorSelectedBorderSize, akEditorSelectedBorder, akEditorSelectedBoxShadow, akEditorSelectedIconColor, akEditorSelectedBlanketColor, akEditorSelectedBgColor, akEditorSelectedBlanketOpacity, akEditorSmallZIndex, akEditorShadowZIndex, akEditorSubtleAccent, akEditorSwoopCubicBezier, akEditorTableBorder, akEditorTableBorderDark, akEditorTableBorderDelete, akEditorTableBorderRadius, akEditorTableBorderSelected, akEditorTableCellBackgroundOpacity, akEditorTableCellDelete, akEditorTableCellMinWidth, akEditorTableCellOnStickyHeaderZIndex, akEditorTableCellSelected, akEditorTableFloatingControls, akEditorTableLegacyCellMinWidth, akEditorTableNumberColumnWidth, akEditorTableToolbar, akEditorTableToolbarDark, akEditorTableToolbarDelete, akEditorTableToolbarSelected, akEditorTableToolbarSize, akEditorUnitZIndex, akEditorWideLayoutWidth, akLayoutGutterOffset, akRichMediaResizeZIndex, blockNodesVerticalMargin, breakoutWideScaleRatio, editorFontSize, gridMediumMaxWidth, relativeSize, relativeFontSizeToBase16, DEFAULT_EMBED_CARD_HEIGHT, DEFAULT_EMBED_CARD_WIDTH, akEditorLineHeight, akEditorRuleBackground, akEditorRuleBorderRadius, akEditorSelectedNodeClassName, akEditorToolbarKeylineHeight, VIEWPORT_SIZES, akEditorMobileMaxWidth, getTableCellBackgroundDarkModeColors, ATLASSIAN_NAVIGATION_HEIGHT, akEditorTableCellBlanketSelected, akEditorTableCellBlanketDeleted, } from './consts';
2
2
  export type { EditorTheme } from './consts';
3
3
  export { SelectionStyle, getSelectionStyles, hideNativeBrowserTextSelectionStyles, } from './selection';
4
4
  export { overflowShadow } from './overflow-shadow';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-shared-styles",
3
- "version": "2.4.3",
3
+ "version": "2.5.0",
4
4
  "description": "Style values used in the editor/renderer",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -25,7 +25,7 @@
25
25
  "atlassian": {
26
26
  "team": "Editor",
27
27
  "inPublicMirror": true,
28
- "releaseModel": "scheduled"
28
+ "releaseModel": "continuous"
29
29
  },
30
30
  "af:exports": {
31
31
  "./consts": "./src/consts/index.ts",
@@ -36,7 +36,7 @@
36
36
  },
37
37
  "dependencies": {
38
38
  "@atlaskit/theme": "^12.5.0",
39
- "@atlaskit/tokens": "^1.4.0",
39
+ "@atlaskit/tokens": "^1.13.0",
40
40
  "@babel/runtime": "^7.0.0",
41
41
  "@emotion/react": "^11.7.1"
42
42
  },
package/report.api.md CHANGED
@@ -197,12 +197,21 @@ export const akEditorTableBorderSelected = '#0065FF';
197
197
  // @public (undocumented)
198
198
  export const akEditorTableCellBackgroundOpacity = 0.5;
199
199
 
200
+ // @public (undocumented)
201
+ export const akEditorTableCellBlanketDeleted = 'rgba(255, 235, 230, 0.3)';
202
+
203
+ // @public (undocumented)
204
+ export const akEditorTableCellBlanketSelected = 'rgba(179, 212, 255, 0.3)';
205
+
200
206
  // @public (undocumented)
201
207
  export const akEditorTableCellDelete = '#FFEBE6';
202
208
 
203
209
  // @public (undocumented)
204
210
  export const akEditorTableCellMinWidth = 48;
205
211
 
212
+ // @public (undocumented)
213
+ export const akEditorTableCellOnStickyHeaderZIndex: number;
214
+
206
215
  // @public (undocumented)
207
216
  export const akEditorTableCellSelected = '#B3D4FF';
208
217
 
@@ -80,6 +80,9 @@ export const akEditorMenuZIndex = layers.blanket();
80
80
  export const akEditorFloatingPanelZIndex = layers.layer();
81
81
  // z-index used for pickers (date, emoji, mentions) and type-aheads, hyperlinks
82
82
  export const akEditorFloatingDialogZIndex = akEditorMenuZIndex + 10;
83
+ // z-index used for table cell menu options button on a sticky header
84
+ export const akEditorTableCellOnStickyHeaderZIndex =
85
+ akEditorFloatingDialogZIndex - 5;
83
86
  // z-index used for floating toolbars table cell menu which are above block toolbars
84
87
  export const akEditorFloatingOverlapPanelZIndex =
85
88
  akEditorFloatingPanelZIndex + 5;
@@ -121,6 +124,8 @@ export const akEditorRuleBackground = N30;
121
124
  export const akEditorRuleBorderRadius = '1px';
122
125
  export const akEditorToolbarKeylineHeight = 2;
123
126
  export const akEditorContextPanelWidth = 320;
127
+ export const akEditorTableCellBlanketSelected = 'rgba(179, 212, 255, 0.3)';
128
+ export const akEditorTableCellBlanketDeleted = 'rgba(255, 235, 230, 0.3)';
124
129
 
125
130
  // @see typography spreadsheet: https://docs.google.com/spreadsheets/d/1iYusRGCT4PoPfvxbJ8NrgjtfFgXLm5lpDWXzjua1W2E/edit#gid=93913128
126
131
  export const blockNodesVerticalMargin = '0.75rem';
@@ -58,6 +58,7 @@ export {
58
58
  akEditorTableCellBackgroundOpacity,
59
59
  akEditorTableCellDelete,
60
60
  akEditorTableCellMinWidth,
61
+ akEditorTableCellOnStickyHeaderZIndex,
61
62
  akEditorTableCellSelected,
62
63
  akEditorTableFloatingControls,
63
64
  akEditorTableLegacyCellMinWidth,
@@ -88,4 +89,6 @@ export {
88
89
  akEditorMobileMaxWidth,
89
90
  getTableCellBackgroundDarkModeColors,
90
91
  ATLASSIAN_NAVIGATION_HEIGHT,
92
+ akEditorTableCellBlanketSelected,
93
+ akEditorTableCellBlanketDeleted,
91
94
  } from './consts';
package/src/index.ts CHANGED
@@ -56,6 +56,7 @@ export {
56
56
  akEditorTableCellBackgroundOpacity,
57
57
  akEditorTableCellDelete,
58
58
  akEditorTableCellMinWidth,
59
+ akEditorTableCellOnStickyHeaderZIndex,
59
60
  akEditorTableCellSelected,
60
61
  akEditorTableFloatingControls,
61
62
  akEditorTableLegacyCellMinWidth,
@@ -86,6 +87,8 @@ export {
86
87
  akEditorMobileMaxWidth,
87
88
  getTableCellBackgroundDarkModeColors,
88
89
  ATLASSIAN_NAVIGATION_HEIGHT,
90
+ akEditorTableCellBlanketSelected,
91
+ akEditorTableCellBlanketDeleted,
89
92
  } from './consts';
90
93
  export type { EditorTheme } from './consts';
91
94
 
@@ -0,0 +1,345 @@
1
+ ## API Report File for "@atlaskit/editor-shared-styles"
2
+
3
+ > Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
4
+
5
+ ```ts
6
+
7
+ import { SerializedStyles } from '@emotion/react';
8
+
9
+ // @public (undocumented)
10
+ export const akEditorActiveBackground = "#42526E";
11
+
12
+ // @public (undocumented)
13
+ export const akEditorActiveForeground = "#FFFFFF";
14
+
15
+ // @public (undocumented)
16
+ export const akEditorBlockquoteBorderColor = "#DFE1E6";
17
+
18
+ // @public (undocumented)
19
+ export const akEditorBreakoutPadding = 96;
20
+
21
+ // @public (undocumented)
22
+ export const akEditorCodeBackground = "#F4F5F7";
23
+
24
+ // @public (undocumented)
25
+ export const akEditorCodeBlockPadding = "12px";
26
+
27
+ // @public (undocumented)
28
+ export const akEditorCodeFontFamily: string;
29
+
30
+ // @public (undocumented)
31
+ export const akEditorCodeInlinePadding = "2px 4px";
32
+
33
+ // @public (undocumented)
34
+ export const akEditorContextPanelWidth = 320;
35
+
36
+ // @public (undocumented)
37
+ export const akEditorDefaultLayoutWidth = 760;
38
+
39
+ // @public (undocumented)
40
+ export const akEditorDeleteBackground = "#FFEBE6";
41
+
42
+ // @public (undocumented)
43
+ export const akEditorDeleteBackgroundShaded = "#FFEBE6";
44
+
45
+ // @public (undocumented)
46
+ export const akEditorDeleteBackgroundWithOpacity = "rgba(255, 189, 173, 0.5)";
47
+
48
+ // @public (undocumented)
49
+ export const akEditorDeleteBorder = "#FF5630";
50
+
51
+ // @public (undocumented)
52
+ export const akEditorDeleteIconColor = "#DE350B";
53
+
54
+ // @public (undocumented)
55
+ export const akEditorDropdownActiveBackground = "#091E42";
56
+
57
+ // @public (undocumented)
58
+ export const akEditorFloatingDialogZIndex: number;
59
+
60
+ // @public (undocumented)
61
+ export const akEditorFloatingOverlapPanelZIndex: number;
62
+
63
+ // @public (undocumented)
64
+ export const akEditorFloatingPanelZIndex: 400;
65
+
66
+ // @public (undocumented)
67
+ export const akEditorFocus = "#4C9AFF";
68
+
69
+ // @public (undocumented)
70
+ export const akEditorFullPageDefaultFontSize = 16;
71
+
72
+ // @public (undocumented)
73
+ export const akEditorFullPageMaxWidth = 680;
74
+
75
+ // @public (undocumented)
76
+ export const akEditorFullWidthLayoutLineLength = 1792;
77
+
78
+ // @public (undocumented)
79
+ export const akEditorFullWidthLayoutWidth = 1800;
80
+
81
+ // @public (undocumented)
82
+ export const akEditorGridLineZIndex = 9999;
83
+
84
+ // @public (undocumented)
85
+ export const akEditorGutterPadding = 32;
86
+
87
+ // @public (undocumented)
88
+ export const akEditorInactiveForeground = "#42526E";
89
+
90
+ // @public (undocumented)
91
+ export const akEditorLineHeight = 1.714;
92
+
93
+ // @public (undocumented)
94
+ export const akEditorMediaResizeHandlerPadding = 4;
95
+
96
+ // @public (undocumented)
97
+ export const akEditorMediaResizeHandlerPaddingWide = 12;
98
+
99
+ // @public (undocumented)
100
+ export const akEditorMentionSelected = "#7A869A";
101
+
102
+ // @public (undocumented)
103
+ export const akEditorMenuZIndex: 500;
104
+
105
+ // @public (undocumented)
106
+ export const akEditorMobileBreakoutPoint = 720;
107
+
108
+ // @public (undocumented)
109
+ export const akEditorMobileMaxWidth = 0;
110
+
111
+ // @public (undocumented)
112
+ export const akEditorPopupBackground = "#253858";
113
+
114
+ // @public (undocumented)
115
+ export const akEditorPopupText = "#DEEBFF";
116
+
117
+ // @public (undocumented)
118
+ export const akEditorPrimaryButton = "#0052CC";
119
+
120
+ // @public (undocumented)
121
+ export const akEditorRuleBackground = "#EBECF0";
122
+
123
+ // @public (undocumented)
124
+ export const akEditorRuleBorderRadius = "1px";
125
+
126
+ // @public (undocumented)
127
+ export const akEditorSelectedBgColor = "#DEEBFF";
128
+
129
+ // @public (undocumented)
130
+ export const akEditorSelectedBlanketColor = "#B3D4FF";
131
+
132
+ // @public (undocumented)
133
+ export const akEditorSelectedBlanketOpacity = 0.3;
134
+
135
+ // @public (undocumented)
136
+ export const akEditorSelectedBorder: string;
137
+
138
+ // @public (undocumented)
139
+ export const akEditorSelectedBorderBoldSize = 2;
140
+
141
+ // @public (undocumented)
142
+ export const akEditorSelectedBorderColor = "#0065FF";
143
+
144
+ // @public (undocumented)
145
+ export const akEditorSelectedBorderSize = 1;
146
+
147
+ // @public (undocumented)
148
+ export const akEditorSelectedBoxShadow: string;
149
+
150
+ // @public (undocumented)
151
+ export const akEditorSelectedIconColor = "#0052CC";
152
+
153
+ // @public (undocumented)
154
+ export const akEditorSelectedNodeClassName = "ak-editor-selected-node";
155
+
156
+ // @public (undocumented)
157
+ export const akEditorShadowZIndex = 2;
158
+
159
+ // @public (undocumented)
160
+ export const akEditorSmallZIndex: number;
161
+
162
+ // @public (undocumented)
163
+ export const akEditorStickyHeaderZIndex = 11;
164
+
165
+ // @public (undocumented)
166
+ export const akEditorSubtleAccent = "#DFE1E6";
167
+
168
+ // @public (undocumented)
169
+ export const akEditorSwoopCubicBezier = "cubic-bezier(0.15, 1, 0.3, 1)";
170
+
171
+ // @public (undocumented)
172
+ export const akEditorTableBorder = "#C1C7D0";
173
+
174
+ // @public (undocumented)
175
+ export const akEditorTableBorderDark = "#3B475C";
176
+
177
+ // @public (undocumented)
178
+ export const akEditorTableBorderDelete = "#FF5630";
179
+
180
+ // @public (undocumented)
181
+ export const akEditorTableBorderRadius = "3px";
182
+
183
+ // @public (undocumented)
184
+ export const akEditorTableBorderSelected = "#0065FF";
185
+
186
+ // @public (undocumented)
187
+ export const akEditorTableCellBackgroundOpacity = 0.5;
188
+
189
+ // @public (undocumented)
190
+ export const akEditorTableCellBlanketDeleted = "rgba(255, 235, 230, 0.3)";
191
+
192
+ // @public (undocumented)
193
+ export const akEditorTableCellBlanketSelected = "rgba(179, 212, 255, 0.3)";
194
+
195
+ // @public (undocumented)
196
+ export const akEditorTableCellDelete = "#FFEBE6";
197
+
198
+ // @public (undocumented)
199
+ export const akEditorTableCellMinWidth = 48;
200
+
201
+ // @public (undocumented)
202
+ export const akEditorTableCellOnStickyHeaderZIndex: number;
203
+
204
+ // @public (undocumented)
205
+ export const akEditorTableCellSelected = "#B3D4FF";
206
+
207
+ // @public (undocumented)
208
+ export const akEditorTableFloatingControls = "#F4F5F7";
209
+
210
+ // @public (undocumented)
211
+ export const akEditorTableLegacyCellMinWidth = 128;
212
+
213
+ // @public (undocumented)
214
+ export const akEditorTableNumberColumnWidth = 42;
215
+
216
+ // @public (undocumented)
217
+ export const akEditorTableToolbar = "#F4F5F7";
218
+
219
+ // @public (undocumented)
220
+ export const akEditorTableToolbarDark = "#283447";
221
+
222
+ // @public (undocumented)
223
+ export const akEditorTableToolbarDelete = "#FFBDAD";
224
+
225
+ // @public (undocumented)
226
+ export const akEditorTableToolbarSelected = "#4C9AFF";
227
+
228
+ // @public (undocumented)
229
+ export const akEditorTableToolbarSize = 11;
230
+
231
+ // @public (undocumented)
232
+ export const akEditorToolbarKeylineHeight = 2;
233
+
234
+ // @public (undocumented)
235
+ export const akEditorUnitZIndex = 1;
236
+
237
+ // @public (undocumented)
238
+ export const akEditorWideLayoutWidth = 960;
239
+
240
+ // @public (undocumented)
241
+ export const akLayoutGutterOffset: number;
242
+
243
+ // @public (undocumented)
244
+ export const akRichMediaResizeZIndex: number;
245
+
246
+ // @public (undocumented)
247
+ export const ATLASSIAN_NAVIGATION_HEIGHT = "56px";
248
+
249
+ // @public (undocumented)
250
+ export const blockNodesVerticalMargin = "0.75rem";
251
+
252
+ // @public (undocumented)
253
+ export const breakoutWideScaleRatio = 1.33;
254
+
255
+ // @public (undocumented)
256
+ export const DEFAULT_EMBED_CARD_HEIGHT = 480;
257
+
258
+ // @public (undocumented)
259
+ export const DEFAULT_EMBED_CARD_WIDTH = 680;
260
+
261
+ // @public (undocumented)
262
+ export const editorFontSize: ({ theme }: {
263
+ theme: EditorTheme;
264
+ }) => number;
265
+
266
+ // @public (undocumented)
267
+ export type EditorTheme = {
268
+ baseFontSize?: number;
269
+ };
270
+
271
+ // @public
272
+ export const getSelectionStyles: (selectionStyles: Array<SelectionStyle>) => string;
273
+
274
+ // @public (undocumented)
275
+ export const getTableCellBackgroundDarkModeColors: string;
276
+
277
+ // @public (undocumented)
278
+ export const gridMediumMaxWidth = 1024;
279
+
280
+ // @public (undocumented)
281
+ export const hideNativeBrowserTextSelectionStyles = "\n ::selection,*::selection {\n background-color: transparent;\n }\n ::-moz-selection,*::-moz-selection {\n background-color: transparent;\n }\n";
282
+
283
+ // @public (undocumented)
284
+ export const overflowShadow: ({ background, width, leftCoverWidth, rightCoverWidth, }: {
285
+ background: string;
286
+ width?: string | undefined;
287
+ leftCoverWidth?: string | undefined;
288
+ rightCoverWidth?: string | undefined;
289
+ }) => SerializedStyles;
290
+
291
+ // @public (undocumented)
292
+ export const relativeFontSizeToBase16: (px: number | string) => string;
293
+
294
+ // @public (undocumented)
295
+ export const relativeSize: (multiplier: number) => ({ theme }: {
296
+ theme: EditorTheme;
297
+ }) => number;
298
+
299
+ // @public
300
+ export enum SelectionStyle {
301
+ // (undocumented)
302
+ Background = 2,
303
+ // (undocumented)
304
+ Blanket = 3,
305
+ // (undocumented)
306
+ Border = 0,
307
+ // (undocumented)
308
+ BoxShadow = 1
309
+ }
310
+
311
+ // @public (undocumented)
312
+ export const VIEWPORT_SIZES: {
313
+ laptopHiDPI: {
314
+ width: number;
315
+ height: number;
316
+ };
317
+ laptopMDPI: {
318
+ width: number;
319
+ height: number;
320
+ };
321
+ tabletL: {
322
+ width: number;
323
+ height: number;
324
+ };
325
+ tabletS: {
326
+ width: number;
327
+ height: number;
328
+ };
329
+ mobileM: {
330
+ width: number;
331
+ height: number;
332
+ };
333
+ mobileS: {
334
+ width: number;
335
+ height: number;
336
+ };
337
+ mobileXS: {
338
+ width: number;
339
+ height: number;
340
+ };
341
+ };
342
+
343
+ // (No @packageDocumentation comment for this package)
344
+
345
+ ```