@atlaskit/editor-common 74.19.2 → 74.20.0

package/dist/esm/quick-insert/assets/images.js

@@ -0,0 +1,84 @@
+// TODO: https://product-fabric.atlassian.net/browse/DSP-4138
+/* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
+import React from 'react';
+export default function IconImages() {
+  return /*#__PURE__*/React.createElement("svg", {
+    focusable: "false",
+    "aria-hidden": true,
+    width: 40,
+    height: 40
+  }, /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
+    x1: "46.315%",
+    y1: "-31.529%",
+    x2: "50%",
+    y2: "100%",
+    id: "images-a"
+  }, /*#__PURE__*/React.createElement("stop", {
+    stopColor: "#FFD500",
+    offset: "0%"
+  }), /*#__PURE__*/React.createElement("stop", {
+    stopColor: "#FFAB00",
+    offset: "100%"
+  })), /*#__PURE__*/React.createElement("linearGradient", {
+    x1: "100.699%",
+    y1: "50%",
+    x2: "-14.52%",
+    y2: "50%",
+    id: "images-b"
+  }, /*#__PURE__*/React.createElement("stop", {
+    stopColor: "#FAFBFC",
+    offset: "0%"
+  }), /*#__PURE__*/React.createElement("stop", {
+    stopColor: "#F4F6F8",
+    stopOpacity: 0.859,
+    offset: "12.52%"
+  }), /*#__PURE__*/React.createElement("stop", {
+    stopColor: "#E3E6EA",
+    stopOpacity: 0.402,
+    offset: "54.65%"
+  }), /*#__PURE__*/React.createElement("stop", {
+    stopColor: "#D7DCE1",
+    stopOpacity: 0.113,
+    offset: "83.66%"
+  }), /*#__PURE__*/React.createElement("stop", {
+    stopColor: "#D3D8DE",
+    stopOpacity: 0,
+    offset: "97.03%"
+  }))), /*#__PURE__*/React.createElement("g", {
+    fill: "none",
+    fillRule: "evenodd"
+  }, /*#__PURE__*/React.createElement("path", {
+    fill: "#FFF",
+    d: "M0 0h40v40H0z"
+  }), /*#__PURE__*/React.createElement("g", {
+    transform: "translate(4 9)",
+    fillRule: "nonzero"
+  }, /*#__PURE__*/React.createElement("rect", {
+    fill: "url(#images-a)",
+    width: 32,
+    height: 24,
+    rx: 1
+  }), /*#__PURE__*/React.createElement("path", {
+    fill: "#E5E8EC",
+    d: "M4 4h24v16H4z"
+  }), /*#__PURE__*/React.createElement("path", {
+    fill: "#0049B0",
+    d: "M6.351 18.062l5.594-6.017 5.594 6.017z"
+  }), /*#__PURE__*/React.createElement("path", {
+    fill: "#0065FF",
+    d: "M9.341 18.062l8.198-8.818 8.198 8.818z"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M20.484 14.353c-2.618-1.255-5.104-.564-8.519-1.373C9.625 12.426 6.719 11.135 4 8v11.913h20.294c-.321-2.073-1.26-4.337-3.81-5.56z",
+    fill: "url(#images-b)",
+    opacity: 0.37,
+    style: {
+      mixBlendMode: 'screen'
+    }
+  }), /*#__PURE__*/React.createElement("ellipse", {
+    fill: "#FFAB00",
+    cx: 9,
+    cy: 9.028,
+    rx: 2,
+    ry: 2.028
+  }))));
+}

package/dist/esm/quick-insert/assets/index.js

