@atlaskit/editor-common 74.19.2 → 74.20.0

package/dist/es2019/link/LinkSearch/transformTimeStamp.js

@@ -0,0 +1,34 @@
+import differenceInCalendarDays from 'date-fns/differenceInCalendarDays';
+import format from 'date-fns/format';
+import formatDistance from 'date-fns/formatDistance';
+import messages from '../../messages';
+const renderAbsoluteOrRelativeDate = (timeStamp, pageAction, intl) => {
+  let pageActionText = '';
+  switch (pageAction) {
+    case 'updated':
+      pageActionText = intl.formatMessage(messages.timeUpdated);
+      break;
+    case 'viewed':
+      pageActionText = intl.formatMessage(messages.timeViewed);
+      break;
+  }
+  if (differenceInCalendarDays(timeStamp, Date.now()) < -7) {
+    return {
+      pageAction: pageActionText,
+      dateString: format(timeStamp, 'MMMM dd, yyyy')
+    };
+  }
+  return {
+    pageAction: pageActionText,
+    dateString: formatDistance(timeStamp, Date.now()),
+    timeSince: intl.formatMessage(messages.timeAgo)
+  };
+};
+export const transformTimeStamp = (intl, lastViewedDate, lastUpdatedDate) => {
+  if (lastViewedDate) {
+    return renderAbsoluteOrRelativeDate(lastViewedDate, 'viewed', intl);
+  }
+  if (lastUpdatedDate) {
+    return renderAbsoluteOrRelativeDate(lastUpdatedDate, 'updated', intl);
+  }
+};

package/dist/es2019/link/LinkSearch/types.js

@@ -0,0 +1 @@
+export {};

package/dist/es2019/link/LinkSearch/withActivityProvider.js

@@ -0,0 +1,35 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import React from 'react';
+import { WithProviders } from '../../provider-factory';
+// eslint-disable-next-line no-duplicate-imports
+
+export default function withActivityProvider(WrappedComponent) {
+  return class WithActivityProvider extends React.Component {
+    constructor(...args) {
+      super(...args);
+      _defineProperty(this, "renderNode", providers => {
+        const {
+          providerFactory,
+          ...props
+        } = this.props;
+        const {
+          activityProvider
+        } = providers;
+        return /*#__PURE__*/React.createElement(WrappedComponent, _extends({
+          activityProvider: activityProvider
+        }, props));
+      });
+    }
+    render() {
+      const {
+        providerFactory
+      } = this.props;
+      return /*#__PURE__*/React.createElement(WithProviders, {
+        providers: ['activityProvider'],
+        providerFactory: providerFactory,
+        renderNode: this.renderNode
+      });
+    }
+  };
+}

package/dist/es2019/link/index.js

@@ -0,0 +1,11 @@
+export { transformTimeStamp } from './LinkSearch/transformTimeStamp';
+export { container, containerWithProvider, inputWrapper } from './LinkSearch/ToolbarComponents';
+export { default as LinkSearchListItem } from './LinkSearch/LinkSearchListItem';
+export { default as LinkSearchList } from './LinkSearch/LinkSearchList';
+export { default as RecentSearch } from './LinkSearch';
+export { InsertStatus, LinkAction } from './types';
+export { EditorLinkPicker } from './LinkPicker/EditorLinkPicker';
+export { HyperlinkAddToolbar } from './LinkPicker/HyperlinkAddToolbar';
+export { default as HyperlinkLinkAddToolbar, HyperlinkLinkAddToolbarWithIntl, RECENT_SEARCH_LIST_SIZE } from './LinkPicker/HyperlinkAddToolbar/HyperlinkAddToolbar';
+export { sha1 } from './LinkPicker/HyperlinkAddToolbar/utils';
+export { isLinkAtPos, isTextAtPos } from './utils';

package/dist/es2019/link/types.js

