@atlaskit/editor-core 219.9.16 → 219.9.17

package/dist/esm/ui/Appearance/FullPage/MainToolbarWrapper.js

@@ -1,60 +1,7 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import React from 'react';
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports -- Ignored via go/DSP-18766; jsx required at runtime for @jsxRuntime classic
-import { css, jsx } from '@emotion/react';
-import { akEditorFloatingDialogZIndex, akEditorSwoopCubicBezier } from '@atlaskit/editor-shared-styles';
-import { MAXIMUM_TWO_LINE_TOOLBAR_BREAKPOINT } from './MainToolbar';
-
-// Base styles that don't depend on feature flags
-var baseToolbarStyles = css({
-  position: 'relative',
-  alignItems: 'center',
-  boxShadow: 'none',
-  borderBottom: "var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-border, #0B120E24)"),
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
-  transition: "box-shadow 200ms ".concat(akEditorSwoopCubicBezier),
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values
-  zIndex: akEditorFloatingDialogZIndex,
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values
-  display: 'flex',
-  height: 'var(--ak-editor-fullpage-toolbar-height)',
-  flexShrink: 0,
-  backgroundColor: "var(--ds-surface, #FFFFFF)",
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '& object': {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
-    height: '0 !important'
-  }
-});
-var flexibleIconSize = css({
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-  '& span svg': {
-    maxWidth: '100%'
-  }
-});
-// box-shadow is overriden by the mainToolbar
-var mainToolbarWithKeyline = css({
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  boxShadow: "var(--ds-shadow-overflow, 0px 0px 8px #1E1F2128, 0px 0px 1px #1E1F211e)"
-});
-var mainToolbarTwoLineStyle = css(_defineProperty({}, "@media (max-width: ".concat(MAXIMUM_TWO_LINE_TOOLBAR_BREAKPOINT, "px)"), {
-  flexWrap: 'wrap',
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  height: "calc(var(--ak-editor-fullpage-toolbar-height) * 2)"
-}));
-export var MainToolbarWrapper = function MainToolbarWrapper(_ref) {
-  var showKeyline = _ref.showKeyline,
-    twoLineEditorToolbar = _ref.twoLineEditorToolbar,
-    children = _ref.children,
-    testId = _ref['data-testid'];
-  return jsx("div", {
-    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
-    css: [baseToolbarStyles, flexibleIconSize, showKeyline && mainToolbarWithKeyline, twoLineEditorToolbar && mainToolbarTwoLineStyle],
-    "data-testid": testId
-  }, children);
-};
+import { componentWithCondition } from '@atlaskit/platform-feature-flags-react';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
+import { MainToolbarWrapperCompiled } from './MainToolbarWrapper-compiled';
+import { MainToolbarWrapperEmotion } from './MainToolbarWrapper-emotion';
+export var MainToolbarWrapper = componentWithCondition(function () {
+  return expValEquals('platform_editor_core_non_ecc_static_css', 'isEnabled', true);
+}, MainToolbarWrapperCompiled, MainToolbarWrapperEmotion);

package/dist/esm/version-wrapper.js

@@ -1,2 +1,2 @@
 export var name = "@atlaskit/editor-core";
-export var version = "219.9.15";
+export var version = "219.9.16";

package/dist/types/composable-editor/core-editor.d.ts

@@ -1,4 +1,4 @@
-import { jsx } from '@emotion/react';
+import React from 'react';
 import type { EditorNextProps } from '../types/editor-props';
 import type { WithAppearanceComponent } from '../types/with-appearance-component';
 /**
@@ -6,7 +6,7 @@ import type { WithAppearanceComponent } from '../types/with-appearance-component
  * @param props
  * @example
  */