@@ -0,0 +1,248 @@
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["level"];
+import React from 'react';
+import Loadable from 'react-loadable';
+export { default as IconCustomPanel } from './custom-panel';
+export { default as IconFallback } from './fallback';
+export var IconAction = Loadable({
+  loader: function loader() {
+    return import( /* webpackChunkName: "@atlaskit-internal_editor-icon-action" */'./action').then(function (module) {
+      return module.default;
+    });
+  },
+  loading: function loading() {
+    return null;
+  }
+});
+export var IconCode = Loadable({
+  loader: function loader() {
+    return import( /* webpackChunkName: "@atlaskit-internal_editor-icon-code" */'./code').then(function (module) {
+      return module.default;
+    });
+  },
+  loading: function loading() {
+    return null;
+  }
+});
+export var IconDate = Loadable({
+  loader: function loader() {
+    return import( /* webpackChunkName: "@atlaskit-internal_editor-icon-date" */'./date').then(function (module) {
+      return module.default;
+    });
+  },
+  loading: function loading() {
+    return null;
+  }
+});
+export var IconDecision = Loadable({
+  loader: function loader() {
+    return import( /* webpackChunkName: "@atlaskit-internal_editor-icon-decision" */'./decision').then(function (module) {
+      return module.default;
+    });
+  },
+  loading: function loading() {
+    return null;
+  }
+});
+export var IconDivider = Loadable({
+  loader: function loader() {
+    return import( /* webpackChunkName: "@atlaskit-internal_editor-icon-divider" */'./divider').then(function (module) {
+      return module.default;
+    });
+  },
+  loading: function loading() {
+    return null;
+  }
+});
+export var IconEmoji = Loadable({
+  loader: function loader() {
+    return import( /* webpackChunkName: "@atlaskit-internal_editor-icon-emoji" */'./emoji').then(function (module) {
+      return module.default;
+    });
+  },
+  loading: function loading() {
+    return null;
+  }
+});
+export var IconImages = Loadable({
+  loader: function loader() {
+    return import( /* webpackChunkName: "@atlaskit-internal_editor-icon-images" */'./images').then(function (module) {
+      return module.default;
+    });
+  },
+  loading: function loading() {
+    return null;
+  }
+});
+export var IconLayout = Loadable({
+  loader: function loader() {
+    return import( /* webpackChunkName: "@atlaskit-internal_editor-icon-layout" */'./layout').then(function (module) {
+      return module.default;
+    });
+  },
+  loading: function loading() {
+    return null;
+  }
+});
+export var IconLink = Loadable({
+  loader: function loader() {
+    return import( /* webpackChunkName: "@atlaskit-internal_editor-icon-link" */'./link').then(function (module) {
+      return module.default;
+    });
+  },
+  loading: function loading() {
+    return null;
+  }
+});
+export var IconListNumber = Loadable({
+  loader: function loader() {
+    return import( /* webpackChunkName: "@atlaskit-internal_editor-icon-list-number" */'./list-number').then(function (module) {
+      return module.default;
+    });
+  },
+  loading: function loading() {
+    return null;
+  }
+});
+export var IconList = Loadable({
+  loader: function loader() {
+    return import( /* webpackChunkName: "@atlaskit-internal_editor-icon-list" */'./list').then(function (module) {
+      return module.default;
+    });
+  },
+  loading: function loading() {
+    return null;
+  }
+});
+export var IconMention = Loadable({
+  loader: function loader() {
+    return import( /* webpackChunkName: "@atlaskit-internal_editor-icon-mention" */'./mention').then(function (module) {
+      return module.default;
+    });
+  },
+  loading: function loading() {
+    return null;
+  }
+});
+export var IconPanelError = Loadable({
+  loader: function loader() {
+    return import( /* webpackChunkName: "@atlaskit-internal_editor-icon-panel-error" */'./panel-error').then(function (module) {
+      return module.default;
+    });
+  },
+  loading: function loading() {
+    return null;
+  }
+});
+export var IconPanelNote = Loadable({
+  loader: function loader() {
+    return import( /* webpackChunkName: "@atlaskit-internal_editor-icon-panel-note" */'./panel-note').then(function (module) {
+      return module.default;
+    });
+  },
+  loading: function loading() {
+    return null;
+  }
+});
+export var IconPanelSuccess = Loadable({
+  loader: function loader() {
+    return import( /* webpackChunkName: "@atlaskit-internal_editor-icon-panel-success" */'./panel-success').then(function (module) {
+      return module.default;
+    });
+  },
+  loading: function loading() {
+    return null;
+  }
+});
+export var IconPanelWarning = Loadable({
+  loader: function loader() {
+    return import( /* webpackChunkName: "@atlaskit-internal_editor-icon-panel-warning" */'./panel-warning').then(function (module) {
+      return module.default;
+    });
+  },
+  loading: function loading() {
+    return null;
+  }
+});
+export var IconPanel = Loadable({
+  loader: function loader() {
+    return import( /* webpackChunkName: "@atlaskit-internal_editor-icon-panel" */'./panel').then(function (module) {
+      return module.default;
+    });
+  },
+  loading: function loading() {
+    return null;
+  }
+});
+export var IconQuote = Loadable({
+  loader: function loader() {
+    return import( /* webpackChunkName: "@atlaskit-internal_editor-icon-quote" */'./quote').then(function (module) {
+      return module.default;
+    });
+  },
+  loading: function loading() {
+    return null;
+  }
+});
+export var IconStatus = Loadable({
+  loader: function loader() {
+    return import( /* webpackChunkName: "@atlaskit-internal_editor-icon-status" */'./status').then(function (module) {
+      return module.default;
+    });
+  },
+  loading: function loading() {
+    return null;
+  }
+});
+function importHeading(level) {
+  switch (level) {
+    case 1:
+      return import( /* webpackChunkName: "@atlaskit-internal_editor-icon-heading-1" */"./heading1");
+    case 2:
+      return import( /* webpackChunkName: "@atlaskit-internal_editor-icon-heading-2" */"./heading2");
+    case 3:
+      return import( /* webpackChunkName: "@atlaskit-internal_editor-icon-heading-3" */"./heading3");
+    case 4:
+      return import( /* webpackChunkName: "@atlaskit-internal_editor-icon-heading-4" */"./heading4");
+    case 5:
+      return import( /* webpackChunkName: "@atlaskit-internal_editor-icon-heading-5" */"./heading5");
+    case 6:
+    default:
+      return import( /* webpackChunkName: "@atlaskit-internal_editor-icon-heading-6" */"./heading6");
+  }
+}
+export var IconHeading = function IconHeading(_ref) {
+  var level = _ref.level,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var Icon = Loadable({
+    loader: function loader() {
+      return importHeading(level).then(function (module) {
+        return module.default;
+      });
+    },
+    loading: function loading() {
+      return null;
+    }
+  });
+  return /*#__PURE__*/React.createElement(Icon, props);
+};
+export var IconFeedback = Loadable({
+  loader: function loader() {
+    return import( /* webpackChunkName: "@atlaskit-internal_editor-icon-feedback" */'./feedback').then(function (module) {
+      return module.default;
+    });
+  },
+  loading: function loading() {
+    return null;
+  }
+});
+export var IconExpand = Loadable({
+  loader: function loader() {
+    return import( /* webpackChunkName: "@atlaskit-internal_editor-icon-expand" */'./expand').then(function (module) {
+      return module.default;
+    });
+  },
+  loading: function loading() {
+    return null;
+  }
+});