@@ -0,0 +1,14 @@
+export let LinkAction = /*#__PURE__*/function (LinkAction) {
+  LinkAction["SHOW_INSERT_TOOLBAR"] = "SHOW_INSERT_TOOLBAR";
+  LinkAction["HIDE_TOOLBAR"] = "HIDE_TOOLBAR";
+  LinkAction["SELECTION_CHANGE"] = "SELECTION_CHANGE";
+  LinkAction["INSERT_LINK_TOOLBAR"] = "INSERT";
+  LinkAction["EDIT_INSERTED_TOOLBAR"] = "EDIT_INSERTED_TOOLBAR";
+  return LinkAction;
+}({});
+export let InsertStatus = /*#__PURE__*/function (InsertStatus) {
+  InsertStatus["EDIT_LINK_TOOLBAR"] = "EDIT";
+  InsertStatus["INSERT_LINK_TOOLBAR"] = "INSERT";
+  InsertStatus["EDIT_INSERTED_TOOLBAR"] = "EDIT_INSERTED";
+  return InsertStatus;
+}({});

package/dist/es2019/link/utils.js

@@ -0,0 +1,12 @@
+export function isTextAtPos(pos) {
+  return state => {
+    const node = state.doc.nodeAt(pos);
+    return !!node && node.isText;
+  };
+}
+export function isLinkAtPos(pos) {
+  return state => {
+    const node = state.doc.nodeAt(pos);
+    return !!node && !!state.schema.marks.link.isInSet(node.marks);
+  };
+}

package/dist/es2019/monitoring/error.js

@@ -1,6 +1,6 @@
 const SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 const packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-const packageVersion = "74.19.2";
+const packageVersion = "74.20.0";
 const sanitiseSentryEvents = (data, _hint) => {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

package/dist/es2019/quick-insert/assets/action.js

@@ -0,0 +1,35 @@
+// 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 IconAction() {
+  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(7 10)"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M3 0h30v20H3a3 3 0 01-3-3V3a3 3 0 013-3z",
+    fill: "#ECEDF0"
+  }), /*#__PURE__*/React.createElement("rect", {
+    fill: "#0052CC",
+    x: 5,
+    y: 5,
+    width: 10,
+    height: 10,
+    rx: 2
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M8.81 12.365l.05.055a.5.5 0 00.77-.042l.048-.065 3.11-4.205a.666.666 0 00-.09-.886.554.554 0 00-.82.098l-2.703 3.655-1.096-1.184a.553.553 0 00-.825 0 .667.667 0 000 .892l1.556 1.682z",
+    fill: "#FFF"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M20 9h13v2H20a1 1 0 010-2z",
+    fill: "#C1C7D0"
+  }))));
+}

package/dist/es2019/quick-insert/assets/code.js