-export declare function CoreEditor(props: EditorNextProps & WithAppearanceComponent): jsx.JSX.Element;
+export declare function CoreEditor(props: EditorNextProps & WithAppearanceComponent): React.JSX.Element;
 export declare namespace CoreEditor {
     var propTypes: {
         minHeight: ({ appearance, minHeight, }: Pick<EditorNextProps, 'appearance' | 'minHeight'>) => Error | null;

package/dist/types/composable-editor/editor-internal-compiled.d.ts

@@ -0,0 +1,14 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+/**
+ * Compiled branch of the `platform_editor_core_non_ecc_static_css` experiment.
+ * Used via `componentWithCondition` in `editor-internal.tsx`.
+ *
+ * Cleanup: delete this file once the experiment has shipped.
+ */
+import type { ReactNode } from 'react';
+export declare const EditorInternalContainerCompiled: ({ children }: {
+    children?: ReactNode;
+}) => React.JSX.Element;

package/dist/types/composable-editor/editor-internal-emotion.d.ts

@@ -0,0 +1,14 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+/**
+ * Emotion fallback branch of the `platform_editor_core_non_ecc_static_css` experiment.
+ * Used via `componentWithCondition` in `editor-internal.tsx`.
+ *
+ * Cleanup: delete this file once the experiment has shipped.
+ */
+import type { ReactNode } from 'react';
+export declare const EditorInternalContainerEmotion: ({ children }: {
+    children?: ReactNode;
+}) => React.JSX.Element;

package/dist/types/composable-editor/editor-internal.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import type { MemoExoticComponent } from 'react';
 import type { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next/types';
 import type { FireAnalyticsCallback } from '@atlaskit/editor-common/analytics';

package/dist/types/ui/Appearance/FullPage/{FullPageToolbar-compiled.d.ts → MainToolbar-compiled.d.ts}

@@ -4,17 +4,18 @@
  */
 /**
  * Compiled branch of the `platform_editor_core_non_ecc_static_css` experiment.
- * Used via `componentWithCondition` in `FullPageToolbar.tsx`.
+ * Used via `componentWithCondition` in `MainToolbar.tsx`.
  *
  * Cleanup: delete this file once the experiment has shipped.
  */
-import type { ReactNode } from 'react';
+import React from 'react';
+import { jsx } from '@compiled/react';
 export declare const NonCustomToolbarWrapperCompiled: ({ children, }: {
-    children: ReactNode;
-}) => React.JSX.Element;
-export declare const MainToolbarIconBeforeCompiled: ({ children, }: {
-    children: ReactNode;
-}) => React.JSX.Element;
+    children: React.ReactNode;
+}) => jsx.JSX.Element;
 export declare const CustomToolbarWrapperCompiled: ({ children, }: {
-    children: ReactNode;
-}) => React.JSX.Element;
+    children: React.ReactNode;
+}) => jsx.JSX.Element;
+export declare const MainToolbarIconBeforeCompiled: ({ children, }: {
+    children: React.ReactNode;
+}) => jsx.JSX.Element;

package/dist/{types-ts4.5/ui/Appearance/FullPage/FullPageToolbar-emotion.d.ts → types/ui/Appearance/FullPage/MainToolbar-emotion.d.ts}

@@ -4,17 +4,18 @@
  */
 /**
  * Emotion fallback branch of the `platform_editor_core_non_ecc_static_css` experiment.
- * Used via `componentWithCondition` in `FullPageToolbar.tsx`.
+ * Used via `componentWithCondition` in `MainToolbar.tsx`.
  *
  * Cleanup: delete this file once the experiment has shipped.
  */
-import type { ReactNode } from 'react';
+import React from 'react';
+import { jsx } from '@emotion/react';
 export declare const NonCustomToolbarWrapperEmotion: ({ children, }: {
-    children: ReactNode;
-}) => React.JSX.Element;
-export declare const MainToolbarIconBeforeEmotion: ({ children, }: {
-    children: ReactNode;
-}) => React.JSX.Element;
+    children: React.ReactNode;
+}) => jsx.JSX.Element;
 export declare const CustomToolbarWrapperEmotion: ({ children, }: {
-    children: ReactNode;
-}) => React.JSX.Element;
+    children: React.ReactNode;
+}) => jsx.JSX.Element;
+export declare const MainToolbarIconBeforeEmotion: ({ children, }: {
+    children: React.ReactNode;
+}) => jsx.JSX.Element;