package/dist/esm/quick-insert/assets/layout.js

@@ -0,0 +1,63 @@
+// TODO: https://product-fabric.atlassian.net/browse/DSP-4138
+/* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
+import React from 'react';
+export default function IconLayout() {
+  return /*#__PURE__*/React.createElement("svg", {
+    focusable: "false",
+    "aria-hidden": true,
+    width: 40,
+    height: 40
+  }, /*#__PURE__*/React.createElement("g", {
+    fill: "none",
+    fillRule: "evenodd"
+  }, /*#__PURE__*/React.createElement("path", {
+    fill: "#FFF",
+    d: "M0 0h40v40H0z"
+  }), /*#__PURE__*/React.createElement("rect", {
+    fill: "#A5ADBA",
+    x: 6,
+    y: 6,
+    width: 28,
+    height: 1,
+    rx: 0.5
+  }), /*#__PURE__*/React.createElement("rect", {
+    fill: "#A5ADBA",
+    x: 6,
+    y: 10,
+    width: 28,
+    height: 1,
+    rx: 0.5
+  }), /*#__PURE__*/React.createElement("rect", {
+    fill: "#A5ADBA",
+    x: 6,
+    y: 29,
+    width: 28,
+    height: 1,
+    rx: 0.5
+  }), /*#__PURE__*/React.createElement("rect", {
+    fill: "#A5ADBA",
+    x: 6,
+    y: 33,
+    width: 16,
+    height: 1,
+    rx: 0.5
+  }), /*#__PURE__*/React.createElement("rect", {
+    stroke: "#4C9AFF",
+    strokeWidth: 0.5,
+    fill: "#DEEBFF",
+    x: 6.25,
+    y: 14.25,
+    width: 12.5,
+    height: 11.5,
+    rx: 1
+  }), /*#__PURE__*/React.createElement("rect", {
+    stroke: "#4C9AFF",
+    strokeWidth: 0.5,
+    fill: "#DEEBFF",
+    x: 21.25,
+    y: 14.25,
+    width: 12.5,
+    height: 11.5,
+    rx: 1
+  })));
+}

package/dist/esm/quick-insert/assets/link.js

