npm - @atlaskit/editor-shared-styles - Versions diffs - 2.8.0 → 2.8.2 - Mend

@atlaskit/editor-shared-styles 2.8.0 → 2.8.2

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 (21) hide show

package/CHANGELOG.md +50 -38
package/afm-cc/tsconfig.json +28 -0
package/dist/cjs/consts/consts.js +95 -190
package/dist/cjs/overflow-shadow/overflow-shadow.js +2 -3
package/dist/cjs/scrollbar-styles.js +1 -2
package/dist/cjs/selection/types.js +2 -3
package/dist/cjs/selection/utils.js +2 -4
package/dist/cjs/shortcut/shortcut.js +1 -2
package/dist/es2019/consts/consts.js +1 -1
package/dist/es2019/shortcut/shortcut.js +1 -1
package/dist/esm/consts/consts.js +1 -1
package/dist/esm/shortcut/shortcut.js +1 -1
package/dist/types/consts/consts.d.ts +1 -1
package/dist/types-ts4.5/consts/consts.d.ts +1 -1
package/package.json +2 -2
package/report.api.md +1 -1
package/src/consts/consts.ts +1 -1
package/src/shortcut/shortcut.ts +1 -1
package/tsconfig.app.json +2 -1
package/tsconfig.dev.json +2 -1
package/tmp/api-report-tmp.d.ts +0 -357

package/CHANGELOG.md CHANGED Viewed

@@ -1,65 +1,77 @@
 # @atlaskit/editor-shared-styles