package/dist/types/ui/Appearance/FullPage/MainToolbar.d.ts

@@ -1,7 +1,11 @@
-import type { SerializedStyles } from '@emotion/react';
+import type React from 'react';
 export declare const MAXIMUM_TWO_LINE_TOOLBAR_BREAKPOINT = 868;
-export declare const mainToolbarIconBeforeStyle: SerializedStyles;
-export declare const mainToolbarFirstChildStyle: (twoLineEditorToolbar: boolean) => (false | SerializedStyles | (() => SerializedStyles))[];
-export declare const mainToolbarSecondChildStyle: (twoLineEditorToolbar: boolean) => (false | SerializedStyles | (() => SerializedStyles))[];
-export declare const nonCustomToolbarWrapperStyle: SerializedStyles;
-export declare const customToolbarWrapperStyle: SerializedStyles;
+export declare const NonCustomToolbarWrapperMigration: React.ComponentType<{
+    children: React.ReactNode;
+}>;
+export declare const CustomToolbarWrapperMigration: React.ComponentType<{
+    children: React.ReactNode;
+}>;
+export declare const MainToolbarIconBeforeMigration: React.ComponentType<{
+    children: React.ReactNode;
+}>;

package/dist/types/ui/Appearance/FullPage/MainToolbarWrapper-compiled.d.ts

@@ -0,0 +1,19 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+/**
+ * Compiled branch of the `platform_editor_core_non_ecc_static_css` experiment.
+ * Used via `componentWithCondition` in `MainToolbarWrapper.tsx`.
+ *
+ * Cleanup: delete this file once the experiment has shipped.
+ */
+import React from 'react';
+import { jsx } from '@compiled/react';
+export interface MainToolbarWrapperCompiledProps {
+    children: React.ReactNode;
+    'data-testid'?: string;
+    showKeyline: boolean;
+    twoLineEditorToolbar: boolean;
+}
+export declare const MainToolbarWrapperCompiled: ({ showKeyline, twoLineEditorToolbar, children, "data-testid": testId, }: MainToolbarWrapperCompiledProps) => jsx.JSX.Element;

package/dist/types/ui/Appearance/FullPage/MainToolbarWrapper-emotion.d.ts

@@ -0,0 +1,19 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+/**
+ * Emotion fallback branch of the `platform_editor_core_non_ecc_static_css` experiment.
+ * Used via `componentWithCondition` in `MainToolbarWrapper.tsx`.
+ *
+ * Cleanup: delete this file once the experiment has shipped.
+ */
+import React from 'react';
+import { jsx } from '@emotion/react';
+export interface MainToolbarWrapperEmotionProps {
+    children: React.ReactNode;
+    'data-testid'?: string;
+    showKeyline: boolean;
+    twoLineEditorToolbar: boolean;
+}
+export declare const MainToolbarWrapperEmotion: ({ showKeyline, twoLineEditorToolbar, children, "data-testid": testId, }: MainToolbarWrapperEmotionProps) => jsx.JSX.Element;

package/dist/types/ui/Appearance/FullPage/MainToolbarWrapper.d.ts

@@ -1,14 +1,3 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import React from 'react';
-import { jsx } from '@emotion/react';
-interface MainToolbarWrapperProps {
-    children: React.ReactNode;
-    'data-testid'?: string;
-    showKeyline: boolean;
-    twoLineEditorToolbar: boolean;
-}
-export declare const MainToolbarWrapper: ({ showKeyline, twoLineEditorToolbar, children, "data-testid": testId, }: MainToolbarWrapperProps) => jsx.JSX.Element;
-export {};
+import type React from 'react';
+import { type MainToolbarWrapperCompiledProps } from './MainToolbarWrapper-compiled';
+export declare const MainToolbarWrapper: React.ComponentType<MainToolbarWrapperCompiledProps>;