@@ -0,0 +1,27 @@
+// TODO: https://product-fabric.atlassian.net/browse/DSP-4138
+/* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
+import React from 'react';
+export default function IconLink() {
+  return /*#__PURE__*/React.createElement("svg", {
+    focusable: "false",
+    "aria-hidden": true,
+    width: 40,
+    height: 40
+  }, /*#__PURE__*/React.createElement("g", {
+    fill: "none",
+    fillRule: "evenodd"
+  }, /*#__PURE__*/React.createElement("path", {
+    fill: "#FFF",
+    d: "M0 0h40v40H0z"
+  }), /*#__PURE__*/React.createElement("g", {
+    transform: "translate(5 12)"
+  }, /*#__PURE__*/React.createElement("rect", {
+    fill: "#DEEBFF",
+    width: 30,
+    height: 16,
+    rx: 8
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M19.097 4.435c1.972.018 3.755 1.465 3.971 3.429A3.714 3.714 0 0119.344 12l-3.316-.03c-2.08-.02-3.797-1.736-3.816-3.816L12.2 6.888l1.672.015.011 1.266a2.156 2.156 0 002.13 2.13l3.315.03a2.07 2.07 0 002.079-2.313c-.122-1.099-1.137-1.9-2.24-1.91l-1.125-.01a.853.853 0 01-.843-.843.817.817 0 01.828-.828l1.07.01zm-9.103 7.13c-1.972-.018-3.754-1.465-3.97-3.429A3.714 3.714 0 019.747 4l3.316.03c2.08.02 3.796 1.736 3.816 3.816l.011 1.266-1.671-.015-.012-1.266A2.156 2.156 0 0013.08 5.7l-3.316-.03a2.07 2.07 0 00-2.078 2.313c.122 1.099 1.137 1.9 2.24 1.91l1.125.01c.461.004.84.382.843.843a.817.817 0 01-.828.828l-1.07-.01z",
+    fill: "#0052CC"
+  }))));
+}

package/dist/esm/quick-insert/assets/list-number.js

@@ -0,0 +1,43 @@
+// TODO: https://product-fabric.atlassian.net/browse/DSP-4138
+/* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
+import React from 'react';
+export default function IconListOrdered() {
+  return /*#__PURE__*/React.createElement("svg", {
+    focusable: "false",
+    "aria-hidden": true,
+    width: 40,
+    height: 40
+  }, /*#__PURE__*/React.createElement("g", {
+    fill: "none",
+    fillRule: "evenodd"
+  }, /*#__PURE__*/React.createElement("path", {
+    fill: "#FFF",
+    d: "M0 0h40v40H0z"
+  }), /*#__PURE__*/React.createElement("g", {
+    transform: "translate(9 9)"
+  }, /*#__PURE__*/React.createElement("rect", {
+    fill: "#C1C7D0",
+    x: 6,
+    y: 10,
+    width: 17,
+    height: 2,
+    rx: 1
+  }), /*#__PURE__*/React.createElement("rect", {
+    fill: "#C1C7D0",
+    x: 6,
+    y: 2,
+    width: 17,
+    height: 2,
+    rx: 1
+  }), /*#__PURE__*/React.createElement("rect", {
+    fill: "#C1C7D0",
+    x: 6,
+    y: 18,
+    width: 17,
+    height: 2,
+    rx: 1
+  }), /*#__PURE__*/React.createElement("path", {
+    fill: "#6C798F",
+    d: "M1.159 4.996v-3.58h-.056L0 2.176v-.875L1.162.5H2.1v4.496zM0 9.97C0 9.094.67 8.5 1.648 8.5c.943 0 1.6.542 1.6 1.319 0 .492-.266.915-1.049 1.65l-.864.825v.056h1.98v.786H.052v-.66L1.53 11.03c.636-.62.795-.855.795-1.15 0-.363-.294-.62-.708-.62-.438 0-.739.288-.739.705v.019H0v-.016zm1.172 9.22v-.71h.554c.431 0 .724-.251.724-.623 0-.365-.283-.598-.727-.598-.441 0-.734.249-.76.642H.086c.032-.86.67-1.401 1.663-1.401.932 0 1.603.51 1.603 1.225 0 .526-.33.935-.838 1.04v.056c.624.07 1.014.485 1.014 1.083 0 .797-.75 1.373-1.785 1.373-1.015 0-1.701-.56-1.742-1.417h.91c.028.384.353.627.841.627.475 0 .806-.268.806-.655 0-.397-.312-.643-.822-.643h-.563z"
+  }))));
+}

package/dist/esm/quick-insert/assets/list.js