@@ -0,0 +1,107 @@
+// 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 IconCode() {
+  return /*#__PURE__*/React.createElement("svg", {
+    focusable: "false",
+    "aria-hidden": true,
+    width: 40,
+    height: 40,
+    fillRule: "evenodd"
+  }, /*#__PURE__*/React.createElement("path", {
+    fill: "#fff",
+    d: "M0 0h40v40H0z"
+  }), /*#__PURE__*/React.createElement("path", {
+    fill: "#ebecf0",
+    d: "M13 6h26v28H13z"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M9 6h4v28H9a2 2 0 01-2-2V8a2 2 0 012-2z",
+    fill: "#dfe1e6"
+  }), /*#__PURE__*/React.createElement("g", {
+    fill: "#a5adba"
+  }, /*#__PURE__*/React.createElement("rect", {
+    x: 9,
+    y: 9,
+    width: 2,
+    height: 1,
+    rx: 0.5
+  }), /*#__PURE__*/React.createElement("rect", {
+    x: 16,
+    y: 9,
+    width: 9,
+    height: 1,
+    rx: 0.5
+  }), /*#__PURE__*/React.createElement("rect", {
+    x: 22,
+    y: 21,
+    width: 9,
+    height: 1,
+    rx: 0.5
+  }), /*#__PURE__*/React.createElement("rect", {
+    x: 22,
+    y: 29,
+    width: 9,
+    height: 1,
+    rx: 0.5
+  })), /*#__PURE__*/React.createElement("g", {
+    fill: "#4c9aff"
+  }, /*#__PURE__*/React.createElement("rect", {
+    x: 28,
+    y: 25,
+    width: 9,
+    height: 1,
+    rx: 0.5
+  }), /*#__PURE__*/React.createElement("rect", {
+    x: 16,
+    y: 13,
+    width: 13,
+    height: 1,
+    rx: 0.5
+  })), /*#__PURE__*/React.createElement("g", {
+    fill: "#ff7452"
+  }, /*#__PURE__*/React.createElement("rect", {
+    x: 16,
+    y: 17,
+    width: 13,
+    height: 1,
+    rx: 0.5
+  }), /*#__PURE__*/React.createElement("rect", {
+    x: 19,
+    y: 25,
+    width: 7,
+    height: 1,
+    rx: 0.5
+  })), /*#__PURE__*/React.createElement("g", {
+    fill: "#a5adba"
+  }, /*#__PURE__*/React.createElement("rect", {
+    x: 9,
+    y: 13,
+    width: 2,
+    height: 1,
+    rx: 0.5
+  }), /*#__PURE__*/React.createElement("rect", {
+    x: 9,
+    y: 17,
+    width: 2,
+    height: 1,
+    rx: 0.5
+  }), /*#__PURE__*/React.createElement("rect", {
+    x: 9,
+    y: 21,
+    width: 2,
+    height: 1,
+    rx: 0.5
+  }), /*#__PURE__*/React.createElement("rect", {
+    x: 9,
+    y: 25,
+    width: 2,
+    height: 1,
+    rx: 0.5
+  }), /*#__PURE__*/React.createElement("rect", {
+    x: 9,
+    y: 29,
+    width: 2,
+    height: 1,
+    rx: 0.5
+  })));
+}

package/dist/es2019/quick-insert/assets/custom-panel.js

@@ -0,0 +1,47 @@
+// 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 IconCustomPanel() {
+  return /*#__PURE__*/React.createElement("svg", {
+    width: "40",
+    height: "40",
+    viewBox: "0 0 40 40",
+    fill: "none",
+    focusable: "false",
+    "aria-hidden": true
+  }, /*#__PURE__*/React.createElement("rect", {
+    width: "40",
+    height: "40",
+    fill: "white"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M8 13C8 12.4477 8.44772 12 9 12H40V28H9C8.44772 28 8 27.5523 8 27V13Z",
+    fill: "#E6FCFF"
+  }), /*#__PURE__*/React.createElement("g", {
+    clipPath: "url(#clip0)"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M19.9999 16.2222C15.5817 16.2222 12.2222 19.5818 12.2222 24H16.0093C16.0093 21.7962 17.7964 20.0093 19.9999 20.0093V16.2222Z",
+    fill: "#8767AC"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M12 23.9998H12.676C12.676 19.9578 15.9502 16.6809 19.9909 16.676V16C15.5767 16.0051 12 19.5847 12 23.9998Z",
+    fill: "#EB2027"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M12.6851 24H13.3517C13.3517 20.3262 16.3273 17.3478 19.9999 17.3429V16.6762C15.9593 16.6811 12.6851 19.958 12.6851 24Z",
+    fill: "#F19020"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M13.3518 24H14.0185C14.0185 20.6945 16.6956 18.0145 20 18.0096V17.3429C16.3274 17.3478 13.3518 20.3262 13.3518 24Z",
+    fill: "#FFCB4C"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M14.0184 24H14.6851C14.6851 21.0629 17.064 18.6811 20 18.6762V18.0096C16.6955 18.0144 14.0184 20.6944 14.0184 24Z",
+    fill: "#5C903F"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M14.6851 24H15.3517C15.3517 21.4311 17.4322 19.348 19.9999 19.3431V18.6762C17.0639 18.6811 14.6851 21.0629 14.6851 24Z",
+    fill: "#226798"
+  })), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
+    id: "clip0"
+  }, /*#__PURE__*/React.createElement("rect", {
+    width: "8",
+    height: "8",
+    fill: "white",
+    transform: "translate(12 16)"
+  }))));
+}

