@atlaskit/editor-shared-styles 2.13.4 → 3.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (40) hide show
  1. package/CHANGELOG.md +17 -0
  2. package/afm-cc/tsconfig.json +0 -3
  3. package/afm-jira/tsconfig.json +0 -3
  4. package/afm-post-office/tsconfig.json +0 -3
  5. package/dist/cjs/consts/consts.js +20 -43
  6. package/dist/cjs/consts/index.js +0 -132
  7. package/dist/cjs/index.js +0 -132
  8. package/dist/cjs/overflow-shadow/overflow-shadow.js +1 -2
  9. package/dist/cjs/scrollbar-styles.js +1 -1
  10. package/dist/cjs/selection/utils.js +2 -2
  11. package/dist/cjs/shortcut/shortcut.js +1 -3
  12. package/dist/es2019/consts/consts.js +20 -44
  13. package/dist/es2019/consts/index.js +1 -1
  14. package/dist/es2019/index.js +1 -1
  15. package/dist/es2019/overflow-shadow/overflow-shadow.js +10 -11
  16. package/dist/es2019/scrollbar-styles.js +3 -3
  17. package/dist/es2019/selection/utils.js +3 -3
  18. package/dist/es2019/shortcut/shortcut.js +3 -5
  19. package/dist/esm/consts/consts.js +20 -44
  20. package/dist/esm/consts/index.js +1 -1
  21. package/dist/esm/index.js +1 -1
  22. package/dist/esm/overflow-shadow/overflow-shadow.js +1 -2
  23. package/dist/esm/scrollbar-styles.js +1 -1
  24. package/dist/esm/selection/utils.js +3 -3
  25. package/dist/esm/shortcut/shortcut.js +1 -3
  26. package/dist/types/consts/consts.d.ts +14 -36
  27. package/dist/types/consts/index.d.ts +1 -1
  28. package/dist/types/index.d.ts +1 -1
  29. package/dist/types-ts4.5/consts/consts.d.ts +14 -36
  30. package/dist/types-ts4.5/consts/index.d.ts +1 -1
  31. package/dist/types-ts4.5/index.d.ts +1 -1
  32. package/package.json +2 -3
  33. package/src/consts/consts.ts +38 -107
  34. package/src/consts/index.ts +0 -22
  35. package/src/index.ts +0 -22
  36. package/src/overflow-shadow/overflow-shadow.ts +12 -13
  37. package/src/scrollbar-styles.ts +3 -3
  38. package/src/selection/utils.ts +2 -3
  39. package/src/shortcut/shortcut.ts +3 -8
  40. package/tsconfig.app.json +0 -3
package/CHANGELOG.md CHANGED
@@ -1,5 +1,22 @@
1
1
  # @atlaskit/editor-shared-styles
2
2
 