@@ -0,0 +1,57 @@
+// TODO: https://product-fabric.atlassian.net/browse/DSP-4138
+/* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
+import React from 'react';
+export default function IconList() {
+  return /*#__PURE__*/React.createElement("svg", {
+    focusable: "false",
+    "aria-hidden": true,
+    width: 40,
+    height: 40
+  }, /*#__PURE__*/React.createElement("g", {
+    fill: "none",
+    fillRule: "evenodd"
+  }, /*#__PURE__*/React.createElement("path", {
+    fill: "#FFF",
+    d: "M0 0h40v40H0z"
+  }), /*#__PURE__*/React.createElement("g", {
+    transform: "translate(8 10)"
+  }, /*#__PURE__*/React.createElement("rect", {
+    fill: "#6C798F",
+    width: 4,
+    height: 4,
+    rx: 2
+  }), /*#__PURE__*/React.createElement("rect", {
+    fill: "#C1C7D0",
+    x: 7,
+    y: 9,
+    width: 17,
+    height: 2,
+    rx: 1
+  }), /*#__PURE__*/React.createElement("rect", {
+    fill: "#C1C7D0",
+    x: 7,
+    y: 1,
+    width: 17,
+    height: 2,
+    rx: 1
+  }), /*#__PURE__*/React.createElement("rect", {
+    fill: "#C1C7D0",
+    x: 7,
+    y: 17,
+    width: 17,
+    height: 2,
+    rx: 1
+  }), /*#__PURE__*/React.createElement("rect", {
+    fill: "#6C798F",
+    y: 8,
+    width: 4,
+    height: 4,
+    rx: 2
+  }), /*#__PURE__*/React.createElement("rect", {
+    fill: "#6C798F",
+    y: 16,
+    width: 4,
+    height: 4,
+    rx: 2
+  }))));
+}

package/dist/esm/quick-insert/assets/mention.js

@@ -0,0 +1,48 @@
+// TODO: https://product-fabric.atlassian.net/browse/DSP-4138
+/* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
+import React from 'react';
+export default function IconMention() {
+  return /*#__PURE__*/React.createElement("svg", {
+    focusable: "false",
+    "aria-hidden": true,
+    width: 40,
+    height: 40
+  }, /*#__PURE__*/React.createElement("g", {
+    fill: "none",
+    fillRule: "evenodd"
+  }, /*#__PURE__*/React.createElement("path", {
+    fill: "#FFF",
+    d: "M0 0h40v40H0z"
+  }), /*#__PURE__*/React.createElement("g", {
+    transform: "translate(6 12)"
+  }, /*#__PURE__*/React.createElement("circle", {
+    fill: "#2684FF",
+    cx: 8,
+    cy: 8,
+    r: 8
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M12.875 12.767A6.891 6.891 0 018.02 14.75a6.889 6.889 0 01-4.895-2.026V11.9c0-1.049.873-1.9 1.95-1.9h5.85c1.077 0 1.95.851 1.95 1.9v.867zM8 3a2.874 2.874 0 10-.001 5.748 2.874 2.874 0 000-5.748",
+    fill: "#B3D4FF"
+  }), /*#__PURE__*/React.createElement("rect", {
+    fill: "#A5ADBA",
+    x: 19,
+    y: 3,
+    width: 12,
+    height: 1,
+    rx: 0.5
+  }), /*#__PURE__*/React.createElement("rect", {
+    fill: "#A5ADBA",
+    x: 19,
+    y: 7,
+    width: 6,
+    height: 1,
+    rx: 0.5
+  }), /*#__PURE__*/React.createElement("rect", {
+    fill: "#A5ADBA",
+    x: 19,
+    y: 11,
+    width: 8,
+    height: 1,
+    rx: 0.5
+  }))));
+}

package/dist/esm/quick-insert/assets/panel-error.js

@@ -0,0 +1,27 @@
+// TODO: https://product-fabric.atlassian.net/browse/DSP-4138
+/* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
+import React from 'react';
+export default function IconPanelError() {
+  return /*#__PURE__*/React.createElement("svg", {
+    focusable: "false",
+    "aria-hidden": true,
+    width: 40,
+    height: 40
+  }, /*#__PURE__*/React.createElement("g", {
+    fill: "none",
+    fillRule: "evenodd"
+  }, /*#__PURE__*/React.createElement("path", {
+    fill: "#FFF",
+    d: "M0 0h40v40H0z"
+  }), /*#__PURE__*/React.createElement("rect", {
+    fill: "#FFEBE6",
+    x: 8,
+    y: 12,
+    width: 32,
+    height: 16,
+    rx: 1
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M16.743 19.964l1.06-1.06a.5.5 0 00-.707-.707l-1.06 1.06-1.061-1.06a.5.5 0 00-.707.707l1.06 1.06-1.06 1.061a.5.5 0 10.707.707l1.06-1.06 1.061 1.06a.5.5 0 10.707-.707l-1.06-1.06zM16 24a4 4 0 110-8 4 4 0 010 8z",
+    fill: "#DE350B"
+  })));
+}