package/dist/types-ts4.5/composable-editor/core-editor.d.ts

@@ -1,4 +1,4 @@
-import { jsx } from '@emotion/react';
+import React from 'react';
 import type { EditorNextProps } from '../types/editor-props';
 import type { WithAppearanceComponent } from '../types/with-appearance-component';
 /**
@@ -6,7 +6,7 @@ import type { WithAppearanceComponent } from '../types/with-appearance-component
  * @param props
  * @example
  */
-export declare function CoreEditor(props: EditorNextProps & WithAppearanceComponent): jsx.JSX.Element;
+export declare function CoreEditor(props: EditorNextProps & WithAppearanceComponent): React.JSX.Element;
 export declare namespace CoreEditor {
     var propTypes: {
         minHeight: ({ appearance, minHeight, }: Pick<EditorNextProps, 'appearance' | 'minHeight'>) => Error | null;

package/dist/types-ts4.5/composable-editor/editor-internal-compiled.d.ts

@@ -0,0 +1,14 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+/**
+ * Compiled branch of the `platform_editor_core_non_ecc_static_css` experiment.
+ * Used via `componentWithCondition` in `editor-internal.tsx`.
+ *
+ * Cleanup: delete this file once the experiment has shipped.
+ */
+import type { ReactNode } from 'react';
+export declare const EditorInternalContainerCompiled: ({ children }: {
+    children?: ReactNode;
+}) => React.JSX.Element;

package/dist/types-ts4.5/composable-editor/editor-internal-emotion.d.ts

@@ -0,0 +1,14 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+/**
+ * Emotion fallback branch of the `platform_editor_core_non_ecc_static_css` experiment.
+ * Used via `componentWithCondition` in `editor-internal.tsx`.
+ *
+ * Cleanup: delete this file once the experiment has shipped.
+ */
+import type { ReactNode } from 'react';
+export declare const EditorInternalContainerEmotion: ({ children }: {
+    children?: ReactNode;
+}) => React.JSX.Element;

package/dist/types-ts4.5/composable-editor/editor-internal.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import type { MemoExoticComponent } from 'react';
 import type { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next/types';
 import type { FireAnalyticsCallback } from '@atlaskit/editor-common/analytics';

package/dist/types-ts4.5/ui/Appearance/FullPage/{FullPageToolbar-compiled.d.ts → MainToolbar-compiled.d.ts}

@@ -4,17 +4,18 @@
  */
 /**
  * Compiled branch of the `platform_editor_core_non_ecc_static_css` experiment.
- * Used via `componentWithCondition` in `FullPageToolbar.tsx`.
+ * Used via `componentWithCondition` in `MainToolbar.tsx`.
  *
  * Cleanup: delete this file once the experiment has shipped.
  */
-import type { ReactNode } from 'react';
+import React from 'react';
+import { jsx } from '@compiled/react';
 export declare const NonCustomToolbarWrapperCompiled: ({ children, }: {
-    children: ReactNode;
-}) => React.JSX.Element;
-export declare const MainToolbarIconBeforeCompiled: ({ children, }: {
-    children: ReactNode;
-}) => React.JSX.Element;
+    children: React.ReactNode;
+}) => jsx.JSX.Element;
 export declare const CustomToolbarWrapperCompiled: ({ children, }: {
-    children: ReactNode;
-}) => React.JSX.Element;
+    children: React.ReactNode;
+}) => jsx.JSX.Element;
+export declare const MainToolbarIconBeforeCompiled: ({ children, }: {
+    children: React.ReactNode;
+}) => jsx.JSX.Element;