package/dist/es2019/quick-insert/assets/date.js

@@ -0,0 +1,85 @@
+// 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 IconDate() {
+  return /*#__PURE__*/React.createElement("svg", {
+    focusable: "false",
+    "aria-hidden": true,
+    width: 40,
+    height: 40
+  }, /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
+    x1: "100.699%",
+    y1: "50%",
+    x2: "-14.52%",
+    y2: "50%",
+    id: "date-a"
+  }, /*#__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("linearGradient", {
+    x1: "50%",
+    y1: "4.543%",
+    x2: "50%",
+    y2: "100%",
+    id: "date-b"
+  }, /*#__PURE__*/React.createElement("stop", {
+    stopColor: "#FF7043",
+    offset: "0%"
+  }), /*#__PURE__*/React.createElement("stop", {
+    stopColor: "#FF5630",
+    offset: "100%"
+  }))), /*#__PURE__*/React.createElement("g", {
+    fill: "none",
+    fillRule: "evenodd"
+  }, /*#__PURE__*/React.createElement("path", {
+    fill: "#FFF",
+    d: "M0 0h40v40H0z"
+  }), /*#__PURE__*/React.createElement("g", {
+    transform: "translate(8 7)"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M0 8h24v14a2 2 0 01-2 2H2a2 2 0 01-2-2V8z",
+    fill: "#EBECF0"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M18.109 17.42c-2.877-1.466-5.608-.66-9.359-1.604C6.18 15.17 2.987 13.661 0 10v13.913h22.294c-.353-2.421-1.384-5.065-4.185-6.493z",
+    fill: "url(#date-a)",
+    fillRule: "nonzero",
+    opacity: 0.37,
+    style: {
+      mixBlendMode: 'screen'
+    }
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M1 2h22a1 1 0 011 1v7H0V3a1 1 0 011-1z",
+    fill: "url(#date-b)"
+  }), /*#__PURE__*/React.createElement("rect", {
+    fill: "#0065FF",
+    x: 5,
+    width: 2,
+    height: 6,
+    rx: 1
+  }), /*#__PURE__*/React.createElement("rect", {
+    fill: "#0065FF",
+    x: 17,
+    width: 2,
+    height: 6,
+    rx: 1
+  }), /*#__PURE__*/React.createElement("path", {
+    fill: "#C1C7D0",
+    d: "M4 13h4v3H4zm0 5h4v3H4zm6 0h4v3h-4zm0-5h4v3h-4zm6 5h4v3h-4zm0-5h4v3h-4z"
+  }))));
+}

package/dist/es2019/quick-insert/assets/decision.js

@@ -0,0 +1,26 @@
+// 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 IconDecision() {
+  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("path", {
+    d: "M10 10h29v20H10a3 3 0 01-3-3V13a3 3 0 013-3z",
+    fill: "#ECEDF0"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M14.414 16l3.293 3.293c.187.187.293.442.293.707v5a1 1 0 01-2 0v-4.586l-3-3V18.5a1 1 0 01-2 0V15a1 1 0 011-1h3.5a1 1 0 010 2h-1.086zm8.293-1.707a.999.999 0 010 1.414l-2.5 2.5a.997.997 0 01-1.414 0 .999.999 0 010-1.414l2.5-2.5a.999.999 0 011.414 0z",
+    fill: "#36B37E"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M27 19h12v2H27a1 1 0 010-2z",
+    fill: "#C1C7D0"
+  })));
+}

package/dist/es2019/quick-insert/assets/divider.js