package/dist/esm/quick-insert/assets/panel-note.js

@@ -0,0 +1,27 @@
+// TODO: https://product-fabric.atlassian.net/browse/DSP-4138
+/* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
+import React from 'react';
+export default function IconPanelNote() {
+  return /*#__PURE__*/React.createElement("svg", {
+    focusable: "false",
+    "aria-hidden": true,
+    width: 40,
+    height: 40
+  }, /*#__PURE__*/React.createElement("g", {
+    fill: "none",
+    fillRule: "evenodd"
+  }, /*#__PURE__*/React.createElement("path", {
+    fill: "#FFF",
+    d: "M0 0h40v40H0z"
+  }), /*#__PURE__*/React.createElement("rect", {
+    fill: "#EAE6FF",
+    x: 8,
+    y: 12,
+    width: 32,
+    height: 16,
+    rx: 1
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M13 16h4a1 1 0 011 1v6a1 1 0 01-1 1h-4a1 1 0 01-1-1v-6a1 1 0 011-1zm1 2a.5.5 0 100 1h2a.5.5 0 100-1h-2zm0 2a.5.5 0 100 1h1a.5.5 0 100-1h-1z",
+    fill: "#403294"
+  })));
+}

package/dist/esm/quick-insert/assets/panel-success.js

@@ -0,0 +1,27 @@
+// TODO: https://product-fabric.atlassian.net/browse/DSP-4138
+/* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
+import React from 'react';
+export default function IconPanelSuccess() {
+  return /*#__PURE__*/React.createElement("svg", {
+    focusable: "false",
+    "aria-hidden": true,
+    width: 40,
+    height: 40
+  }, /*#__PURE__*/React.createElement("g", {
+    fill: "none",
+    fillRule: "evenodd"
+  }, /*#__PURE__*/React.createElement("path", {
+    fill: "#FFF",
+    d: "M0 0h40v40H0z"
+  }), /*#__PURE__*/React.createElement("rect", {
+    fill: "#C3F8DF",
+    x: 8,
+    y: 12,
+    width: 32,
+    height: 16,
+    rx: 1
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M15 24a4 4 0 110-8 4 4 0 010 8zm.682-5.482l-1.076 2.055-.772-.695a.5.5 0 00-.668.744l1.25 1.125a.5.5 0 00.777-.14l1.375-2.625a.5.5 0 00-.886-.464z",
+    fill: "#00875A"
+  })));
+}

package/dist/esm/quick-insert/assets/panel-warning.js

@@ -0,0 +1,27 @@
+// TODO: https://product-fabric.atlassian.net/browse/DSP-4138
+/* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
+import React from 'react';
+export default function IconPanelWarning() {
+  return /*#__PURE__*/React.createElement("svg", {
+    focusable: "false",
+    "aria-hidden": true,
+    width: 40,
+    height: 40
+  }, /*#__PURE__*/React.createElement("g", {
+    fill: "none",
+    fillRule: "evenodd"
+  }, /*#__PURE__*/React.createElement("path", {
+    fill: "#FFF",
+    d: "M0 0h40v40H0z"
+  }), /*#__PURE__*/React.createElement("rect", {
+    fill: "#FFF0B3",
+    x: 8,
+    y: 12,
+    width: 32,
+    height: 16,
+    rx: 1
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M16.847 16.83l2.808 5.73a1 1 0 01-.898 1.44h-6.514a1 1 0 01-.898-1.44l2.808-5.73a1.5 1.5 0 012.694 0zm-1.347.46a.568.568 0 00-.564.635l.278 2.32a.288.288 0 00.572 0l.278-2.32a.568.568 0 00-.564-.635zm0 5.035c.318 0 .576-.293.576-.656 0-.362-.258-.656-.576-.656-.318 0-.576.294-.576.656 0 .363.258.656.576.656z",
+    fill: "#FF8B00"
+  })));
+}