@atlaskit/editor-toolbar 1.2.0 → 1.3.0

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # @atlaskit/editor-toolbar
 
+## 1.3.0
+
+### Minor Changes
+
+- [`89a8af72aa2c9`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/89a8af72aa2c9) -
+  Add reusable toolbar menu container and render the layout column menu in a popup
+
 ## 1.2.0
 
 ### Minor Changes

package/dist/cjs/ui/ToolbarMenuContainer.compiled.css

@@ -0,0 +1,3 @@
+
+._2rko12b0{border-radius:var(--ds-radius-small,4px)}._16qs130s{box-shadow:var(--ds-shadow-overlay,0 8px 9pt #1e1f2126,0 0 1px #1e1f214f)}
+._bfhk1bhr{background-color:var(--ds-surface-overlay,#fff)}

package/dist/cjs/ui/ToolbarMenuContainer.js

@@ -0,0 +1,27 @@
+/* ToolbarMenuContainer.tsx generated by @compiled/babel-plugin v0.39.1 */
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ToolbarMenuContainer = void 0;
+require("./ToolbarMenuContainer.compiled.css");
+var _runtime = require("@compiled/react/runtime");
+var _react = _interopRequireDefault(require("react"));
+var _compiled = require("@atlaskit/primitives/compiled");
+var styles = {
+  container: "_2rko12b0 _bfhk1bhr _16qs130s"
+};
+/**
+ * Shared visual shell for popup-hosted editor toolbar menus.
+ *
+ * This intentionally does not provide a trigger or popup positioning; callers own those concerns.
+ */
+var ToolbarMenuContainer = exports.ToolbarMenuContainer = function ToolbarMenuContainer(_ref) {
+  var children = _ref.children;
+  return /*#__PURE__*/_react.default.createElement(_compiled.Box, {
+    xcss: styles.container,
+    "data-toolbar-component": "menu"
+  }, children);
+};

package/dist/es2019/ui/ToolbarMenuContainer.compiled.css

@@ -0,0 +1,3 @@
+
+._2rko12b0{border-radius:var(--ds-radius-small,4px)}._16qs130s{box-shadow:var(--ds-shadow-overlay,0 8px 9pt #1e1f2126,0 0 1px #1e1f214f)}
+._bfhk1bhr{background-color:var(--ds-surface-overlay,#fff)}

package/dist/es2019/ui/ToolbarMenuContainer.js

@@ -0,0 +1,21 @@
+/* ToolbarMenuContainer.tsx generated by @compiled/babel-plugin v0.39.1 */
+import "./ToolbarMenuContainer.compiled.css";
+import { ax, ix } from "@compiled/react/runtime";
+import React from 'react';
+import { Box } from '@atlaskit/primitives/compiled';
+const styles = {
+  container: "_2rko12b0 _bfhk1bhr _16qs130s"
+};
+/**
+ * Shared visual shell for popup-hosted editor toolbar menus.
+ *
+ * This intentionally does not provide a trigger or popup positioning; callers own those concerns.
+ */
+export const ToolbarMenuContainer = ({
+  children
+}) => {
+  return /*#__PURE__*/React.createElement(Box, {
+    xcss: styles.container,
+    "data-toolbar-component": "menu"
+  }, children);
+};

package/dist/esm/ui/ToolbarMenuContainer.compiled.css

@@ -0,0 +1,3 @@
+
+._2rko12b0{border-radius:var(--ds-radius-small,4px)}._16qs130s{box-shadow:var(--ds-shadow-overlay,0 8px 9pt #1e1f2126,0 0 1px #1e1f214f)}
+._bfhk1bhr{background-color:var(--ds-surface-overlay,#fff)}

package/dist/esm/ui/ToolbarMenuContainer.js

@@ -0,0 +1,20 @@
+/* ToolbarMenuContainer.tsx generated by @compiled/babel-plugin v0.39.1 */
+import "./ToolbarMenuContainer.compiled.css";
+import { ax, ix } from "@compiled/react/runtime";
+import React from 'react';
+import { Box } from '@atlaskit/primitives/compiled';
+var styles = {
+  container: "_2rko12b0 _bfhk1bhr _16qs130s"
+};
+/**
+ * Shared visual shell for popup-hosted editor toolbar menus.
+ *
+ * This intentionally does not provide a trigger or popup positioning; callers own those concerns.
+ */
+export var ToolbarMenuContainer = function ToolbarMenuContainer(_ref) {
+  var children = _ref.children;
+  return /*#__PURE__*/React.createElement(Box, {
+    xcss: styles.container,
+    "data-toolbar-component": "menu"
+  }, children);
+};

package/dist/types/ui/ToolbarMenuContainer.d.ts

@@ -0,0 +1,16 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import React from 'react';
+import type { ReactNode } from 'react';
+type ToolbarMenuContainerProps = {
+    children?: ReactNode;
+};
+/**
+ * Shared visual shell for popup-hosted editor toolbar menus.
+ *
+ * This intentionally does not provide a trigger or popup positioning; callers own those concerns.
+ */
+export declare const ToolbarMenuContainer: ({ children }: ToolbarMenuContainerProps) => React.JSX.Element;
+export {};

package/dist/types-ts4.5/ui/ToolbarMenuContainer.d.ts

@@ -0,0 +1,16 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import React from 'react';
+import type { ReactNode } from 'react';
+type ToolbarMenuContainerProps = {
+    children?: ReactNode;
+};
+/**
+ * Shared visual shell for popup-hosted editor toolbar menus.
+ *
+ * This intentionally does not provide a trigger or popup positioning; callers own those concerns.
+ */
+export declare const ToolbarMenuContainer: ({ children }: ToolbarMenuContainerProps) => React.JSX.Element;
+export {};

package/package.json

@@ -3,7 +3,7 @@
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
 	},
-	"version": "1.2.0",
+	"version": "1.3.0",
 	"description": "Common UI for Toolbars across the platform",
 	"atlassian": {
 		"react-compiler": {

package/toolbar-menu-container/package.json

@@ -0,0 +1,17 @@
+{
+  "name": "@atlaskit/editor-toolbar/toolbar-menu-container",
+  "main": "../dist/cjs/ui/ToolbarMenuContainer.js",
+  "module": "../dist/esm/ui/ToolbarMenuContainer.js",
+  "module:es2019": "../dist/es2019/ui/ToolbarMenuContainer.js",
+  "sideEffects": [
+    "*.compiled.css"
+  ],
+  "types": "../dist/types/ui/ToolbarMenuContainer.d.ts",
+  "typesVersions": {
+    ">=4.5 <5.9": {
+      "*": [
+        "../dist/types-ts4.5/ui/ToolbarMenuContainer.d.ts"
+      ]
+    }
+  }
+}