package/dist/{types/ui/Appearance/FullPage/FullPageToolbar-emotion.d.ts → types-ts4.5/ui/Appearance/FullPage/MainToolbar-emotion.d.ts}

@@ -4,17 +4,18 @@
  */
 /**
  * Emotion fallback branch of the `platform_editor_core_non_ecc_static_css` experiment.
- * Used via `componentWithCondition` in `FullPageToolbar.tsx`.
+ * Used via `componentWithCondition` in `MainToolbar.tsx`.
  *
  * Cleanup: delete this file once the experiment has shipped.
  */
-import type { ReactNode } from 'react';
+import React from 'react';
+import { jsx } from '@emotion/react';
 export declare const NonCustomToolbarWrapperEmotion: ({ children, }: {
-    children: ReactNode;
-}) => React.JSX.Element;
-export declare const MainToolbarIconBeforeEmotion: ({ children, }: {
-    children: ReactNode;
-}) => React.JSX.Element;
+    children: React.ReactNode;
+}) => jsx.JSX.Element;
 export declare const CustomToolbarWrapperEmotion: ({ children, }: {
-    children: ReactNode;
-}) => React.JSX.Element;
+    children: React.ReactNode;
+}) => jsx.JSX.Element;
+export declare const MainToolbarIconBeforeEmotion: ({ children, }: {
+    children: React.ReactNode;
+}) => jsx.JSX.Element;

package/dist/types-ts4.5/ui/Appearance/FullPage/MainToolbar.d.ts

@@ -1,7 +1,11 @@
-import type { SerializedStyles } from '@emotion/react';
+import type React from 'react';
 export declare const MAXIMUM_TWO_LINE_TOOLBAR_BREAKPOINT = 868;
-export declare const mainToolbarIconBeforeStyle: SerializedStyles;
-export declare const mainToolbarFirstChildStyle: (twoLineEditorToolbar: boolean) => (false | SerializedStyles | (() => SerializedStyles))[];
-export declare const mainToolbarSecondChildStyle: (twoLineEditorToolbar: boolean) => (false | SerializedStyles | (() => SerializedStyles))[];
-export declare const nonCustomToolbarWrapperStyle: SerializedStyles;
-export declare const customToolbarWrapperStyle: SerializedStyles;
+export declare const NonCustomToolbarWrapperMigration: React.ComponentType<{
+    children: React.ReactNode;
+}>;
+export declare const CustomToolbarWrapperMigration: React.ComponentType<{
+    children: React.ReactNode;
+}>;
+export declare const MainToolbarIconBeforeMigration: React.ComponentType<{
+    children: React.ReactNode;
+}>;

package/dist/types-ts4.5/ui/Appearance/FullPage/MainToolbarWrapper-compiled.d.ts

@@ -0,0 +1,19 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+/**
+ * Compiled branch of the `platform_editor_core_non_ecc_static_css` experiment.
+ * Used via `componentWithCondition` in `MainToolbarWrapper.tsx`.
+ *
+ * Cleanup: delete this file once the experiment has shipped.
+ */
+import React from 'react';
+import { jsx } from '@compiled/react';
+export interface MainToolbarWrapperCompiledProps {
+    children: React.ReactNode;
+    'data-testid'?: string;
+    showKeyline: boolean;
+    twoLineEditorToolbar: boolean;
+}
+export declare const MainToolbarWrapperCompiled: ({ showKeyline, twoLineEditorToolbar, children, "data-testid": testId, }: MainToolbarWrapperCompiledProps) => jsx.JSX.Element;

package/dist/types-ts4.5/ui/Appearance/FullPage/MainToolbarWrapper-emotion.d.ts