3
+ ## 3.0.0
4
+
5
+ ### Major Changes
6
+
7
+ - [#145684](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/145684)
8
+ [`8faa0ce1c97d3`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/8faa0ce1c97d3) -
9
+ [ux] Removed unused consts and updated colours to use tokens instead of the theme package
10
+
11
+ ## 2.13.5
12
+
13
+ ### Patch Changes
14
+
15
+ - [#143733](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/143733)
16
+ [`db2f2648fd208`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/db2f2648fd208) -
17
+ [ux] Removing token fallbacks for styling. For apps supporting tokens this has no difference, for
18
+ those not there may be slight variations in colors to align with tokens.
19
+
3
20
  ## 2.13.4
4
21
 
5
22
  ### Patch Changes
package/afm-cc/tsconfig.json CHANGED
@@ -21,9 +21,6 @@
21
21
  {
22
22
  "path": "../../../platform/feature-flags/afm-cc/tsconfig.json"
23
23
  },
24
- {
25
- "path": "../../../design-system/theme/afm-cc/tsconfig.json"
26
- },
27
24
  {
28
25
  "path": "../../../design-system/tokens/afm-cc/tsconfig.json"
29
26
  }
package/afm-jira/tsconfig.json CHANGED
@@ -20,9 +20,6 @@
20
20
  {
21
21
  "path": "../../../platform/feature-flags/afm-jira/tsconfig.json"
22
22
  },
23
- {
24
- "path": "../../../design-system/theme/afm-jira/tsconfig.json"
25
- },
26
23
  {
27
24
  "path": "../../../design-system/tokens/afm-jira/tsconfig.json"
28
25
  }
package/afm-post-office/tsconfig.json CHANGED
@@ -20,9 +20,6 @@
20
20
  {
21
21
  "path": "../../../platform/feature-flags/afm-post-office/tsconfig.json"
22
22
  },
23
- {
24
- "path": "../../../design-system/theme/afm-post-office/tsconfig.json"
25
- },
26
23
  {
27
24
  "path": "../../../design-system/tokens/afm-post-office/tsconfig.json"
28
25
  }
package/dist/cjs/consts/consts.js CHANGED
@@ -4,43 +4,29 @@ 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.akEditorWideLayoutWidth = exports.akEditorUnitZIndex = exports.akEditorToolbarKeylineHeight = exports.akEditorTableToolbarSize = exports.akEditorTableToolbarSelected = exports.akEditorTableToolbarDelete = exports.akEditorTableToolbarDark = exports.akEditorTableToolbar = exports.akEditorTableNumberColumnWidth = exports.akEditorTableLegacyCellMinWidth = exports.akEditorTableHeaderCellBackgroundDark = exports.akEditorTableHeaderCellBackground = 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.akEditorGutterPaddingDynamic = 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.akEditorCalculatedWideLayoutWidthSmallViewport = exports.akEditorCalculatedWideLayoutWidth = exports.akEditorBreakoutPadding = exports.akEditorBlockquoteBorderColor = exports.akEditorActiveForeground = exports.akEditorActiveBackground = 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.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.akEditorSelectedBlanketOpacity = exports.akEditorRuleBorderRadius = exports.akEditorMobileMaxWidth = exports.akEditorMobileBreakoutPoint = exports.akEditorMenuZIndex = exports.akEditorMediaResizeHandlerPaddingWide = exports.akEditorMediaResizeHandlerPadding = exports.akEditorLineHeight = exports.akEditorGutterPaddingDynamic = exports.akEditorGutterPadding = exports.akEditorGridLineZIndex = exports.akEditorFullWidthLayoutWidth = exports.akEditorFullWidthLayoutLineLength = exports.akEditorFullPageMaxWidth = 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.relativeSize = exports.relativeFontSizeToBase16 = exports.gridMediumMaxWidth = exports.getTableCellBackgroundDarkModeColors = void 0;
10
10
  var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
11
11
  var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
12
- var _colors = require("@atlaskit/theme/colors");
13
- var _constants = require("@atlaskit/theme/constants");
14
12
  /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
15
13
 
16
14
  var akEditorFullPageDefaultFontSize = exports.akEditorFullPageDefaultFontSize = 16;
17
- var akEditorCodeFontFamily = exports.akEditorCodeFontFamily = (0, _constants.codeFontFamily)();
18
- var akEditorInactiveForeground = exports.akEditorInactiveForeground = _colors.N500;
19
- var akEditorFocus = exports.akEditorFocus = _colors.B100;
20
- var akEditorSubtleAccent = exports.akEditorSubtleAccent = _colors.N40;
21
- var akEditorActiveBackground = exports.akEditorActiveBackground = _colors.N500;
22
- var akEditorActiveForeground = exports.akEditorActiveForeground = _colors.N0;
23
- var akEditorBlockquoteBorderColor = exports.akEditorBlockquoteBorderColor = _colors.N40;
24
- var akEditorDropdownActiveBackground = exports.akEditorDropdownActiveBackground = _colors.N900;
25
- var akEditorPopupBackground = exports.akEditorPopupBackground = _colors.N700;
26
- var akEditorPopupText = exports.akEditorPopupText = _colors.B50;
27
- var akEditorPrimaryButton = exports.akEditorPrimaryButton = _colors.B400;
28
- var akEditorCodeBackground = exports.akEditorCodeBackground = _colors.N20;
15
+ var akEditorCodeFontFamily = exports.akEditorCodeFontFamily = "var(--ds-font-family-code, ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace)";
16
+ var akEditorSubtleAccent = exports.akEditorSubtleAccent = "var(--ds-background-accent-gray-subtler, #DCDFE4)";
17
+ var akEditorBlockquoteBorderColor = exports.akEditorBlockquoteBorderColor = "var(--ds-border, #091E4224)";
18
+ var akEditorCodeBackground = exports.akEditorCodeBackground = "var(--ds-background-accent-gray-subtlest, #F1F2F4)";
29
19
  var akEditorCodeBlockPadding = exports.akEditorCodeBlockPadding = '12px';
30
20
  var akEditorCodeInlinePadding = exports.akEditorCodeInlinePadding = '2px 4px';
31
- var akEditorDeleteBackground = exports.akEditorDeleteBackground = _colors.R50;
32
- var akEditorDeleteBackgroundShaded = exports.akEditorDeleteBackgroundShaded = _colors.R50;
21
+ var akEditorDeleteBackground = exports.akEditorDeleteBackground = "var(--ds-background-danger, #FFECEB)";
33
22
  var akEditorDeleteBackgroundWithOpacity = exports.akEditorDeleteBackgroundWithOpacity = 'rgba(255, 189, 173, 0.5)'; // R75 with 50% opacity
34
- var akEditorDeleteBorder = exports.akEditorDeleteBorder = _colors.R300;
35
- var akEditorDeleteIconColor = exports.akEditorDeleteIconColor = _colors.R400;
23
+ var akEditorDeleteBorder = exports.akEditorDeleteBorder = "var(--ds-border-danger, #E2483D)";
24
+ var akEditorDeleteIconColor = exports.akEditorDeleteIconColor = "var(--ds-icon-danger, #C9372C)";
36
25
  var akEditorCustomIconSize = exports.akEditorCustomIconSize = 20;
37
- var akEditorSelectedBorderColor = exports.akEditorSelectedBorderColor = _colors.B300;
38
- var akEditorSelectedBgColor = exports.akEditorSelectedBgColor = _colors.B50;
39
- var akEditorSelectedBlanketColor = exports.akEditorSelectedBlanketColor = _colors.B75;
26
+ var akEditorSelectedBorderColor = exports.akEditorSelectedBorderColor = "var(--ds-border-selected, #0C66E4)";
40
27
  var akEditorSelectedBorderSize = exports.akEditorSelectedBorderSize = 1;
41
- var akEditorSelectedBorder = exports.akEditorSelectedBorder = "".concat(akEditorSelectedBorderSize, "px solid ", "var(--ds-border-selected, ".concat(akEditorSelectedBorderColor, ")"));
42
- var akEditorSelectedBoxShadow = exports.akEditorSelectedBoxShadow = "0 0 0 ".concat(akEditorSelectedBorderSize, "px ", "var(--ds-border-selected, ".concat(akEditorSelectedBorderColor, ")"));
43
- var akEditorSelectedIconColor = exports.akEditorSelectedIconColor = _colors.B400;
28
+ var akEditorSelectedBorder = exports.akEditorSelectedBorder = "".concat(akEditorSelectedBorderSize, "px solid ", "var(--ds-border-selected, #0C66E4)");
29
+ var akEditorSelectedBoxShadow = exports.akEditorSelectedBoxShadow = "0 0 0 ".concat(akEditorSelectedBorderSize, "px ", "var(--ds-border-selected, #0C66E4)");
44
30
  var akEditorSelectedBorderBoldSize = exports.akEditorSelectedBorderBoldSize = 2;
45
31
  var akEditorSelectedBlanketOpacity = exports.akEditorSelectedBlanketOpacity = 0.3;
46
32
  var akEditorUnitZIndex = exports.akEditorUnitZIndex = 1;
@@ -50,30 +36,21 @@ var akEditorSmallZIndex = exports.akEditorSmallZIndex = akEditorStickyHeaderZInd
50
36
  var akEditorGridLineZIndex = exports.akEditorGridLineZIndex = 2;
51
37
  // z-index for main menu bar -
52
38
  // this is highest as it should be above anything else in editor below.
53
- var akEditorMenuZIndex = exports.akEditorMenuZIndex = _constants.layers.blanket();
39
+ var akEditorMenuZIndex = exports.akEditorMenuZIndex = 500;
54
40
  // z-index used for floating toolbars like code block, table etc
55
- var akEditorFloatingPanelZIndex = exports.akEditorFloatingPanelZIndex = _constants.layers.layer();
41
+ var akEditorFloatingPanelZIndex = exports.akEditorFloatingPanelZIndex = 400;
56
42
  // z-index used for pickers (date, emoji, mentions) and type-aheads, hyperlinks
57
43
  var akEditorFloatingDialogZIndex = exports.akEditorFloatingDialogZIndex = akEditorMenuZIndex + 10;
58
44
  // z-index used for table cell menu options button on a sticky header
59
45
  var akEditorTableCellOnStickyHeaderZIndex = exports.akEditorTableCellOnStickyHeaderZIndex = akEditorFloatingDialogZIndex - 5;
60
46
  // z-index used for floating toolbars table cell menu which are above block toolbars
61
47
  var akEditorFloatingOverlapPanelZIndex = exports.akEditorFloatingOverlapPanelZIndex = akEditorFloatingPanelZIndex + 5;
62
- var akEditorMentionSelected = exports.akEditorMentionSelected = _colors.N100;
63
48
  var akEditorTableToolbarSize = exports.akEditorTableToolbarSize = 11;
64
- var akEditorTableBorder = exports.akEditorTableBorder = _colors.N50;
65
- var akEditorTableBorderDark = exports.akEditorTableBorderDark = _colors.DN70;
66
- var akEditorTableToolbar = exports.akEditorTableToolbar = _colors.N20;
67
- var akEditorTableToolbarDark = exports.akEditorTableToolbarDark = _colors.DN50;
68
- var akEditorTableFloatingControls = exports.akEditorTableFloatingControls = _colors.N20;
69
- var akEditorTableCellSelected = exports.akEditorTableCellSelected = _colors.B75;
49
+ var akEditorTableBorder = exports.akEditorTableBorder = "var(--ds-background-accent-gray-subtler, #DCDFE4)";
50
+ var akEditorTableToolbar = exports.akEditorTableToolbar = "var(--ds-background-accent-gray-subtlest, #F1F2F4)";
70
51
  var akEditorTableHeaderCellBackground = exports.akEditorTableHeaderCellBackground = '#F1F2F4';
71
52
  var akEditorTableHeaderCellBackgroundDark = exports.akEditorTableHeaderCellBackgroundDark = '#2C333A';
72
- var akEditorTableToolbarSelected = exports.akEditorTableToolbarSelected = _colors.B100;
73
- var akEditorTableBorderSelected = exports.akEditorTableBorderSelected = _colors.B300;
74
- var akEditorTableCellDelete = exports.akEditorTableCellDelete = _colors.R50;
75
- var akEditorTableBorderDelete = exports.akEditorTableBorderDelete = _colors.R300;
76
- var akEditorTableToolbarDelete = exports.akEditorTableToolbarDelete = _colors.R75;
53
+ var akEditorTableBorderSelected = exports.akEditorTableBorderSelected = "var(--ds-border-focused, #388BFF)";
77
54
  var akEditorTableBorderRadius = exports.akEditorTableBorderRadius = '3px';
78
55
  var akEditorTableCellBackgroundOpacity = exports.akEditorTableCellBackgroundOpacity = 0.5;
79
56
  var akEditorFullPageMaxWidth = exports.akEditorFullPageMaxWidth = 680;
@@ -98,9 +75,8 @@ var breakoutWideScaleRatio = exports.breakoutWideScaleRatio = 1.33;
98
75
  var akEditorCalculatedWideLayoutWidthSmallViewport = exports.akEditorCalculatedWideLayoutWidthSmallViewport = 905; // from breakoutConsts.calcWideWidth, layoutMaxWidth * breakoutConsts.wideScaleRatio = 904.8 ~ 905 This is a resulting width value that is applied to nodes that currently use breakouts (except table) and are set to `wide` when the viewport's width is <= 1266px.
99
76
  var akEditorCalculatedWideLayoutWidth = exports.akEditorCalculatedWideLayoutWidth = 1011; // = akEditorDefaultLayoutWidth * breakoutWideScaleRatio = 1010.8 ~ 1011 This is a resulting width value that is applied to nodes that currently use breakouts (except table) and are set to `wide` when the viewport's width is > 1329px.
100
77
  var akRichMediaResizeZIndex = exports.akRichMediaResizeZIndex = akEditorUnitZIndex * 99;
101
- var akLayoutGutterOffset = exports.akLayoutGutterOffset = (0, _constants.gridSize)() * 1.5;
78
+ var akLayoutGutterOffset = exports.akLayoutGutterOffset = 12;
102
79
  var akEditorLineHeight = exports.akEditorLineHeight = 1.714;
103
- var akEditorRuleBackground = exports.akEditorRuleBackground = _colors.N30;
104
80
  var akEditorRuleBorderRadius = exports.akEditorRuleBorderRadius = '1px';
105
81
  var akEditorToolbarKeylineHeight = exports.akEditorToolbarKeylineHeight = 2;
106
82
  var akEditorContextPanelWidth = exports.akEditorContextPanelWidth = 320;
@@ -115,13 +91,14 @@ var MAX_BROWSER_SCROLLBAR_HEIGHT = exports.MAX_BROWSER_SCROLLBAR_HEIGHT = 20;
115
91
 
116
92
  // @deprecated
117
93
  var ATLASSIAN_NAVIGATION_HEIGHT = exports.ATLASSIAN_NAVIGATION_HEIGHT = '56px';
94
+ var DEFAULT_FONT_SIZE = 14;
118
95
  var FULL_PAGE_EDITOR_TOOLBAR_HEIGHT = exports.FULL_PAGE_EDITOR_TOOLBAR_HEIGHT = function FULL_PAGE_EDITOR_TOOLBAR_HEIGHT() {
119
96
  return (0, _platformFeatureFlags.fg)('platform.confluence.frontend.narrow-full-page-editor-toolbar') ? "var(--ds-space-500, 40px)" : '56px';
120
97
  };
121
98
  var akEditorSelectedNodeClassName = exports.akEditorSelectedNodeClassName = 'ak-editor-selected-node';
122
99
  var editorFontSize = exports.editorFontSize = function editorFontSize(_ref) {
123
100
  var theme = _ref.theme;
124
- return theme && theme.baseFontSize ? theme.baseFontSize : (0, _constants.fontSize)();
101
+ return theme && theme.baseFontSize ? theme.baseFontSize : DEFAULT_FONT_SIZE;
125
102
  };
126
103
  var relativeSize = exports.relativeSize = function relativeSize(multiplier) {
127
104
  return function (_ref2) {
@@ -182,4 +159,4 @@ var getTableCellBackgroundDarkModeColors = exports.getTableCellBackgroundDarkMod
182
159
  function getTableCellBackgroundDarkModeColorCSS(colorName, colorValue) {
183
160
  return "\n &[colorname=\"".concat(colorName, "\"] {\n background-color: ").concat(colorValue, " !important; // !important to override default style color\n }\n ");
184
161
  }
185
- var avatarColors = exports.avatarColors = ["var(--ds-icon-accent-red, ".concat(_colors.R100, ")"), "var(--ds-background-accent-red-bolder-hovered, ".concat(_colors.R300, ")"), "var(--ds-icon-accent-magenta, ".concat(_colors.R500, ")"), "var(--ds-background-accent-magenta-bolder-hovered, ".concat(_colors.Y100, ")"), "var(--ds-icon-accent-orange, ".concat(_colors.Y300, ")"), "var(--ds-background-accent-orange-bolder-hovered, ".concat(_colors.Y500, ")"), "var(--ds-icon-accent-green, ".concat(_colors.G100, ")"), "var(--ds-background-accent-green-bolder-hovered, ".concat(_colors.G300, ")"), "var(--ds-icon-accent-blue, ".concat(_colors.G500, ")"), "var(--ds-background-accent-blue-bolder-hovered, ".concat(_colors.T100, ")"), "var(--ds-icon-accent-teal, ".concat(_colors.T300, ")"), "var(--ds-background-accent-teal-bolder-hovered, ".concat(_colors.T500, ")"), "var(--ds-icon-accent-lime, ".concat(_colors.B100, ")"), "var(--ds-background-accent-lime-bolder-hovered, ".concat(_colors.B300, ")"), "var(--ds-icon-accent-purple, ".concat(_colors.B500, ")"), "var(--ds-background-accent-purple-bolder-hovered, ".concat(_colors.N70, ")"), "var(--ds-icon-accent-gray, ".concat(_colors.N200, ")"), "var(--ds-background-accent-gray-bolder-hovered, ".concat(_colors.N800, ")"), "var(--ds-icon-accent-yellow, ".concat(_colors.P100, ")"), "var(--ds-background-accent-yellow-bolder-hovered, ".concat(_colors.P300, ")"), "var(--ds-background-accent-yellow-bolder-pressed, ".concat(_colors.P500, ")")];
162
+ 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)"];
package/dist/cjs/consts/index.js CHANGED
@@ -39,18 +39,6 @@ Object.defineProperty(exports, "VIEWPORT_SIZES", {
39
39
  return _consts.VIEWPORT_SIZES;
40
40
  }
41
41
  });
42
- Object.defineProperty(exports, "akEditorActiveBackground", {
43
- enumerable: true,
44
- get: function get() {
45
- return _consts.akEditorActiveBackground;
46
- }
47
- });
48
- Object.defineProperty(exports, "akEditorActiveForeground", {
49
- enumerable: true,
50
- get: function get() {
51
- return _consts.akEditorActiveForeground;
52
- }
53
- });
54
42
  Object.defineProperty(exports, "akEditorBlockquoteBorderColor", {
55
43
  enumerable: true,
56
44
  get: function get() {
@@ -123,12 +111,6 @@ Object.defineProperty(exports, "akEditorDeleteBackground", {
123
111
  return _consts.akEditorDeleteBackground;
124
112
  }
125
113
  });
126
- Object.defineProperty(exports, "akEditorDeleteBackgroundShaded", {
127
- enumerable: true,
128
- get: function get() {
129
- return _consts.akEditorDeleteBackgroundShaded;
130
- }
131
- });
132
114
  Object.defineProperty(exports, "akEditorDeleteBackgroundWithOpacity", {
133
115
  enumerable: true,
134
116
  get: function get() {
@@ -147,12 +129,6 @@ Object.defineProperty(exports, "akEditorDeleteIconColor", {
147
129
  return _consts.akEditorDeleteIconColor;
148
130
  }
149
131
  });
150
- Object.defineProperty(exports, "akEditorDropdownActiveBackground", {
151
- enumerable: true,
152
- get: function get() {
153
- return _consts.akEditorDropdownActiveBackground;
154
- }
155
- });
156
132
  Object.defineProperty(exports, "akEditorFloatingDialogZIndex", {
157
133
  enumerable: true,
158
134
  get: function get() {
@@ -171,12 +147,6 @@ Object.defineProperty(exports, "akEditorFloatingPanelZIndex", {
171
147
  return _consts.akEditorFloatingPanelZIndex;
172
148
  }
173
149
  });
174
- Object.defineProperty(exports, "akEditorFocus", {
175
- enumerable: true,
176
- get: function get() {
177
- return _consts.akEditorFocus;
178
- }
179
- });
180
150
  Object.defineProperty(exports, "akEditorFullPageDefaultFontSize", {
181
151
  enumerable: true,
182
152
  get: function get() {
@@ -219,12 +189,6 @@ Object.defineProperty(exports, "akEditorGutterPaddingDynamic", {
219
189
  return _consts.akEditorGutterPaddingDynamic;
220
190
  }
221
191
  });
222
- Object.defineProperty(exports, "akEditorInactiveForeground", {
223
- enumerable: true,
224
- get: function get() {
225
- return _consts.akEditorInactiveForeground;
226
- }
227
- });
228
192
  Object.defineProperty(exports, "akEditorLineHeight", {
229
193
  enumerable: true,
230
194
  get: function get() {
@@ -243,12 +207,6 @@ Object.defineProperty(exports, "akEditorMediaResizeHandlerPaddingWide", {
243
207
  return _consts.akEditorMediaResizeHandlerPaddingWide;
244
208
  }
245
209
  });
246
- Object.defineProperty(exports, "akEditorMentionSelected", {
247
- enumerable: true,
248
- get: function get() {
249
- return _consts.akEditorMentionSelected;
250
- }
251
- });
252
210
  Object.defineProperty(exports, "akEditorMenuZIndex", {
253
211
  enumerable: true,
254
212
  get: function get() {
@@ -267,48 +225,12 @@ Object.defineProperty(exports, "akEditorMobileMaxWidth", {
267
225
  return _consts.akEditorMobileMaxWidth;
268
226
  }
269
227
  });
270
- Object.defineProperty(exports, "akEditorPopupBackground", {
271
- enumerable: true,
272
- get: function get() {
273
- return _consts.akEditorPopupBackground;
274
- }
275
- });
276
- Object.defineProperty(exports, "akEditorPopupText", {
277
- enumerable: true,
278
- get: function get() {
279
- return _consts.akEditorPopupText;
280
- }
281
- });
282
- Object.defineProperty(exports, "akEditorPrimaryButton", {
283
- enumerable: true,
284
- get: function get() {
285
- return _consts.akEditorPrimaryButton;
286
- }
287
- });
288
- Object.defineProperty(exports, "akEditorRuleBackground", {
289
- enumerable: true,
290
- get: function get() {
291
- return _consts.akEditorRuleBackground;
292
- }
293
- });
294
228
  Object.defineProperty(exports, "akEditorRuleBorderRadius", {
295
229
  enumerable: true,
296
230
  get: function get() {
297
231
  return _consts.akEditorRuleBorderRadius;
298
232
  }
299
233
  });
300
- Object.defineProperty(exports, "akEditorSelectedBgColor", {
301
- enumerable: true,
302
- get: function get() {
303
- return _consts.akEditorSelectedBgColor;
304
- }
305
- });
306
- Object.defineProperty(exports, "akEditorSelectedBlanketColor", {
307
- enumerable: true,
308
- get: function get() {
309
- return _consts.akEditorSelectedBlanketColor;
310
- }
311
- });
312
234
  Object.defineProperty(exports, "akEditorSelectedBlanketOpacity", {
313
235
  enumerable: true,
314
236
  get: function get() {
@@ -345,12 +267,6 @@ Object.defineProperty(exports, "akEditorSelectedBoxShadow", {
345
267
  return _consts.akEditorSelectedBoxShadow;
346
268
  }
347
269
  });
348
- Object.defineProperty(exports, "akEditorSelectedIconColor", {
349
- enumerable: true,
350
- get: function get() {
351
- return _consts.akEditorSelectedIconColor;
352
- }
353
- });
354
270
  Object.defineProperty(exports, "akEditorSelectedNodeClassName", {
355
271
  enumerable: true,
356
272
  get: function get() {
@@ -393,18 +309,6 @@ Object.defineProperty(exports, "akEditorTableBorder", {
393
309
  return _consts.akEditorTableBorder;
394
310
  }
395
311
  });
396
- Object.defineProperty(exports, "akEditorTableBorderDark", {
397
- enumerable: true,
398
- get: function get() {
399
- return _consts.akEditorTableBorderDark;
400
- }
401
- });
402
- Object.defineProperty(exports, "akEditorTableBorderDelete", {
403
- enumerable: true,
404
- get: function get() {
405
- return _consts.akEditorTableBorderDelete;
406
- }
407
- });
408
312
  Object.defineProperty(exports, "akEditorTableBorderRadius", {
409
313
  enumerable: true,
410
314
  get: function get() {
@@ -435,12 +339,6 @@ Object.defineProperty(exports, "akEditorTableCellBlanketSelected", {
435
339
  return _consts.akEditorTableCellBlanketSelected;
436
340
  }
437
341
  });
438
- Object.defineProperty(exports, "akEditorTableCellDelete", {
439
- enumerable: true,
440
- get: function get() {
441
- return _consts.akEditorTableCellDelete;
442
- }
443
- });
444
342
  Object.defineProperty(exports, "akEditorTableCellMinWidth", {
445
343
  enumerable: true,
446
344
  get: function get() {
@@ -453,18 +351,6 @@ Object.defineProperty(exports, "akEditorTableCellOnStickyHeaderZIndex", {
453
351
  return _consts.akEditorTableCellOnStickyHeaderZIndex;
454
352
  }
455
353
  });
456
- Object.defineProperty(exports, "akEditorTableCellSelected", {
457
- enumerable: true,
458
- get: function get() {
459
- return _consts.akEditorTableCellSelected;
460
- }
461
- });
462
- Object.defineProperty(exports, "akEditorTableFloatingControls", {
463
- enumerable: true,
464
- get: function get() {
465
- return _consts.akEditorTableFloatingControls;
466
- }
467
- });
468
354
  Object.defineProperty(exports, "akEditorTableHeaderCellBackground", {
469
355
  enumerable: true,
470
356
  get: function get() {
@@ -495,24 +381,6 @@ Object.defineProperty(exports, "akEditorTableToolbar", {
495
381
  return _consts.akEditorTableToolbar;
496
382
  }
497
383
  });
498
- Object.defineProperty(exports, "akEditorTableToolbarDark", {
499
- enumerable: true,
500
- get: function get() {
501
- return _consts.akEditorTableToolbarDark;
502
- }
503
- });
504
- Object.defineProperty(exports, "akEditorTableToolbarDelete", {
505
- enumerable: true,
506
- get: function get() {
507
- return _consts.akEditorTableToolbarDelete;
508
- }
509
- });
510
- Object.defineProperty(exports, "akEditorTableToolbarSelected", {
511
- enumerable: true,
512
- get: function get() {
513
- return _consts.akEditorTableToolbarSelected;
514
- }
515
- });
516
384
  Object.defineProperty(exports, "akEditorTableToolbarSize", {
517
385
  enumerable: true,
518
386
  get: function get() {
package/dist/cjs/index.js CHANGED
@@ -45,18 +45,6 @@ Object.defineProperty(exports, "VIEWPORT_SIZES", {
45
45
  return _consts.VIEWPORT_SIZES;
46
46
  }
47
47
  });
48
- Object.defineProperty(exports, "akEditorActiveBackground", {
49
- enumerable: true,
50
- get: function get() {
51
- return _consts.akEditorActiveBackground;
52
- }
53
- });
54
- Object.defineProperty(exports, "akEditorActiveForeground", {
55
- enumerable: true,
56
- get: function get() {
57
- return _consts.akEditorActiveForeground;
58
- }
59
- });
60
48
  Object.defineProperty(exports, "akEditorBlockquoteBorderColor", {
61
49
  enumerable: true,
62
50
  get: function get() {
@@ -123,12 +111,6 @@ Object.defineProperty(exports, "akEditorDeleteBackground", {
123
111
  return _consts.akEditorDeleteBackground;
124
112
  }
125
113
  });
126
- Object.defineProperty(exports, "akEditorDeleteBackgroundShaded", {
127
- enumerable: true,
128
- get: function get() {
129
- return _consts.akEditorDeleteBackgroundShaded;
130
- }
131
- });
132
114
  Object.defineProperty(exports, "akEditorDeleteBackgroundWithOpacity", {
133
115
  enumerable: true,
134
116
  get: function get() {
@@ -147,12 +129,6 @@ Object.defineProperty(exports, "akEditorDeleteIconColor", {
147
129
  return _consts.akEditorDeleteIconColor;
148
130
  }
149
131
  });
150
- Object.defineProperty(exports, "akEditorDropdownActiveBackground", {
151
- enumerable: true,
152
- get: function get() {
153
- return _consts.akEditorDropdownActiveBackground;
154
- }
155
- });
156
132
  Object.defineProperty(exports, "akEditorFloatingDialogZIndex", {
157
133
  enumerable: true,
158
134
  get: function get() {
@@ -171,12 +147,6 @@ Object.defineProperty(exports, "akEditorFloatingPanelZIndex", {
171
147
  return _consts.akEditorFloatingPanelZIndex;
172
148
  }
173
149
  });
174
- Object.defineProperty(exports, "akEditorFocus", {
175
- enumerable: true,
176
- get: function get() {
177
- return _consts.akEditorFocus;
178
- }
179
- });
180
150
  Object.defineProperty(exports, "akEditorFullPageDefaultFontSize", {
181
151
  enumerable: true,
182
152
  get: function get() {
@@ -219,12 +189,6 @@ Object.defineProperty(exports, "akEditorGutterPaddingDynamic", {
219
189
  return _consts.akEditorGutterPaddingDynamic;
220
190
  }
221
191
  });
222
- Object.defineProperty(exports, "akEditorInactiveForeground", {
223
- enumerable: true,
224
- get: function get() {
225
- return _consts.akEditorInactiveForeground;
226
- }
227
- });
228
192
  Object.defineProperty(exports, "akEditorLineHeight", {
229
193
  enumerable: true,
230
194
  get: function get() {
@@ -243,12 +207,6 @@ Object.defineProperty(exports, "akEditorMediaResizeHandlerPaddingWide", {
243
207
  return _consts.akEditorMediaResizeHandlerPaddingWide;
244
208
  }
245
209
  });
246
- Object.defineProperty(exports, "akEditorMentionSelected", {
247
- enumerable: true,
248
- get: function get() {
249
- return _consts.akEditorMentionSelected;
250
- }
251
- });
252
210
  Object.defineProperty(exports, "akEditorMenuZIndex", {
253
211
  enumerable: true,
254
212
  get: function get() {
@@ -267,48 +225,12 @@ Object.defineProperty(exports, "akEditorMobileMaxWidth", {
267
225
  return _consts.akEditorMobileMaxWidth;
268
226
  }
269
227
  });
270
- Object.defineProperty(exports, "akEditorPopupBackground", {
271
- enumerable: true,
272
- get: function get() {
273
- return _consts.akEditorPopupBackground;
274
- }
275
- });
276
- Object.defineProperty(exports, "akEditorPopupText", {
277
- enumerable: true,
278
- get: function get() {
279
- return _consts.akEditorPopupText;
280
- }
281
- });
282
- Object.defineProperty(exports, "akEditorPrimaryButton", {
283
- enumerable: true,
284
- get: function get() {
285
- return _consts.akEditorPrimaryButton;
286
- }
287
- });
288
- Object.defineProperty(exports, "akEditorRuleBackground", {
289
- enumerable: true,
290
- get: function get() {
291
- return _consts.akEditorRuleBackground;
292
- }
293
- });
294
228
  Object.defineProperty(exports, "akEditorRuleBorderRadius", {
295
229
  enumerable: true,
296
230
  get: function get() {
297
231
  return _consts.akEditorRuleBorderRadius;
298
232
  }
299
233
  });
300
- Object.defineProperty(exports, "akEditorSelectedBgColor", {
301
- enumerable: true,
302
- get: function get() {
303
- return _consts.akEditorSelectedBgColor;
304
- }
305
- });
306
- Object.defineProperty(exports, "akEditorSelectedBlanketColor", {
307
- enumerable: true,
308
- get: function get() {
309
- return _consts.akEditorSelectedBlanketColor;
310
- }
311
- });
312
234
  Object.defineProperty(exports, "akEditorSelectedBlanketOpacity", {
313
235
  enumerable: true,
314
236
  get: function get() {
@@ -345,12 +267,6 @@ Object.defineProperty(exports, "akEditorSelectedBoxShadow", {
345
267
  return _consts.akEditorSelectedBoxShadow;
346
268
  }
347
269
  });
348
- Object.defineProperty(exports, "akEditorSelectedIconColor", {
349
- enumerable: true,
350
- get: function get() {
351
- return _consts.akEditorSelectedIconColor;
352
- }
353
- });
354
270
  Object.defineProperty(exports, "akEditorSelectedNodeClassName", {
355
271
  enumerable: true,
356
272
  get: function get() {
@@ -393,18 +309,6 @@ Object.defineProperty(exports, "akEditorTableBorder", {
393
309
  return _consts.akEditorTableBorder;
394
310
  }
395
311
  });
396
- Object.defineProperty(exports, "akEditorTableBorderDark", {
397
- enumerable: true,
398
- get: function get() {
399
- return _consts.akEditorTableBorderDark;
400
- }
401
- });
402
- Object.defineProperty(exports, "akEditorTableBorderDelete", {
403
- enumerable: true,
404
- get: function get() {
405
- return _consts.akEditorTableBorderDelete;
406
- }
407
- });
408
312
  Object.defineProperty(exports, "akEditorTableBorderRadius", {
409
313
  enumerable: true,
410
314
  get: function get() {
@@ -435,12 +339,6 @@ Object.defineProperty(exports, "akEditorTableCellBlanketSelected", {
435
339
  return _consts.akEditorTableCellBlanketSelected;
436
340
  }
437
341
  });
438
- Object.defineProperty(exports, "akEditorTableCellDelete", {
439
- enumerable: true,
440
- get: function get() {
441
- return _consts.akEditorTableCellDelete;
442
- }
443
- });
444
342
  Object.defineProperty(exports, "akEditorTableCellMinWidth", {
445
343
  enumerable: true,
446
344
  get: function get() {
@@ -453,18 +351,6 @@ Object.defineProperty(exports, "akEditorTableCellOnStickyHeaderZIndex", {
453
351
  return _consts.akEditorTableCellOnStickyHeaderZIndex;
454
352
  }
455
353
  });
456
- Object.defineProperty(exports, "akEditorTableCellSelected", {
457
- enumerable: true,
458
- get: function get() {
459
- return _consts.akEditorTableCellSelected;
460
- }
461
- });
462
- Object.defineProperty(exports, "akEditorTableFloatingControls", {
463
- enumerable: true,
464
- get: function get() {
465
- return _consts.akEditorTableFloatingControls;
466
- }
467
- });
468
354
  Object.defineProperty(exports, "akEditorTableHeaderCellBackground", {
469
355
  enumerable: true,
470
356
  get: function get() {
@@ -495,24 +381,6 @@ Object.defineProperty(exports, "akEditorTableToolbar", {
495
381
  return _consts.akEditorTableToolbar;
496
382
  }
497
383
  });
498
- Object.defineProperty(exports, "akEditorTableToolbarDark", {
499
- enumerable: true,
500
- get: function get() {
501
- return _consts.akEditorTableToolbarDark;
502
- }
503
- });
504
- Object.defineProperty(exports, "akEditorTableToolbarDelete", {
505
- enumerable: true,
506
- get: function get() {
507
- return _consts.akEditorTableToolbarDelete;
508
- }
509
- });
510
- Object.defineProperty(exports, "akEditorTableToolbarSelected", {
511
- enumerable: true,
512
- get: function get() {
513
- return _consts.akEditorTableToolbarSelected;
514
- }
515
- });
516
384
  Object.defineProperty(exports, "akEditorTableToolbarSize", {
517
385
  enumerable: true,
518
386
  get: function get() {
package/dist/cjs/overflow-shadow/overflow-shadow.js CHANGED
@@ -7,7 +7,6 @@ Object.defineProperty(exports, "__esModule", {
7
7
  exports.overflowShadow = void 0;
8
8
  var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
9
9
  var _react = require("@emotion/react");
10
- var _colors = require("@atlaskit/theme/colors");
11
10
  var _templateObject;
12
11
  /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
13
12
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
@@ -19,5 +18,5 @@ var overflowShadow = exports.overflowShadow = function overflowShadow(_ref) {
19
18
  var rightCoverWidthResolved = rightCoverWidth || width;
20
19
 
21
20
  // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- needs manual remediation
22
- 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, ".concat(_colors.N20, ")"), leftCoverWidthResolved, leftCoverWidthResolved, "var(--ds-surface-raised, transparent)", leftCoverWidthResolved, leftCoverWidthResolved, "var(--ds-background-neutral, ".concat(_colors.N20, ")"), rightCoverWidthResolved, rightCoverWidthResolved, "var(--ds-surface-raised, transparent)", rightCoverWidthResolved, rightCoverWidthResolved, "var(--ds-shadow-overflow-spread, rgba(9, 30, 66, 0.13))", "var(--ds-UNSAFE-transparent, rgba(99, 114, 130, 0))", width, "var(--ds-shadow-overflow-perimeter, transparent)", "var(--ds-UNSAFE-transparent, transparent)", width, "var(--ds-shadow-overflow-spread, rgba(9, 30, 66, 0.13))", "var(--ds-UNSAFE-transparent, rgba(99, 114, 130, 0))", width, "var(--ds-shadow-overflow-perimeter, transparent)", "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, #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);
23
22
  };
package/dist/cjs/scrollbar-styles.js CHANGED
@@ -5,4 +5,4 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.scrollbarStyles = void 0;
7
7
  // TODO: https://product-fabric.atlassian.net/browse/DSP-4494
8
- 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, rgba(0, 0, 0, 0))", ";\n }\n\n &:hover::-webkit-scrollbar-thumb {\n background-color: ", "var(--ds-background-neutral-bold, rgba(0, 0, 0, 0.2))", ";\n border-radius: 8px;\n }\n\n &::-webkit-scrollbar-thumb:hover {\n background-color: ", "var(--ds-background-neutral-bold-hovered, rgba(0, 0, 0, 0.4))", ";\n }\n");
8
+ 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");