@@ -0,0 +1,66 @@
+// 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 IconDivider() {
+  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: "#C1C7D0",
+    x: 6,
+    y: 19,
+    width: 28,
+    height: 2,
+    rx: 1
+  }), /*#__PURE__*/React.createElement("rect", {
+    fill: "#C1C7D0",
+    x: 12,
+    y: 14,
+    width: 16,
+    height: 1,
+    rx: 0.5
+  }), /*#__PURE__*/React.createElement("rect", {
+    fill: "#C1C7D0",
+    x: 12,
+    y: 11,
+    width: 16,
+    height: 1,
+    rx: 0.5
+  }), /*#__PURE__*/React.createElement("rect", {
+    fill: "#C1C7D0",
+    x: 12,
+    y: 8,
+    width: 16,
+    height: 1,
+    rx: 0.5
+  }), /*#__PURE__*/React.createElement("rect", {
+    fill: "#C1C7D0",
+    x: 12,
+    y: 31,
+    width: 9,
+    height: 1,
+    rx: 0.5
+  }), /*#__PURE__*/React.createElement("rect", {
+    fill: "#C1C7D0",
+    x: 12,
+    y: 28,
+    width: 16,
+    height: 1,
+    rx: 0.5
+  }), /*#__PURE__*/React.createElement("rect", {
+    fill: "#C1C7D0",
+    x: 12,
+    y: 25,
+    width: 16,
+    height: 1,
+    rx: 0.5
+  })));
+}

package/dist/es2019/quick-insert/assets/emoji.js

@@ -0,0 +1,29 @@
+// 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 IconEmoji() {
+  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("path", {
+    d: "M32 20c0 6.627-5.373 12-12 12S8 26.627 8 20 13.373 8 20 8s12 5.373 12 12",
+    fill: "#FFCC4D"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M20 22c-2.415 0-4.018-.281-6-.667-.453-.087-1.333 0-1.333 1.334 0 2.666 3.063 6 7.333 6s7.333-3.334 7.333-6c0-1.334-.88-1.422-1.333-1.334-1.982.386-3.585.667-6 .667",
+    fill: "#664500"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M14 22.667s2 .666 6 .666 6-.666 6-.666-1.333 2.666-6 2.666-6-2.666-6-2.666",
+    fill: "#FFF"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M17.667 17c0 1.29-.746 2.333-1.667 2.333-.92 0-1.667-1.044-1.667-2.333 0-1.289.746-2.333 1.667-2.333.92 0 1.667 1.044 1.667 2.333m8 0c0 1.29-.746 2.333-1.667 2.333-.92 0-1.667-1.044-1.667-2.333 0-1.289.746-2.333 1.667-2.333.92 0 1.667 1.044 1.667 2.333",
+    fill: "#664500"
+  })));
+}

package/dist/es2019/quick-insert/assets/expand.js

@@ -0,0 +1,39 @@
+// 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 IconExpand() {
+  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(7 8)"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M1 0h31v24H1a1 1 0 01-1-1V1a1 1 0 011-1z",
+    fill: "#EBECF0"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M3 7h31v15H3a1 1 0 01-1-1V8a1 1 0 011-1z",
+    fill: "#FFF"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M5.5 18h14a.5.5 0 110 1h-14a.5.5 0 110-1zm0-3h23a.5.5 0 110 1h-23a.5.5 0 110-1zm0-3h23a.5.5 0 110 1h-23a.5.5 0 110-1zm0-3h23a.5.5 0 110 1h-23a.5.5 0 010-1z",
+    fill: "#A5ADBA"
+  }), /*#__PURE__*/React.createElement("rect", {
+    fill: "#2684FF",
+    x: 7,
+    y: 3,
+    width: 18,
+    height: 1,
+    rx: 0.5
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M2.646 2.354a.5.5 0 11.708-.708l1.5 1.5a.5.5 0 010 .708l-1.5 1.5a.5.5 0 11-.708-.708L3.793 3.5 2.646 2.354z",
+    fill: "#2684FF",
+    fillRule: "nonzero"
+  }))));
+}

package/dist/es2019/quick-insert/assets/fallback.js