+## 2.8.2
+### Patch Changes
+- [#59829](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/59829) [`3120b36a9f2c`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/3120b36a9f2c) - Converted spacing values to the corresponding space tokens
+## 2.8.1
+### Patch Changes
+- [#41274](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/41274) [`17ba12fb12b`](https://bitbucket.org/atlassian/atlassian-frontend/commits/17ba12fb12b) - fix unnecessarily high z-index so that the vertical scrollbar in Safari does not overlay other layer components with z-index below 9999
 ## 2.8.0
 ### Minor Changes
-- [`3aaff60be08`](https://bitbucket.org/atlassian/atlassian-frontend/commits/3aaff60be08) - ED-18988 Adds classnames and constants for table sticky scrollbar
+- [#39366](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/39366) [`3aaff60be08`](https://bitbucket.org/atlassian/atlassian-frontend/commits/3aaff60be08) - ED-18988 Adds classnames and constants for table sticky scrollbar
 ## 2.7.0
 ### Minor Changes
-- [`0b1f816e4fa`](https://bitbucket.org/atlassian/atlassian-frontend/commits/0b1f816e4fa) - [ux] Added akEditorTableHeaderCellBackground to store fallback.
+- [#40236](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/40236) [`0b1f816e4fa`](https://bitbucket.org/atlassian/atlassian-frontend/commits/0b1f816e4fa) - [ux] Added akEditorTableHeaderCellBackground to store fallback.
 ## 2.6.1
 ### Patch Changes
-- [`113fcc02759`](https://bitbucket.org/atlassian/atlassian-frontend/commits/113fcc02759) - ED-19433 Extract Emoji Plugin to its own package
+- [#39154](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/39154) [`113fcc02759`](https://bitbucket.org/atlassian/atlassian-frontend/commits/113fcc02759) - ED-19433 Extract Emoji Plugin to its own package
 ## 2.6.0
 ### Minor Changes
-- [`79dc812733f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/79dc812733f) - [ED-19293] Exposes a new constant value for table guidelines to align with nodes that are using wide layout
+- [#38223](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/38223) [`79dc812733f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/79dc812733f) - [ED-19293] Exposes a new constant value for table guidelines to align with nodes that are using wide layout
 ## 2.5.0
 ### Minor Changes
-- [`638784fa9d5`](https://bitbucket.org/atlassian/atlassian-frontend/commits/638784fa9d5) - force dependency bump
-- [`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
+- [#37456](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/37456) [`638784fa9d5`](https://bitbucket.org/atlassian/atlassian-frontend/commits/638784fa9d5) - force dependency bump
+- [#37270](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/37270) [`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
 ## 2.4.4
 ### Patch Changes
-- [`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.
+- [#36845](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/36845) [`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.
 ## 2.4.3
 ### Patch Changes
-- [`9d00501a414`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9d00501a414) - Ensure legacy types are published for TS 4.5-4.8
+- [#33793](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33793) [`9d00501a414`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9d00501a414) - Ensure legacy types are published for TS 4.5-4.8
 ## 2.4.2
 ### Patch Changes
-- [`9369cc38a68`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9369cc38a68) - Migrated use of `gridSize` to space tokens where possible. There is no expected visual or behaviour change.
+- [#33771](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33771) [`9369cc38a68`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9369cc38a68) - Migrated use of `gridSize` to space tokens where possible. There is no expected visual or behaviour change.
 ## 2.4.1
 ### Patch Changes
-- [`41fae2c6f68`](https://bitbucket.org/atlassian/atlassian-frontend/commits/41fae2c6f68) - Upgrade Typescript from `4.5.5` to `4.9.5`
+- [#33649](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33649) [`41fae2c6f68`](https://bitbucket.org/atlassian/atlassian-frontend/commits/41fae2c6f68) - Upgrade Typescript from `4.5.5` to `4.9.5`
 ## 2.4.0
 ### Minor Changes
-- [`56507598609`](https://bitbucket.org/atlassian/atlassian-frontend/commits/56507598609) - Skip minor dependency bump
+- [#33258](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33258) [`56507598609`](https://bitbucket.org/atlassian/atlassian-frontend/commits/56507598609) - Skip minor dependency bump
 ### Patch Changes
@@ -69,20 +81,20 @@
 ### Patch Changes
-- [`0d93211414e`](https://bitbucket.org/atlassian/atlassian-frontend/commits/0d93211414e) - Updates usage of removed design token `utilities.UNSAFE_util.transparent` in favour of its replacement `utilities.UNSAFE.transparent`.
+- [#27634](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/27634) [`0d93211414e`](https://bitbucket.org/atlassian/atlassian-frontend/commits/0d93211414e) - Updates usage of removed design token `utilities.UNSAFE_util.transparent` in favour of its replacement `utilities.UNSAFE.transparent`.
 - Updated dependencies
 ## 2.3.1
 ### Patch Changes
-- [`6455cf006b3`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6455cf006b3) - Builds for this package now pass through a tokens babel plugin, removing runtime invocations of the tokens() function and improving performance.
+- [#28324](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/28324) [`6455cf006b3`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6455cf006b3) - Builds for this package now pass through a tokens babel plugin, removing runtime invocations of the tokens() function and improving performance.
 ## 2.3.0
 ### Minor Changes
-- [`4fbaeb2a1fd`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4fbaeb2a1fd) - DSP-4118 Updated tokens used to render overflow shadows in code blocks.
+- [#28090](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/28090) [`4fbaeb2a1fd`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4fbaeb2a1fd) - DSP-4118 Updated tokens used to render overflow shadows in code blocks.
   New tokens will be visible only in applications configured to use the new Tokens API (currently in beta).
   These changes are intended to be interoperable with the legacy theme implementation. Legacy dark mode users should expect no visual or breaking changes.
@@ -105,7 +117,7 @@
 ### Patch Changes
-- [`977ac74443c`](https://bitbucket.org/atlassian/atlassian-frontend/commits/977ac74443c) - DSP-7235: Fixes issue with overflow shadows on code blocks due to layered transparent colors.
+- [#26712](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/26712) [`977ac74443c`](https://bitbucket.org/atlassian/atlassian-frontend/commits/977ac74443c) - DSP-7235: Fixes issue with overflow shadows on code blocks due to layered transparent colors.
 ## 2.2.2
@@ -117,39 +129,39 @@
 ### Patch Changes
-- [`8cc2f888c83`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8cc2f888c83) - Upgrade Typescript from `4.3.5` to `4.5.5`
+- [#24874](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/24874) [`8cc2f888c83`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8cc2f888c83) - Upgrade Typescript from `4.3.5` to `4.5.5`
 ## 2.2.0
 ### Minor Changes
-- [`73d9a2fa116`](https://bitbucket.org/atlassian/atlassian-frontend/commits/73d9a2fa116) - ED-15568 Restore table's FloatingContextualMenu, extract utils/UI components
+- [#24607](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/24607) [`73d9a2fa116`](https://bitbucket.org/atlassian/atlassian-frontend/commits/73d9a2fa116) - ED-15568 Restore table's FloatingContextualMenu, extract utils/UI components
 ## 2.1.5
 ### Patch Changes
-- [`a6df7e823d8`](https://bitbucket.org/atlassian/atlassian-frontend/commits/a6df7e823d8) - [ux] Fixed trello card overflow issue in table cells & fixed merged table cells selection / hover state
+- [#24004](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/24004) [`a6df7e823d8`](https://bitbucket.org/atlassian/atlassian-frontend/commits/a6df7e823d8) - [ux] Fixed trello card overflow issue in table cells & fixed merged table cells selection / hover state
 - Updated dependencies
 ## 2.1.4
 ### Patch Changes
-- [`8d4228767b0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8d4228767b0) - Upgrade Typescript from `4.2.4` to `4.3.5`.
+- [#24492](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/24492) [`8d4228767b0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8d4228767b0) - Upgrade Typescript from `4.2.4` to `4.3.5`.
 ## 2.1.3
 ### Patch Changes
-- [`450a17a332a`](https://bitbucket.org/atlassian/atlassian-frontend/commits/450a17a332a) - [ux] ED-14654: Lower z-index values on editor elements so they do not stick out of the editor and interfere with consuming products
+- [#22642](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/22642) [`450a17a332a`](https://bitbucket.org/atlassian/atlassian-frontend/commits/450a17a332a) - [ux] ED-14654: Lower z-index values on editor elements so they do not stick out of the editor and interfere with consuming products
 - [`30c74c32783`](https://bitbucket.org/atlassian/atlassian-frontend/commits/30c74c32783) - [ux] ED-15234: reverts ED-14654 because causing header zindex issues
 ## 2.1.2
 ### Patch Changes
-- [`17480b66f3e`](https://bitbucket.org/atlassian/atlassian-frontend/commits/17480b66f3e) - [ux][ed-9943] Fix to have the TypeAhead component appear above the main editor toolbar.
+- [#21570](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/21570) [`17480b66f3e`](https://bitbucket.org/atlassian/atlassian-frontend/commits/17480b66f3e) - [ux][ed-9943] Fix to have the TypeAhead component appear above the main editor toolbar.
 - [`d8b3bc73330`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d8b3bc73330) - [ED-14507] Deprecate the allowDynamicTextSizing editor prop and remove all code related to it. This feature has been unused since 2020.
 ## 2.1.1
@@ -162,7 +174,7 @@
 ### Minor Changes
-- [`02bfb564e45`](https://bitbucket.org/atlassian/atlassian-frontend/commits/02bfb564e45) - [ux] Instrumented `@atlaskit/editor-shared-styles` and partial `@atlaskit/editor-core` with the new theming package, `@atlaskit/tokens`.
+- [#20721](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/20721) [`02bfb564e45`](https://bitbucket.org/atlassian/atlassian-frontend/commits/02bfb564e45) - [ux] Instrumented `@atlaskit/editor-shared-styles` and partial `@atlaskit/editor-core` with the new theming package, `@atlaskit/tokens`.
   New tokens will be visible only in applications configured to use the new Tokens API (currently in alpha).
   These changes are intended to be interoperable with the legacy theme implementation. Legacy dark mode users should expect no visual or breaking changes.
@@ -176,13 +188,13 @@
 ### Patch Changes
-- [`cb2392f6d33`](https://bitbucket.org/atlassian/atlassian-frontend/commits/cb2392f6d33) - Upgrade to TypeScript 4.2.4
+- [#20650](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/20650) [`cb2392f6d33`](https://bitbucket.org/atlassian/atlassian-frontend/commits/cb2392f6d33) - Upgrade to TypeScript 4.2.4
 ## 2.0.0
 ### Major Changes
-- [`e22509504e8`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e22509504e8) - ED-14255 migrate editor-shared-style to emotion
+- [#19019](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/19019) [`e22509504e8`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e22509504e8) - ED-14255 migrate editor-shared-style to emotion
 ### Patch Changes
@@ -192,7 +204,7 @@
 ### Minor Changes
-- [`1a07c1caf61`](https://bitbucket.org/atlassian/atlassian-frontend/commits/1a07c1caf61) - CETI-93 - Fixed custom panel icon sizing and alignment when icon render as image
+- [#14319](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/14319) [`1a07c1caf61`](https://bitbucket.org/atlassian/atlassian-frontend/commits/1a07c1caf61) - CETI-93 - Fixed custom panel icon sizing and alignment when icon render as image
 ### Patch Changes
@@ -202,26 +214,26 @@
 ### Minor Changes
-- [`c2c0160f566`](https://bitbucket.org/atlassian/atlassian-frontend/commits/c2c0160f566) - Bump editor-shared-styles to pick up relativeFontSizeToBase16
+- [#10316](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/10316) [`c2c0160f566`](https://bitbucket.org/atlassian/atlassian-frontend/commits/c2c0160f566) - Bump editor-shared-styles to pick up relativeFontSizeToBase16
 ## 1.4.1
 ### Patch Changes
-- [`5c835144ef0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/5c835144ef0) - [ME-741][me-743] Remove PX references in editor packages and modify code block font size.
+- [#9756](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/9756) [`5c835144ef0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/5c835144ef0) - [ME-741][me-743] Remove PX references in editor packages and modify code block font size.
 - Updated dependencies
 ## 1.4.0
 ### Minor Changes
-- [`e2fb7440936`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e2fb7440936) - ED-12430: Fix issue with Editor showing double scrollbar when context panel is visible.Update context panel to have same height as editor content area when using position absolute styles
+- [#9281](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/9281) [`e2fb7440936`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e2fb7440936) - ED-12430: Fix issue with Editor showing double scrollbar when context panel is visible.Update context panel to have same height as editor content area when using position absolute styles
 ## 1.3.0
 ### Minor Changes
-- [`511a91ad376`](https://bitbucket.org/atlassian/atlassian-frontend/commits/511a91ad376) - [ux] ED-12128: Update Context Panel to use set width of 320px and remove 'width' prop.
+- [#8644](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/8644) [`511a91ad376`](https://bitbucket.org/atlassian/atlassian-frontend/commits/511a91ad376) - [ux] ED-12128: Update Context Panel to use set width of 320px and remove 'width' prop.
   Remove 'width' prop from the Context Panel component as we no longer allow dynamic panel width to enforce consistency.
   All references to this component can safely remove the 'wdith' prop as it is no longer part of the component props.
@@ -235,31 +247,31 @@
 ### Patch Changes
-- [`7d24194b639`](https://bitbucket.org/atlassian/atlassian-frontend/commits/7d24194b639) - EDM-1717: Fix Safari danger styles for inline smart links
+- [#7762](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/7762) [`7d24194b639`](https://bitbucket.org/atlassian/atlassian-frontend/commits/7d24194b639) - EDM-1717: Fix Safari danger styles for inline smart links
 ## 1.2.0
 ### Minor Changes
-- [`0615a2be97`](https://bitbucket.org/atlassian/atlassian-frontend/commits/0615a2be97) - ED-10441: share overflow-shadow helper
+- [#7170](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/7170) [`0615a2be97`](https://bitbucket.org/atlassian/atlassian-frontend/commits/0615a2be97) - ED-10441: share overflow-shadow helper
 ## 1.1.7
 ### Patch Changes
-- [`d3265f19be`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d3265f19be) - Transpile packages using babel rather than tsc
+- [#5857](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/5857) [`d3265f19be`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d3265f19be) - Transpile packages using babel rather than tsc
 ## 1.1.6
 ### Patch Changes
-- [`d6c23f1886`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d6c23f1886) - Added dark mode support to table cell background colors
+- [#6228](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/6228) [`d6c23f1886`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d6c23f1886) - Added dark mode support to table cell background colors
 ## 1.1.5
 ### Patch Changes
-- [`7895bfa4f3`](https://bitbucket.org/atlassian/atlassian-frontend/commits/7895bfa4f3) - [ux] ED-10562 Update selection styles for unsupported content
+- [#5516](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/5516) [`7895bfa4f3`](https://bitbucket.org/atlassian/atlassian-frontend/commits/7895bfa4f3) - [ux] ED-10562 Update selection styles for unsupported content
   Use background colour instead of blanket styling
   Fix an issue on Safari where text inside unsupported content appeared selected when node was selected
@@ -268,19 +280,19 @@
 ### Patch Changes
-- [`34674fa4cd`](https://bitbucket.org/atlassian/atlassian-frontend/commits/34674fa4cd) - [ux] ED-10780 removed the threshold that enabled responsive changes
+- [#5762](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/5762) [`34674fa4cd`](https://bitbucket.org/atlassian/atlassian-frontend/commits/34674fa4cd) - [ux] ED-10780 removed the threshold that enabled responsive changes
 ## 1.1.3
 ### Patch Changes
-- [`a2634b5390`](https://bitbucket.org/atlassian/atlassian-frontend/commits/a2634b5390) - [ux] ED-10780 reduced the threshold for responcive toolbar oayout;fixed problem with italic button not working when it is in collapse menu.
+- [#5720](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/5720) [`a2634b5390`](https://bitbucket.org/atlassian/atlassian-frontend/commits/a2634b5390) - [ux] ED-10780 reduced the threshold for responcive toolbar oayout;fixed problem with italic button not working when it is in collapse menu.
 ## 1.1.2
 ### Patch Changes
-- [`5f58283e1f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/5f58283e1f) - Export types using Typescript's new "export type" syntax to satisfy Typescript's --isolatedModules compiler option.
+- [#5497](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/5497) [`5f58283e1f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/5f58283e1f) - Export types using Typescript's new "export type" syntax to satisfy Typescript's --isolatedModules compiler option.
   This requires version 3.8 of Typescript, read more about how we handle Typescript versions here: https://atlaskit.atlassian.com/get-started
   Also add `typescript` to `devDependencies` to denote version that the package was built with.
@@ -294,7 +306,7 @@
 ### Minor Changes
-- [`fbc358206c`](https://bitbucket.org/atlassian/atlassian-frontend/commits/fbc358206c) - ED-9125 ED-8837 Export values for selected border and selected box shadow, and util to disable browser text selection
+- [#4749](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/4749) [`fbc358206c`](https://bitbucket.org/atlassian/atlassian-frontend/commits/fbc358206c) - ED-9125 ED-8837 Export values for selected border and selected box shadow, and util to disable browser text selection
 - [`4f217f1d92`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4f217f1d92) - ED-10168 Add new package @atlaskit/editor-shared-styles
 ### Patch Changes

package/afm-cc/tsconfig.json ADDED Viewed

@@ -0,0 +1,28 @@
+{
+    "extends": "../../../../tsconfig.entry-points.confluence.json",
+    "compilerOptions": {
+        "declaration": true,
+        "target": "es5",
+        "composite": true,
+        "outDir": "../dist",
+        "rootDir": "../",
+        "baseUrl": "../"
+    },
+    "include": [
+        "../src/**/*.ts",
+        "../src/**/*.tsx"
+    ],
+    "exclude": [
+        "../src/**/__tests__/*",
+        "../src/**/*.test.*",
+        "../src/**/test.*"
+    ],
+    "references": [
+        {
+            "path": "../../../design-system/theme/afm-cc/tsconfig.json"
+        },
+        {
+            "path": "../../../design-system/tokens/afm-cc/tsconfig.json"
+        }
+    ]
+}

package/dist/cjs/consts/consts.js CHANGED Viewed

@@ -12,198 +12,108 @@ var _colors = require("@atlaskit/theme/colors");
 var _constants = require("@atlaskit/theme/constants");
 /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
-var akEditorFullPageDefaultFontSize = 16;
-exports.akEditorFullPageDefaultFontSize = akEditorFullPageDefaultFontSize;
-var akEditorCodeFontFamily = (0, _constants.codeFontFamily)();
-exports.akEditorCodeFontFamily = akEditorCodeFontFamily;
-var akEditorInactiveForeground = _colors.N500;
-exports.akEditorInactiveForeground = akEditorInactiveForeground;
-var akEditorFocus = _colors.B100;
-exports.akEditorFocus = akEditorFocus;
-var akEditorSubtleAccent = _colors.N40;
-exports.akEditorSubtleAccent = akEditorSubtleAccent;
-var akEditorActiveBackground = _colors.N500;
-exports.akEditorActiveBackground = akEditorActiveBackground;
-var akEditorActiveForeground = _colors.N0;
-exports.akEditorActiveForeground = akEditorActiveForeground;
-var akEditorBlockquoteBorderColor = _colors.N40;
-exports.akEditorBlockquoteBorderColor = akEditorBlockquoteBorderColor;
-var akEditorDropdownActiveBackground = _colors.N900;
-exports.akEditorDropdownActiveBackground = akEditorDropdownActiveBackground;
-var akEditorPopupBackground = _colors.N700;
-exports.akEditorPopupBackground = akEditorPopupBackground;
-var akEditorPopupText = _colors.B50;
-exports.akEditorPopupText = akEditorPopupText;
-var akEditorPrimaryButton = _colors.B400;
-exports.akEditorPrimaryButton = akEditorPrimaryButton;
-var akEditorCodeBackground = _colors.N20;
-exports.akEditorCodeBackground = akEditorCodeBackground;
-var akEditorCodeBlockPadding = '12px';
-exports.akEditorCodeBlockPadding = akEditorCodeBlockPadding;
-var akEditorCodeInlinePadding = '2px 4px';
-exports.akEditorCodeInlinePadding = akEditorCodeInlinePadding;
-var akEditorDeleteBackground = _colors.R50;
-exports.akEditorDeleteBackground = akEditorDeleteBackground;
-var akEditorDeleteBackgroundShaded = _colors.R50;
-exports.akEditorDeleteBackgroundShaded = akEditorDeleteBackgroundShaded;
-var akEditorDeleteBackgroundWithOpacity = 'rgba(255, 189, 173, 0.5)'; // R75 with 50% opacity
-exports.akEditorDeleteBackgroundWithOpacity = akEditorDeleteBackgroundWithOpacity;
-var akEditorDeleteBorder = _colors.R300;
-exports.akEditorDeleteBorder = akEditorDeleteBorder;
-var akEditorDeleteIconColor = _colors.R400;
-exports.akEditorDeleteIconColor = akEditorDeleteIconColor;
-var akEditorCustomIconSize = 20;
-exports.akEditorCustomIconSize = akEditorCustomIconSize;
-var akEditorSelectedBorderColor = _colors.B300;
-exports.akEditorSelectedBorderColor = akEditorSelectedBorderColor;
-var akEditorSelectedBgColor = _colors.B50;
-exports.akEditorSelectedBgColor = akEditorSelectedBgColor;
-var akEditorSelectedBlanketColor = _colors.B75;
-exports.akEditorSelectedBlanketColor = akEditorSelectedBlanketColor;
-var akEditorSelectedBorderSize = 1;
-exports.akEditorSelectedBorderSize = akEditorSelectedBorderSize;
-var akEditorSelectedBorder = "".concat(akEditorSelectedBorderSize, "px solid ", "var(--ds-border-selected, ".concat(akEditorSelectedBorderColor, ")"));
-exports.akEditorSelectedBorder = akEditorSelectedBorder;
-var akEditorSelectedBoxShadow = "0 0 0 ".concat(akEditorSelectedBorderSize, "px ", "var(--ds-border-selected, ".concat(akEditorSelectedBorderColor, ")"));
-exports.akEditorSelectedBoxShadow = akEditorSelectedBoxShadow;
-var akEditorSelectedIconColor = _colors.B400;
-exports.akEditorSelectedIconColor = akEditorSelectedIconColor;
-var akEditorSelectedBorderBoldSize = 2;
-exports.akEditorSelectedBorderBoldSize = akEditorSelectedBorderBoldSize;
-var akEditorSelectedBlanketOpacity = 0.3;
-exports.akEditorSelectedBlanketOpacity = akEditorSelectedBlanketOpacity;
-var akEditorUnitZIndex = 1;
-exports.akEditorUnitZIndex = akEditorUnitZIndex;
-var akEditorShadowZIndex = 2;
-exports.akEditorShadowZIndex = akEditorShadowZIndex;
-var akEditorStickyHeaderZIndex = 11; // filmstrip uses 10 for its shadow
-exports.akEditorStickyHeaderZIndex = akEditorStickyHeaderZIndex;
-var akEditorSmallZIndex = akEditorStickyHeaderZIndex + 1;
-exports.akEditorSmallZIndex = akEditorSmallZIndex;
-var akEditorGridLineZIndex = 9999;
+var akEditorFullPageDefaultFontSize = exports.akEditorFullPageDefaultFontSize = 16;
+var akEditorCodeFontFamily = exports.akEditorCodeFontFamily = (0, _constants.codeFontFamily)();
+var akEditorInactiveForeground = exports.akEditorInactiveForeground = _colors.N500;
+var akEditorFocus = exports.akEditorFocus = _colors.B100;
+var akEditorSubtleAccent = exports.akEditorSubtleAccent = _colors.N40;
+var akEditorActiveBackground = exports.akEditorActiveBackground = _colors.N500;
+var akEditorActiveForeground = exports.akEditorActiveForeground = _colors.N0;
+var akEditorBlockquoteBorderColor = exports.akEditorBlockquoteBorderColor = _colors.N40;
+var akEditorDropdownActiveBackground = exports.akEditorDropdownActiveBackground = _colors.N900;
+var akEditorPopupBackground = exports.akEditorPopupBackground = _colors.N700;
+var akEditorPopupText = exports.akEditorPopupText = _colors.B50;
+var akEditorPrimaryButton = exports.akEditorPrimaryButton = _colors.B400;
+var akEditorCodeBackground = exports.akEditorCodeBackground = _colors.N20;
+var akEditorCodeBlockPadding = exports.akEditorCodeBlockPadding = '12px';
+var akEditorCodeInlinePadding = exports.akEditorCodeInlinePadding = '2px 4px';
+var akEditorDeleteBackground = exports.akEditorDeleteBackground = _colors.R50;
+var akEditorDeleteBackgroundShaded = exports.akEditorDeleteBackgroundShaded = _colors.R50;
+var akEditorDeleteBackgroundWithOpacity = exports.akEditorDeleteBackgroundWithOpacity = 'rgba(255, 189, 173, 0.5)'; // R75 with 50% opacity
+var akEditorDeleteBorder = exports.akEditorDeleteBorder = _colors.R300;
+var akEditorDeleteIconColor = exports.akEditorDeleteIconColor = _colors.R400;
+var akEditorCustomIconSize = exports.akEditorCustomIconSize = 20;
+var akEditorSelectedBorderColor = exports.akEditorSelectedBorderColor = _colors.B300;
+var akEditorSelectedBgColor = exports.akEditorSelectedBgColor = _colors.B50;
+var akEditorSelectedBlanketColor = exports.akEditorSelectedBlanketColor = _colors.B75;
+var akEditorSelectedBorderSize = exports.akEditorSelectedBorderSize = 1;
+var akEditorSelectedBorder = exports.akEditorSelectedBorder = "".concat(akEditorSelectedBorderSize, "px solid ", "var(--ds-border-selected, ".concat(akEditorSelectedBorderColor, ")"));
+var akEditorSelectedBoxShadow = exports.akEditorSelectedBoxShadow = "0 0 0 ".concat(akEditorSelectedBorderSize, "px ", "var(--ds-border-selected, ".concat(akEditorSelectedBorderColor, ")"));
+var akEditorSelectedIconColor = exports.akEditorSelectedIconColor = _colors.B400;
+var akEditorSelectedBorderBoldSize = exports.akEditorSelectedBorderBoldSize = 2;
+var akEditorSelectedBlanketOpacity = exports.akEditorSelectedBlanketOpacity = 0.3;
+var akEditorUnitZIndex = exports.akEditorUnitZIndex = 1;
+var akEditorShadowZIndex = exports.akEditorShadowZIndex = 2;
+var akEditorStickyHeaderZIndex = exports.akEditorStickyHeaderZIndex = 11; // filmstrip uses 10 for its shadow
+var akEditorSmallZIndex = exports.akEditorSmallZIndex = akEditorStickyHeaderZIndex + 1;
+var akEditorGridLineZIndex = exports.akEditorGridLineZIndex = 1;
 // z-index for main menu bar -
 // this is highest as it should be above anything else in editor below.
-exports.akEditorGridLineZIndex = akEditorGridLineZIndex;
-var akEditorMenuZIndex = _constants.layers.blanket();
+var akEditorMenuZIndex = exports.akEditorMenuZIndex = _constants.layers.blanket();
 // z-index used for floating toolbars like code block, table etc
-exports.akEditorMenuZIndex = akEditorMenuZIndex;
-var akEditorFloatingPanelZIndex = _constants.layers.layer();
+var akEditorFloatingPanelZIndex = exports.akEditorFloatingPanelZIndex = _constants.layers.layer();
 // z-index used for pickers (date, emoji, mentions) and type-aheads, hyperlinks
-exports.akEditorFloatingPanelZIndex = akEditorFloatingPanelZIndex;
-var akEditorFloatingDialogZIndex = akEditorMenuZIndex + 10;
+var akEditorFloatingDialogZIndex = exports.akEditorFloatingDialogZIndex = akEditorMenuZIndex + 10;
 // z-index used for table cell menu options button on a sticky header
-exports.akEditorFloatingDialogZIndex = akEditorFloatingDialogZIndex;
-var akEditorTableCellOnStickyHeaderZIndex = akEditorFloatingDialogZIndex - 5;
+var akEditorTableCellOnStickyHeaderZIndex = exports.akEditorTableCellOnStickyHeaderZIndex = akEditorFloatingDialogZIndex - 5;
 // z-index used for floating toolbars table cell menu which are above block toolbars
-exports.akEditorTableCellOnStickyHeaderZIndex = akEditorTableCellOnStickyHeaderZIndex;
-var akEditorFloatingOverlapPanelZIndex = akEditorFloatingPanelZIndex + 5;
-exports.akEditorFloatingOverlapPanelZIndex = akEditorFloatingOverlapPanelZIndex;
-var akEditorMentionSelected = _colors.N100;
-exports.akEditorMentionSelected = akEditorMentionSelected;
-var akEditorTableToolbarSize = 11;
-exports.akEditorTableToolbarSize = akEditorTableToolbarSize;
-var akEditorTableBorder = _colors.N50;
-exports.akEditorTableBorder = akEditorTableBorder;
-var akEditorTableBorderDark = _colors.DN70;
-exports.akEditorTableBorderDark = akEditorTableBorderDark;
-var akEditorTableToolbar = _colors.N20;
-exports.akEditorTableToolbar = akEditorTableToolbar;
-var akEditorTableToolbarDark = _colors.DN50;
-exports.akEditorTableToolbarDark = akEditorTableToolbarDark;
-var akEditorTableFloatingControls = _colors.N20;
-exports.akEditorTableFloatingControls = akEditorTableFloatingControls;
-var akEditorTableCellSelected = _colors.B75;
-exports.akEditorTableCellSelected = akEditorTableCellSelected;
-var akEditorTableHeaderCellBackground = '#F1F2F4';
-exports.akEditorTableHeaderCellBackground = akEditorTableHeaderCellBackground;
-var akEditorTableHeaderCellBackgroundDark = '#2C333A';
-exports.akEditorTableHeaderCellBackgroundDark = akEditorTableHeaderCellBackgroundDark;
-var akEditorTableToolbarSelected = _colors.B100;
-exports.akEditorTableToolbarSelected = akEditorTableToolbarSelected;
-var akEditorTableBorderSelected = _colors.B300;
-exports.akEditorTableBorderSelected = akEditorTableBorderSelected;
-var akEditorTableCellDelete = _colors.R50;
-exports.akEditorTableCellDelete = akEditorTableCellDelete;
-var akEditorTableBorderDelete = _colors.R300;
-exports.akEditorTableBorderDelete = akEditorTableBorderDelete;
-var akEditorTableToolbarDelete = _colors.R75;
-exports.akEditorTableToolbarDelete = akEditorTableToolbarDelete;
-var akEditorTableBorderRadius = '3px';
-exports.akEditorTableBorderRadius = akEditorTableBorderRadius;
-var akEditorTableCellBackgroundOpacity = 0.5;
-exports.akEditorTableCellBackgroundOpacity = akEditorTableCellBackgroundOpacity;
-var akEditorFullPageMaxWidth = 680;
-exports.akEditorFullPageMaxWidth = akEditorFullPageMaxWidth;
-var akEditorDefaultLayoutWidth = 760;
-exports.akEditorDefaultLayoutWidth = akEditorDefaultLayoutWidth;
-var akEditorWideLayoutWidth = 960; // This value is used for tables with breakouts and is used to calculate `breakoutWidthPx`
-exports.akEditorWideLayoutWidth = akEditorWideLayoutWidth;
-var akEditorFullWidthLayoutWidth = 1800;
-exports.akEditorFullWidthLayoutWidth = akEditorFullWidthLayoutWidth;
-var akEditorFullWidthLayoutLineLength = 1792;
-exports.akEditorFullWidthLayoutLineLength = akEditorFullWidthLayoutLineLength;
-var akEditorTableNumberColumnWidth = 42;
-exports.akEditorTableNumberColumnWidth = akEditorTableNumberColumnWidth;
-var akEditorBreakoutPadding = 96;
-exports.akEditorBreakoutPadding = akEditorBreakoutPadding;
-var akEditorGutterPadding = 32;
-exports.akEditorGutterPadding = akEditorGutterPadding;
-var akEditorMobileBreakoutPoint = 720;
-exports.akEditorMobileBreakoutPoint = akEditorMobileBreakoutPoint;
-var akEditorTableCellMinWidth = 48;
-exports.akEditorTableCellMinWidth = akEditorTableCellMinWidth;
-var akEditorTableLegacyCellMinWidth = 128;
-exports.akEditorTableLegacyCellMinWidth = akEditorTableLegacyCellMinWidth;
-var akEditorMediaResizeHandlerPaddingWide = 12;
-exports.akEditorMediaResizeHandlerPaddingWide = akEditorMediaResizeHandlerPaddingWide;
-var akEditorMediaResizeHandlerPadding = 4;
-exports.akEditorMediaResizeHandlerPadding = akEditorMediaResizeHandlerPadding;
-var akEditorSwoopCubicBezier = "cubic-bezier(0.15, 1, 0.3, 1)";
-exports.akEditorSwoopCubicBezier = akEditorSwoopCubicBezier;
-var gridMediumMaxWidth = 1024;
-exports.gridMediumMaxWidth = gridMediumMaxWidth;
-var breakoutWideScaleRatio = 1.33;
-exports.breakoutWideScaleRatio = breakoutWideScaleRatio;
-var 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.
-exports.akEditorCalculatedWideLayoutWidth = akEditorCalculatedWideLayoutWidth;
-var akRichMediaResizeZIndex = akEditorUnitZIndex * 99;
-exports.akRichMediaResizeZIndex = akRichMediaResizeZIndex;
-var akLayoutGutterOffset = (0, _constants.gridSize)() * 1.5;
-exports.akLayoutGutterOffset = akLayoutGutterOffset;
-var akEditorLineHeight = 1.714;
-exports.akEditorLineHeight = akEditorLineHeight;
-var akEditorRuleBackground = _colors.N30;
-exports.akEditorRuleBackground = akEditorRuleBackground;
-var akEditorRuleBorderRadius = '1px';
-exports.akEditorRuleBorderRadius = akEditorRuleBorderRadius;
-var akEditorToolbarKeylineHeight = 2;
-exports.akEditorToolbarKeylineHeight = akEditorToolbarKeylineHeight;
-var akEditorContextPanelWidth = 320;
-exports.akEditorContextPanelWidth = akEditorContextPanelWidth;
-var akEditorTableCellBlanketSelected = 'rgba(179, 212, 255, 0.3)';
-exports.akEditorTableCellBlanketSelected = akEditorTableCellBlanketSelected;
-var akEditorTableCellBlanketDeleted = 'rgba(255, 235, 230, 0.3)';
+var akEditorFloatingOverlapPanelZIndex = exports.akEditorFloatingOverlapPanelZIndex = akEditorFloatingPanelZIndex + 5;
+var akEditorMentionSelected = exports.akEditorMentionSelected = _colors.N100;
+var akEditorTableToolbarSize = exports.akEditorTableToolbarSize = 11;
+var akEditorTableBorder = exports.akEditorTableBorder = _colors.N50;
+var akEditorTableBorderDark = exports.akEditorTableBorderDark = _colors.DN70;
+var akEditorTableToolbar = exports.akEditorTableToolbar = _colors.N20;
+var akEditorTableToolbarDark = exports.akEditorTableToolbarDark = _colors.DN50;
+var akEditorTableFloatingControls = exports.akEditorTableFloatingControls = _colors.N20;
+var akEditorTableCellSelected = exports.akEditorTableCellSelected = _colors.B75;
+var akEditorTableHeaderCellBackground = exports.akEditorTableHeaderCellBackground = '#F1F2F4';
+var akEditorTableHeaderCellBackgroundDark = exports.akEditorTableHeaderCellBackgroundDark = '#2C333A';
+var akEditorTableToolbarSelected = exports.akEditorTableToolbarSelected = _colors.B100;
+var akEditorTableBorderSelected = exports.akEditorTableBorderSelected = _colors.B300;
+var akEditorTableCellDelete = exports.akEditorTableCellDelete = _colors.R50;
+var akEditorTableBorderDelete = exports.akEditorTableBorderDelete = _colors.R300;
+var akEditorTableToolbarDelete = exports.akEditorTableToolbarDelete = _colors.R75;
+var akEditorTableBorderRadius = exports.akEditorTableBorderRadius = '3px';
+var akEditorTableCellBackgroundOpacity = exports.akEditorTableCellBackgroundOpacity = 0.5;
+var akEditorFullPageMaxWidth = exports.akEditorFullPageMaxWidth = 680;
+var akEditorDefaultLayoutWidth = exports.akEditorDefaultLayoutWidth = 760;
+var akEditorWideLayoutWidth = exports.akEditorWideLayoutWidth = 960; // This value is used for tables with breakouts and is used to calculate `breakoutWidthPx`
+var akEditorFullWidthLayoutWidth = exports.akEditorFullWidthLayoutWidth = 1800;
+var akEditorFullWidthLayoutLineLength = exports.akEditorFullWidthLayoutLineLength = 1792;
+var akEditorTableNumberColumnWidth = exports.akEditorTableNumberColumnWidth = 42;
+var akEditorBreakoutPadding = exports.akEditorBreakoutPadding = 96;
+var akEditorGutterPadding = exports.akEditorGutterPadding = 32;
+var akEditorMobileBreakoutPoint = exports.akEditorMobileBreakoutPoint = 720;
+var akEditorTableCellMinWidth = exports.akEditorTableCellMinWidth = 48;
+var akEditorTableLegacyCellMinWidth = exports.akEditorTableLegacyCellMinWidth = 128;
+var akEditorMediaResizeHandlerPaddingWide = exports.akEditorMediaResizeHandlerPaddingWide = 12;
+var akEditorMediaResizeHandlerPadding = exports.akEditorMediaResizeHandlerPadding = 4;
+var akEditorSwoopCubicBezier = exports.akEditorSwoopCubicBezier = "cubic-bezier(0.15, 1, 0.3, 1)";
+var gridMediumMaxWidth = exports.gridMediumMaxWidth = 1024;
+var breakoutWideScaleRatio = exports.breakoutWideScaleRatio = 1.33;
+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.
+var akRichMediaResizeZIndex = exports.akRichMediaResizeZIndex = akEditorUnitZIndex * 99;
+var akLayoutGutterOffset = exports.akLayoutGutterOffset = (0, _constants.gridSize)() * 1.5;
+var akEditorLineHeight = exports.akEditorLineHeight = 1.714;
+var akEditorRuleBackground = exports.akEditorRuleBackground = _colors.N30;
+var akEditorRuleBorderRadius = exports.akEditorRuleBorderRadius = '1px';
+var akEditorToolbarKeylineHeight = exports.akEditorToolbarKeylineHeight = 2;
+var akEditorContextPanelWidth = exports.akEditorContextPanelWidth = 320;
+var akEditorTableCellBlanketSelected = exports.akEditorTableCellBlanketSelected = 'rgba(179, 212, 255, 0.3)';
+var akEditorTableCellBlanketDeleted = exports.akEditorTableCellBlanketDeleted = 'rgba(255, 235, 230, 0.3)';
 // @see typography spreadsheet: https://docs.google.com/spreadsheets/d/1iYusRGCT4PoPfvxbJ8NrgjtfFgXLm5lpDWXzjua1W2E/edit#gid=93913128
-exports.akEditorTableCellBlanketDeleted = akEditorTableCellBlanketDeleted;
-var blockNodesVerticalMargin = '0.75rem';
-exports.blockNodesVerticalMargin = blockNodesVerticalMargin;
-var DEFAULT_EMBED_CARD_WIDTH = 680;
-exports.DEFAULT_EMBED_CARD_WIDTH = DEFAULT_EMBED_CARD_WIDTH;
-var DEFAULT_EMBED_CARD_HEIGHT = 480;
-exports.DEFAULT_EMBED_CARD_HEIGHT = DEFAULT_EMBED_CARD_HEIGHT;
-var MAX_BROWSER_SCROLLBAR_HEIGHT = 20;
-exports.MAX_BROWSER_SCROLLBAR_HEIGHT = MAX_BROWSER_SCROLLBAR_HEIGHT;
-var ATLASSIAN_NAVIGATION_HEIGHT = '56px';
-exports.ATLASSIAN_NAVIGATION_HEIGHT = ATLASSIAN_NAVIGATION_HEIGHT;
-var akEditorSelectedNodeClassName = 'ak-editor-selected-node';
-exports.akEditorSelectedNodeClassName = akEditorSelectedNodeClassName;
-var editorFontSize = function editorFontSize(_ref) {
+var blockNodesVerticalMargin = exports.blockNodesVerticalMargin = '0.75rem';
+var DEFAULT_EMBED_CARD_WIDTH = exports.DEFAULT_EMBED_CARD_WIDTH = 680;
+var DEFAULT_EMBED_CARD_HEIGHT = exports.DEFAULT_EMBED_CARD_HEIGHT = 480;
+var MAX_BROWSER_SCROLLBAR_HEIGHT = exports.MAX_BROWSER_SCROLLBAR_HEIGHT = 20;
+var ATLASSIAN_NAVIGATION_HEIGHT = exports.ATLASSIAN_NAVIGATION_HEIGHT = '56px';
+var akEditorSelectedNodeClassName = exports.akEditorSelectedNodeClassName = 'ak-editor-selected-node';
+var editorFontSize = exports.editorFontSize = function editorFontSize(_ref) {
   var theme = _ref.theme;
   return theme && theme.baseFontSize ? theme.baseFontSize : (0, _constants.fontSize)();
 };
-exports.editorFontSize = editorFontSize;
-var relativeSize = function relativeSize(multiplier) {
+var relativeSize = exports.relativeSize = function relativeSize(multiplier) {
   return function (_ref2) {
     var theme = _ref2.theme;
     return editorFontSize({
@@ -211,8 +121,7 @@ var relativeSize = function relativeSize(multiplier) {
     }) * multiplier;
   };
 };
-exports.relativeSize = relativeSize;
-var relativeFontSizeToBase16 = function relativeFontSizeToBase16(px) {
+var relativeFontSizeToBase16 = exports.relativeFontSizeToBase16 = function relativeFontSizeToBase16(px) {
   if (typeof px === 'string') {
     px = parseInt(px);
   }
@@ -221,8 +130,7 @@ var relativeFontSizeToBase16 = function relativeFontSizeToBase16(px) {
   }
   return "".concat(px / 16, "rem");
 };
-exports.relativeFontSizeToBase16 = relativeFontSizeToBase16;
-var VIEWPORT_SIZES = {
+var VIEWPORT_SIZES = exports.VIEWPORT_SIZES = {
   laptopHiDPI: {
     width: 1440,
     height: 900
@@ -254,16 +162,13 @@ var VIEWPORT_SIZES = {
 };
 // to be updated in ED-10790: this should be variable threshold based on how many buttons enabled on main toolbar
-exports.VIEWPORT_SIZES = VIEWPORT_SIZES;
-var akEditorMobileMaxWidth = 0;
-exports.akEditorMobileMaxWidth = akEditorMobileMaxWidth;
-var getTableCellBackgroundDarkModeColors = [['White', '#000000'], ['Light blue', '#0C294F'], ['Light teal', '#0C343B'], ['Light green', '#052E21'], ['Light yellow', '#484123'], ['Light red', '#441C13'], ['Light purple', '#282249'], ['Light gray', '#202328'], ['Blue', '#0B3165'], ['Teal', '#044853'], ['Green', '#053927'], ['Yellow', '#6F5C25'], ['Red', '#582013'], ['Purple', '#3E327B'], ['Gray', '#475262'], ['Dark blue', '#003884'], ['Dark teal', '#055866'], ['Dark green', '#044932'], ['Dark yellow', '#82641C'], ['Dark red', '#6B2A19'], ['Dark purple', '#4D38B2']].map(function (_ref3) {
+var akEditorMobileMaxWidth = exports.akEditorMobileMaxWidth = 0;
+var getTableCellBackgroundDarkModeColors = exports.getTableCellBackgroundDarkModeColors = [['White', '#000000'], ['Light blue', '#0C294F'], ['Light teal', '#0C343B'], ['Light green', '#052E21'], ['Light yellow', '#484123'], ['Light red', '#441C13'], ['Light purple', '#282249'], ['Light gray', '#202328'], ['Blue', '#0B3165'], ['Teal', '#044853'], ['Green', '#053927'], ['Yellow', '#6F5C25'], ['Red', '#582013'], ['Purple', '#3E327B'], ['Gray', '#475262'], ['Dark blue', '#003884'], ['Dark teal', '#055866'], ['Dark green', '#044932'], ['Dark yellow', '#82641C'], ['Dark red', '#6B2A19'], ['Dark purple', '#4D38B2']].map(function (_ref3) {
   var _ref4 = (0, _slicedToArray2.default)(_ref3, 2),
     colorName = _ref4[0],
     colorValue = _ref4[1];
   return getTableCellBackgroundDarkModeColorCSS(colorName, colorValue);
 }).join('\n');
-exports.getTableCellBackgroundDarkModeColors = getTableCellBackgroundDarkModeColors;
 function getTableCellBackgroundDarkModeColorCSS(colorName, colorValue) {
   return "\n  &[colorname=\"".concat(colorName, "\"] {\n    background-color: ").concat(colorValue, " !important; // !important to override default style color\n  }\n  ");
 }

package/dist/cjs/overflow-shadow/overflow-shadow.js CHANGED Viewed

@@ -9,7 +9,7 @@ var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/hel
 var _react = require("@emotion/react");
 var _templateObject;
 /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
-var overflowShadow = function overflowShadow(_ref) {
+var overflowShadow = exports.overflowShadow = function overflowShadow(_ref) {
   var background = _ref.background,
     _ref$width = _ref.width,
     width = _ref$width === void 0 ? "var(--ds-space-100, 8px)" : _ref$width,
@@ -18,5 +18,4 @@ var overflowShadow = function overflowShadow(_ref) {
   var leftCoverWidthResolved = leftCoverWidth || width;
   var rightCoverWidthResolved = rightCoverWidth || width;
   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"])), background, leftCoverWidthResolved, leftCoverWidthResolved, "var(--ds-surface-raised, transparent)", leftCoverWidthResolved, leftCoverWidthResolved, background, 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);
-};
-exports.overflowShadow = overflowShadow;
+};

package/dist/cjs/scrollbar-styles.js CHANGED Viewed

@@ -5,5 +5,4 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.scrollbarStyles = void 0;
 // TODO: https://product-fabric.atlassian.net/browse/DSP-4494
-var scrollbarStyles = "\n  -ms-overflow-style: -ms-autohiding-scrollbar;\n\n  &::-webkit-scrollbar {\n    height: ".concat("var(--ds-space-100, 8px)", ";\n    width: ", "var(--ds-space-100, 8px)", ";\n  }\n\n  &::-webkit-scrollbar-corner {\n    display: none;\n  }\n\n  &::-webkit-scrollbar-thumb {\n    background-color: ", "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");
-exports.scrollbarStyles = scrollbarStyles;
+var scrollbarStyles = exports.scrollbarStyles = "\n  -ms-overflow-style: -ms-autohiding-scrollbar;\n\n  &::-webkit-scrollbar {\n    height: ".concat("var(--ds-space-100, 8px)", ";\n    width: ", "var(--ds-space-100, 8px)", ";\n  }\n\n  &::-webkit-scrollbar-corner {\n    display: none;\n  }\n\n  &::-webkit-scrollbar-thumb {\n    background-color: ", "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");

package/dist/cjs/selection/types.js CHANGED Viewed

@@ -9,11 +9,10 @@ exports.SelectionStyle = void 0;
  * If you have custom behaviour needed for a node, add that in the plugin's styles
  * file in editor-core
  */
-var SelectionStyle = /*#__PURE__*/function (SelectionStyle) {
+var SelectionStyle = exports.SelectionStyle = /*#__PURE__*/function (SelectionStyle) {
   SelectionStyle[SelectionStyle["Border"] = 0] = "Border";
   SelectionStyle[SelectionStyle["BoxShadow"] = 1] = "BoxShadow";
   SelectionStyle[SelectionStyle["Background"] = 2] = "Background";
   SelectionStyle[SelectionStyle["Blanket"] = 3] = "Blanket";
   return SelectionStyle;
-}({});
-exports.SelectionStyle = SelectionStyle;
+}({});

package/dist/cjs/selection/utils.js CHANGED Viewed

@@ -16,14 +16,12 @@ var _types = require("./types");
  *  }
  *
  */
-var getSelectionStyles = function getSelectionStyles(selectionStyles) {
+var getSelectionStyles = exports.getSelectionStyles = function getSelectionStyles(selectionStyles) {
   return selectionStyles.map(function (selectionStyle) {
     return getSelectionStyle(selectionStyle);
   }).concat(hideNativeBrowserTextSelectionStyles).join('\n');
 };
-exports.getSelectionStyles = getSelectionStyles;
-var hideNativeBrowserTextSelectionStyles = "\n  ::selection,*::selection {\n    background-color: transparent;\n  }\n  ::-moz-selection,*::-moz-selection {\n    background-color: transparent;\n  }\n";
-exports.hideNativeBrowserTextSelectionStyles = hideNativeBrowserTextSelectionStyles;
+var hideNativeBrowserTextSelectionStyles = exports.hideNativeBrowserTextSelectionStyles = "\n  ::selection,*::selection {\n    background-color: transparent;\n  }\n  ::-moz-selection,*::-moz-selection {\n    background-color: transparent;\n  }\n";
 var getSelectionStyle = function getSelectionStyle(style) {
   switch (style) {
     case _types.SelectionStyle.Border:

package/dist/cjs/shortcut/shortcut.js CHANGED Viewed

@@ -11,5 +11,4 @@ var _colors = require("@atlaskit/theme/colors");
 var _constants = require("@atlaskit/theme/constants");
 var _consts = require("../consts");
 var _templateObject;
-var shortcutStyle = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  background-color: ", "; /* N60 at 50% */\n  color: ", ";\n  border-radius: ", "px;\n  padding: 4px;\n  line-height: 12px;\n  font-size: ", ";\n  align-self: flex-end;\n  @media (max-width: ", "px) {\n    display: none;\n  }\n"])), "var(--ds-background-neutral, rgba(223, 225, 229, 0.5))", "var(--ds-text-subtle, ".concat(_colors.N100, ")"), (0, _constants.borderRadius)(), (0, _consts.relativeFontSizeToBase16)(11.67), _consts.akEditorMobileMaxWidth);
-exports.shortcutStyle = shortcutStyle;
+var shortcutStyle = exports.shortcutStyle = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  background-color: ", "; /* N60 at 50% */\n  color: ", ";\n  border-radius: ", "px;\n  padding: ", ";\n  line-height: 12px;\n  font-size: ", ";\n  align-self: flex-end;\n  @media (max-width: ", "px) {\n    display: none;\n  }\n"])), "var(--ds-background-neutral, rgba(223, 225, 229, 0.5))", "var(--ds-text-subtle, ".concat(_colors.N100, ")"), (0, _constants.borderRadius)(), "var(--ds-space-050, 4px)", (0, _consts.relativeFontSizeToBase16)(11.67), _consts.akEditorMobileMaxWidth);

package/dist/es2019/consts/consts.js CHANGED Viewed

@@ -37,7 +37,7 @@ export const akEditorUnitZIndex = 1;
 export const akEditorShadowZIndex = 2;
 export const akEditorStickyHeaderZIndex = 11; // filmstrip uses 10 for its shadow
 export const akEditorSmallZIndex = akEditorStickyHeaderZIndex + 1;
-export const akEditorGridLineZIndex = 9999;
+export const akEditorGridLineZIndex = 1;
 // z-index for main menu bar -
 // this is highest as it should be above anything else in editor below.
 export const akEditorMenuZIndex = layers.blanket();

package/dist/es2019/shortcut/shortcut.js CHANGED Viewed

@@ -6,7 +6,7 @@ export const shortcutStyle = css`
   background-color: ${"var(--ds-background-neutral, rgba(223, 225, 229, 0.5))"}; /* N60 at 50% */
   color: ${`var(--ds-text-subtle, ${N100})`};
   border-radius: ${borderRadius()}px;
-  padding: 4px;
+  padding: ${"var(--ds-space-050, 4px)"};
   line-height: 12px;
   font-size: ${relativeFontSizeToBase16(11.67)};
   align-self: flex-end;

package/dist/esm/consts/consts.js CHANGED Viewed

@@ -38,7 +38,7 @@ export var akEditorUnitZIndex = 1;
 export var akEditorShadowZIndex = 2;
 export var akEditorStickyHeaderZIndex = 11; // filmstrip uses 10 for its shadow
 export var akEditorSmallZIndex = akEditorStickyHeaderZIndex + 1;
-export var akEditorGridLineZIndex = 9999;
+export var akEditorGridLineZIndex = 1;
 // z-index for main menu bar -
 // this is highest as it should be above anything else in editor below.
 export var akEditorMenuZIndex = layers.blanket();

package/dist/esm/shortcut/shortcut.js CHANGED Viewed

@@ -4,4 +4,4 @@ import { css } from '@emotion/react';
 import { N100 } from '@atlaskit/theme/colors';
 import { borderRadius } from '@atlaskit/theme/constants';
 import { akEditorMobileMaxWidth, relativeFontSizeToBase16 } from '../consts';
-export var shortcutStyle = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  background-color: ", "; /* N60 at 50% */\n  color: ", ";\n  border-radius: ", "px;\n  padding: 4px;\n  line-height: 12px;\n  font-size: ", ";\n  align-self: flex-end;\n  @media (max-width: ", "px) {\n    display: none;\n  }\n"])), "var(--ds-background-neutral, rgba(223, 225, 229, 0.5))", "var(--ds-text-subtle, ".concat(N100, ")"), borderRadius(), relativeFontSizeToBase16(11.67), akEditorMobileMaxWidth);
+export var shortcutStyle = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  background-color: ", "; /* N60 at 50% */\n  color: ", ";\n  border-radius: ", "px;\n  padding: ", ";\n  line-height: 12px;\n  font-size: ", ";\n  align-self: flex-end;\n  @media (max-width: ", "px) {\n    display: none;\n  }\n"])), "var(--ds-background-neutral, rgba(223, 225, 229, 0.5))", "var(--ds-text-subtle, ".concat(N100, ")"), borderRadius(), "var(--ds-space-050, 4px)", relativeFontSizeToBase16(11.67), akEditorMobileMaxWidth);

package/dist/types/consts/consts.d.ts CHANGED Viewed

@@ -33,7 +33,7 @@ export declare const akEditorUnitZIndex = 1;
 export declare const akEditorShadowZIndex = 2;
 export declare const akEditorStickyHeaderZIndex = 11;
 export declare const akEditorSmallZIndex: number;
-export declare const akEditorGridLineZIndex = 9999;
+export declare const akEditorGridLineZIndex = 1;
 export declare const akEditorMenuZIndex: 500;
 export declare const akEditorFloatingPanelZIndex: 400;
 export declare const akEditorFloatingDialogZIndex: number;

package/dist/types-ts4.5/consts/consts.d.ts CHANGED Viewed

@@ -33,7 +33,7 @@ export declare const akEditorUnitZIndex = 1;
 export declare const akEditorShadowZIndex = 2;
 export declare const akEditorStickyHeaderZIndex = 11;
 export declare const akEditorSmallZIndex: number;
-export declare const akEditorGridLineZIndex = 9999;
+export declare const akEditorGridLineZIndex = 1;
 export declare const akEditorMenuZIndex: 500;
 export declare const akEditorFloatingPanelZIndex: 400;
 export declare const akEditorFloatingDialogZIndex: number;

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-shared-styles",
-  "version": "2.8.0",
+  "version": "2.8.2",
   "description": "Style values used in the editor/renderer",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -36,7 +36,7 @@
   },
   "dependencies": {
     "@atlaskit/theme": "^12.6.0",
-    "@atlaskit/tokens": "^1.25.0",
+    "@atlaskit/tokens": "^1.29.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1"
   },

package/report.api.md CHANGED Viewed

@@ -93,7 +93,7 @@ export const akEditorFullWidthLayoutLineLength = 1792;
 export const akEditorFullWidthLayoutWidth = 1800;
 // @public (undocumented)
-export const akEditorGridLineZIndex = 9999;
+export const akEditorGridLineZIndex = 1;
 // @public (undocumented)
 export const akEditorGutterPadding = 32;

package/src/consts/consts.ts CHANGED Viewed

@@ -72,7 +72,7 @@ export const akEditorUnitZIndex = 1;
 export const akEditorShadowZIndex = 2;
 export const akEditorStickyHeaderZIndex = 11; // filmstrip uses 10 for its shadow
 export const akEditorSmallZIndex = akEditorStickyHeaderZIndex + 1;
-export const akEditorGridLineZIndex = 9999;
+export const akEditorGridLineZIndex = 1;
 // z-index for main menu bar -
 // this is highest as it should be above anything else in editor below.
 export const akEditorMenuZIndex = layers.blanket();

package/src/shortcut/shortcut.ts CHANGED Viewed

@@ -13,7 +13,7 @@ export const shortcutStyle = css`
   )}; /* N60 at 50% */
   color: ${token('color.text.subtle', N100)};
   border-radius: ${borderRadius()}px;
-  padding: 4px;
+  padding: ${token('space.050', '4px')};
   line-height: 12px;
   font-size: ${relativeFontSizeToBase16(11.67)};
   align-self: flex-end;

package/tsconfig.app.json CHANGED Viewed

@@ -38,5 +38,6 @@
     {
       "path": "../../design-system/tokens/tsconfig.app.json"
     }
-  ]
+  ],
+  "files": []
 }

package/tsconfig.dev.json CHANGED Viewed

@@ -35,5 +35,6 @@
     {
       "path": "tsconfig.app.json"
     }
-  ]
+  ],
+  "files": []
 }

package/tmp/api-report-tmp.d.ts DELETED Viewed

@@ -1,357 +0,0 @@
-## API Report File for "@atlaskit/editor-shared-styles"
-> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
-```ts
-import { SerializedStyles } from '@emotion/react';
-// @public (undocumented)
-export const akEditorActiveBackground = "#42526E";
-// @public (undocumented)
-export const akEditorActiveForeground = "#FFFFFF";
-// @public (undocumented)
-export const akEditorBlockquoteBorderColor = "#DFE1E6";
-// @public (undocumented)
-export const akEditorBreakoutPadding = 96;
-// @public (undocumented)
-export const akEditorCalculatedWideLayoutWidth = 1011;
-// @public (undocumented)
-export const akEditorCodeBackground = "#F4F5F7";
-// @public (undocumented)
-export const akEditorCodeBlockPadding = "12px";
-// @public (undocumented)
-export const akEditorCodeFontFamily: string;
-// @public (undocumented)
-export const akEditorCodeInlinePadding = "2px 4px";
-// @public (undocumented)
-export const akEditorContextPanelWidth = 320;
-// @public (undocumented)
-export const akEditorDefaultLayoutWidth = 760;
-// @public (undocumented)
-export const akEditorDeleteBackground = "#FFEBE6";
-// @public (undocumented)
-export const akEditorDeleteBackgroundShaded = "#FFEBE6";
-// @public (undocumented)
-export const akEditorDeleteBackgroundWithOpacity = "rgba(255, 189, 173, 0.5)";
-// @public (undocumented)
-export const akEditorDeleteBorder = "#FF5630";
-// @public (undocumented)
-export const akEditorDeleteIconColor = "#DE350B";
-// @public (undocumented)
-export const akEditorDropdownActiveBackground = "#091E42";
-// @public (undocumented)
-export const akEditorFloatingDialogZIndex: number;
-// @public (undocumented)
-export const akEditorFloatingOverlapPanelZIndex: number;
-// @public (undocumented)
-export const akEditorFloatingPanelZIndex: 400;
-// @public (undocumented)
-export const akEditorFocus = "#4C9AFF";
-// @public (undocumented)
-export const akEditorFullPageDefaultFontSize = 16;
-// @public (undocumented)
-export const akEditorFullPageMaxWidth = 680;
-// @public (undocumented)
-export const akEditorFullWidthLayoutLineLength = 1792;
-// @public (undocumented)
-export const akEditorFullWidthLayoutWidth = 1800;
-// @public (undocumented)
-export const akEditorGridLineZIndex = 9999;
-// @public (undocumented)
-export const akEditorGutterPadding = 32;
-// @public (undocumented)
-export const akEditorInactiveForeground = "#42526E";
-// @public (undocumented)
-export const akEditorLineHeight = 1.714;
-// @public (undocumented)
-export const akEditorMediaResizeHandlerPadding = 4;
-// @public (undocumented)
-export const akEditorMediaResizeHandlerPaddingWide = 12;
-// @public (undocumented)
-export const akEditorMentionSelected = "#7A869A";
-// @public (undocumented)
-export const akEditorMenuZIndex: 500;
-// @public (undocumented)
-export const akEditorMobileBreakoutPoint = 720;
-// @public (undocumented)
-export const akEditorMobileMaxWidth = 0;
-// @public (undocumented)
-export const akEditorPopupBackground = "#253858";
-// @public (undocumented)
-export const akEditorPopupText = "#DEEBFF";
-// @public (undocumented)
-export const akEditorPrimaryButton = "#0052CC";
-// @public (undocumented)
-export const akEditorRuleBackground = "#EBECF0";
-// @public (undocumented)
-export const akEditorRuleBorderRadius = "1px";
-// @public (undocumented)
-export const akEditorSelectedBgColor = "#DEEBFF";
-// @public (undocumented)
-export const akEditorSelectedBlanketColor = "#B3D4FF";
-// @public (undocumented)
-export const akEditorSelectedBlanketOpacity = 0.3;
-// @public (undocumented)
-export const akEditorSelectedBorder: string;
-// @public (undocumented)
-export const akEditorSelectedBorderBoldSize = 2;
-// @public (undocumented)
-export const akEditorSelectedBorderColor = "#0065FF";
-// @public (undocumented)
-export const akEditorSelectedBorderSize = 1;
-// @public (undocumented)
-export const akEditorSelectedBoxShadow: string;
-// @public (undocumented)
-export const akEditorSelectedIconColor = "#0052CC";
-// @public (undocumented)
-export const akEditorSelectedNodeClassName = "ak-editor-selected-node";
-// @public (undocumented)
-export const akEditorShadowZIndex = 2;
-// @public (undocumented)
-export const akEditorSmallZIndex: number;
-// @public (undocumented)
-export const akEditorStickyHeaderZIndex = 11;
-// @public (undocumented)
-export const akEditorSubtleAccent = "#DFE1E6";
-// @public (undocumented)
-export const akEditorSwoopCubicBezier = "cubic-bezier(0.15, 1, 0.3, 1)";
-// @public (undocumented)
-export const akEditorTableBorder = "#C1C7D0";
-// @public (undocumented)
-export const akEditorTableBorderDark = "#3B475C";
-// @public (undocumented)
-export const akEditorTableBorderDelete = "#FF5630";
-// @public (undocumented)
-export const akEditorTableBorderRadius = "3px";
-// @public (undocumented)
-export const akEditorTableBorderSelected = "#0065FF";
-// @public (undocumented)
-export const akEditorTableCellBackgroundOpacity = 0.5;
-// @public (undocumented)
-export const akEditorTableCellBlanketDeleted = "rgba(255, 235, 230, 0.3)";
-// @public (undocumented)
-export const akEditorTableCellBlanketSelected = "rgba(179, 212, 255, 0.3)";
-// @public (undocumented)
-export const akEditorTableCellDelete = "#FFEBE6";
-// @public (undocumented)
-export const akEditorTableCellMinWidth = 48;
-// @public (undocumented)
-export const akEditorTableCellOnStickyHeaderZIndex: number;
-// @public (undocumented)
-export const akEditorTableCellSelected = "#B3D4FF";
-// @public (undocumented)
-export const akEditorTableFloatingControls = "#F4F5F7";
-// @public (undocumented)
-export const akEditorTableHeaderCellBackground = "#F1F2F4";
-// @public (undocumented)
-export const akEditorTableHeaderCellBackgroundDark = "#2C333A";
-// @public (undocumented)
-export const akEditorTableLegacyCellMinWidth = 128;
-// @public (undocumented)
-export const akEditorTableNumberColumnWidth = 42;
-// @public (undocumented)
-export const akEditorTableToolbar = "#F4F5F7";
-// @public (undocumented)
-export const akEditorTableToolbarDark = "#283447";
-// @public (undocumented)
-export const akEditorTableToolbarDelete = "#FFBDAD";
-// @public (undocumented)
-export const akEditorTableToolbarSelected = "#4C9AFF";
-// @public (undocumented)
-export const akEditorTableToolbarSize = 11;
-// @public (undocumented)
-export const akEditorToolbarKeylineHeight = 2;
-// @public (undocumented)
-export const akEditorUnitZIndex = 1;
-// @public (undocumented)
-export const akEditorWideLayoutWidth = 960;
-// @public (undocumented)
-export const akLayoutGutterOffset: number;
-// @public (undocumented)
-export const akRichMediaResizeZIndex: number;
-// @public (undocumented)
-export const ATLASSIAN_NAVIGATION_HEIGHT = "56px";
-// @public (undocumented)
-export const blockNodesVerticalMargin = "0.75rem";
-// @public (undocumented)
-export const breakoutWideScaleRatio = 1.33;
-// @public (undocumented)
-export const DEFAULT_EMBED_CARD_HEIGHT = 480;
-// @public (undocumented)
-export const DEFAULT_EMBED_CARD_WIDTH = 680;
-// @public (undocumented)
-export const editorFontSize: ({ theme }: {
-    theme: EditorTheme;
-}) => number;
-// @public (undocumented)
-export type EditorTheme = {
-    baseFontSize?: number;
-};
-// @public
-export const getSelectionStyles: (selectionStyles: Array<SelectionStyle>) => string;
-// @public (undocumented)
-export const getTableCellBackgroundDarkModeColors: string;
-// @public (undocumented)
-export const gridMediumMaxWidth = 1024;
-// @public (undocumented)
-export const hideNativeBrowserTextSelectionStyles = "\n  ::selection,*::selection {\n    background-color: transparent;\n  }\n  ::-moz-selection,*::-moz-selection {\n    background-color: transparent;\n  }\n";
-// @public (undocumented)
-export const MAX_BROWSER_SCROLLBAR_HEIGHT = 20;
-// @public (undocumented)
-export const overflowShadow: ({ background, width, leftCoverWidth, rightCoverWidth, }: {
-    background: string;
-    width?: string | undefined;
-    leftCoverWidth?: string | undefined;
-    rightCoverWidth?: string | undefined;
-}) => SerializedStyles;
-// @public (undocumented)
-export const relativeFontSizeToBase16: (px: number | string) => string;
-// @public (undocumented)
-export const relativeSize: (multiplier: number) => ({ theme }: {
-    theme: EditorTheme;
-}) => number;
-// @public
-export enum SelectionStyle {
-    // (undocumented)
-    Background = 2,
-    // (undocumented)
-    Blanket = 3,
-    // (undocumented)
-    Border = 0,
-    // (undocumented)
-    BoxShadow = 1
-}
-// @public (undocumented)
-export const VIEWPORT_SIZES: {
-    laptopHiDPI: {
-        width: number;
-        height: number;
-    };
-    laptopMDPI: {
-        width: number;
-        height: number;
-    };
-    tabletL: {
-        width: number;
-        height: number;
-    };
-    tabletS: {
-        width: number;
-        height: number;
-    };
-    mobileM: {
-        width: number;
-        height: number;
-    };
-    mobileS: {
-        width: number;
-        height: number;
-    };
-    mobileXS: {
-        width: number;
-        height: number;
-    };
-};
-// (No @packageDocumentation comment for this package)
-```