@@ -0,0 +1,19 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+/**
+ * Emotion fallback branch of the `platform_editor_core_non_ecc_static_css` experiment.
+ * Used via `componentWithCondition` in `MainToolbarWrapper.tsx`.
+ *
+ * Cleanup: delete this file once the experiment has shipped.
+ */
+import React from 'react';
+import { jsx } from '@emotion/react';
+export interface MainToolbarWrapperEmotionProps {
+    children: React.ReactNode;
+    'data-testid'?: string;
+    showKeyline: boolean;
+    twoLineEditorToolbar: boolean;
+}
+export declare const MainToolbarWrapperEmotion: ({ showKeyline, twoLineEditorToolbar, children, "data-testid": testId, }: MainToolbarWrapperEmotionProps) => jsx.JSX.Element;

package/dist/types-ts4.5/ui/Appearance/FullPage/MainToolbarWrapper.d.ts

@@ -1,14 +1,3 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import React from 'react';
-import { jsx } from '@emotion/react';
-interface MainToolbarWrapperProps {
-    children: React.ReactNode;
-    'data-testid'?: string;
-    showKeyline: boolean;
-    twoLineEditorToolbar: boolean;
-}
-export declare const MainToolbarWrapper: ({ showKeyline, twoLineEditorToolbar, children, "data-testid": testId, }: MainToolbarWrapperProps) => jsx.JSX.Element;
-export {};
+import type React from 'react';
+import { type MainToolbarWrapperCompiledProps } from './MainToolbarWrapper-compiled';
+export declare const MainToolbarWrapper: React.ComponentType<MainToolbarWrapperCompiledProps>;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-core",
-	"version": "219.9.16",
+	"version": "219.9.17",
 	"description": "A package contains Atlassian editor core functionality",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"

package/dist/cjs/ui/Appearance/FullPage/FullPageToolbar-compiled.js

@@ -1,45 +0,0 @@
-/* FullPageToolbar-compiled.tsx generated by @compiled/babel-plugin v0.39.1 */
-/**
- * Compiled branch of the `platform_editor_core_non_ecc_static_css` experiment.
- * Used via `componentWithCondition` in `FullPageToolbar.tsx`.
- *
- * Cleanup: delete this file once the experiment has shipped.
- */
-"use strict";
-
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.NonCustomToolbarWrapperCompiled = exports.MainToolbarIconBeforeCompiled = exports.CustomToolbarWrapperCompiled = void 0;
-require("./FullPageToolbar-compiled.compiled.css");
-var React = _interopRequireWildcard(require("react"));
-var _runtime = require("@compiled/react/runtime");
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
-var nonCustomToolbarCompiledStyles = {
-  root: "_4cvr1h6o _1e0c1txw _16jlkb7n"
-};
-var mainToolbarIconBeforeCompiledStyles = {
-  root: "_19pkpxbi _2hwxpxbi _otyrpxbi _18u0pxbi _4t3ixy5q _1bsbxy5q _mlgzkb7n _tuuhkb7n"
-};
-var customToolbarCompiledStyles = {
-  root: "_4cvr1h6o _1e0c1txw"
-};
-var NonCustomToolbarWrapperCompiled = exports.NonCustomToolbarWrapperCompiled = function NonCustomToolbarWrapperCompiled(_ref) {
-  var children = _ref.children;
-  return /*#__PURE__*/React.createElement("div", {
-    className: (0, _runtime.ax)([nonCustomToolbarCompiledStyles.root])
-  }, children);
-};
-var MainToolbarIconBeforeCompiled = exports.MainToolbarIconBeforeCompiled = function MainToolbarIconBeforeCompiled(_ref2) {
-  var children = _ref2.children;
-  return /*#__PURE__*/React.createElement("div", {
-    className: (0, _runtime.ax)([mainToolbarIconBeforeCompiledStyles.root])
-  }, children);
-};
-var CustomToolbarWrapperCompiled = exports.CustomToolbarWrapperCompiled = function CustomToolbarWrapperCompiled(_ref3) {
-  var children = _ref3.children;
-  return /*#__PURE__*/React.createElement("div", {
-    className: (0, _runtime.ax)([customToolbarCompiledStyles.root])
-  }, children);
-};