@@ -0,0 +1,47 @@
+// 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 IconFallback() {
+  return /*#__PURE__*/React.createElement("svg", {
+    focusable: "false",
+    "aria-hidden": true,
+    width: 40,
+    height: 40
+  }, /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
+    x1: "-26.046%",
+    y1: "100%",
+    x2: "62.626%",
+    y2: "0%",
+    id: "fallback-a"
+  }, /*#__PURE__*/React.createElement("stop", {
+    stopColor: "#B3BAC5",
+    offset: "0%"
+  }), /*#__PURE__*/React.createElement("stop", {
+    stopColor: "#A5ADBA",
+    offset: "100%"
+  }))), /*#__PURE__*/React.createElement("g", {
+    fill: "none",
+    fillRule: "evenodd"
+  }, /*#__PURE__*/React.createElement("path", {
+    fill: "#FFF",
+    d: "M0 0h40v40H0z"
+  }), /*#__PURE__*/React.createElement("path", {
+    fill: "#DFE1E6",
+    d: "M20 16h12v12H20z"
+  }), /*#__PURE__*/React.createElement("path", {
+    fill: "url(#fallback-a)",
+    d: "M8 16h12v12H8z"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M20 16c-4 .5-6.029 2.5-6.086 6-.057 3.5-2.028 5.5-5.914 6h12V16z",
+    fill: "#A5ADBA"
+  }), /*#__PURE__*/React.createElement("path", {
+    fill: "#B3BAC5",
+    d: "M17.5 13h5v3h-5z"
+  }), /*#__PURE__*/React.createElement("path", {
+    fill: "#A5ADBA",
+    d: "M10 13h5v3h-5z"
+  }), /*#__PURE__*/React.createElement("path", {
+    fill: "#DFE1E6",
+    d: "M25 13h5v3h-5z"
+  })));
+}

package/dist/es2019/quick-insert/assets/feedback.js

@@ -0,0 +1,62 @@
+// 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 IconFeedback() {
+  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.01%",
+    y1: "100%",
+    x2: "17.216%",
+    y2: "0%",
+    id: "feedback-a"
+  }, /*#__PURE__*/React.createElement("stop", {
+    stopColor: "#C1C7D0",
+    offset: "0%"
+  }), /*#__PURE__*/React.createElement("stop", {
+    stopColor: "#EDEFF2",
+    offset: "44.72%"
+  }), /*#__PURE__*/React.createElement("stop", {
+    stopColor: "#FAFBFC",
+    offset: "100%"
+  }))), /*#__PURE__*/React.createElement("g", {
+    fill: "none",
+    fillRule: "evenodd"
+  }, /*#__PURE__*/React.createElement("path", {
+    fill: "#FFF",
+    d: "M0 0h40v40H0z"
+  }), /*#__PURE__*/React.createElement("ellipse", {
+    fill: "#0065FF",
+    fillRule: "nonzero",
+    cx: 14.368,
+    cy: 24.274,
+    rx: 3.145,
+    ry: 3.157
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M14.368 13.866V34.92c-2.928 0-5.302-2.383-5.302-5.323v-.26c0-2.444-1.155-4.71-3.043-6.252C4.854 22.131 4 20.686 4 19.07c0-2.874 2.321-5.204 5.184-5.204h5.184z",
+    fill: "#CFD4DB",
+    fillRule: "nonzero"
+  }), /*#__PURE__*/React.createElement("ellipse", {
+    fill: "#0065FF",
+    fillRule: "nonzero",
+    cx: 32.744,
+    cy: 19.07,
+    rx: 3.189,
+    ry: 3.201
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M32.744 31.62a.517.517 0 11-.901.351 23.706 23.706 0 00-17.475-7.697V13.866c6.64 0 12.978-2.79 17.475-7.696a.517.517 0 01.9.351V31.62z",
+    fill: "url(#feedback-a)",
+    fillRule: "nonzero"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M27.647 28.35c.507.343 1 .706 1.482 1.088V8.702c-.48.383-.975.746-1.482 1.089V28.35z",
+    fill: "#FF5230",
+    fillRule: "nonzero"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M9.184 13.866h5.184v10.408H9.184C6.321 24.274 4 21.944 4 19.07c0-2.874 2.321-5.204 5.184-5.204z",
+    fill: "#0065FF",
+    fillRule: "nonzero"
+  })));
+}