@contentful/field-editor-markdown 2.0.8 → 2.0.9-canary.9

package/dist/cjs/components/MarkdownToolbar.js

@@ -25,7 +25,6 @@ const _f36icons = require("@contentful/f36-icons");
 const _f36tokens = /*#__PURE__*/ _interop_require_default(require("@contentful/f36-tokens"));
 const _css = require("@emotion/css");
 const _HeadingSelector = require("./HeadingSelector");
-const _icons = /*#__PURE__*/ _interop_require_wildcard(require("./icons"));
 const _InsertLinkSelector = require("./InsertLinkSelector");
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
@@ -94,10 +93,13 @@ const styles = {
         verticalAlign: 'middle'
     }),
     zenButton: (0, _css.css)({
-        marginLeft: _f36tokens.default.spacingXs
+        marginLeft: _f36tokens.default.spacingXs,
+        marginRight: '0px'
     }),
     zenButtonPressed: (0, _css.css)({
-        backgroundColor: _f36tokens.default.gray400
+        '&:active': {
+            backgroundColor: _f36tokens.default.gray400
+        }
     }),
     tooltip: (0, _css.css)({
         zIndex: Number(_f36tokens.default.zIndexTooltip),
@@ -231,8 +233,8 @@ function AdditionalButtons(props) {
         tooltip: "Strike out",
         tooltipPlace: tooltipPlace,
         onClick: props.actions.simple.strike
-    }, /*#__PURE__*/ _react.createElement(_icons.Strikethrough, {
-        label: "Strike out",
+    }, /*#__PURE__*/ _react.createElement(_f36icons.TextStrikethroughIcon, {
+        "aria-label": "Strike out",
         className: styles.icon
     })), /*#__PURE__*/ _react.createElement(ToolbarButton, {
         isDisabled: props.disabled,
@@ -258,8 +260,8 @@ function AdditionalButtons(props) {
         tooltip: "Increase indentation",
         tooltipPlace: tooltipPlace,
         onClick: props.actions.simple.indent
-    }, /*#__PURE__*/ _react.createElement(_icons.Indent, {
-        label: "Increase indentation",
+    }, /*#__PURE__*/ _react.createElement(_f36icons.TextIndentIcon, {
+        "aria-label": "Increase indentation",
         className: styles.icon
     })), /*#__PURE__*/ _react.createElement(ToolbarButton, {
         isDisabled: props.disabled,
@@ -267,8 +269,8 @@ function AdditionalButtons(props) {
         tooltip: "Decrease indentation",
         tooltipPlace: tooltipPlace,
         onClick: props.actions.simple.dedent
-    }, /*#__PURE__*/ _react.createElement(_icons.Dedent, {
-        label: "Decrease indentation",
+    }, /*#__PURE__*/ _react.createElement(_f36icons.TextOutdentIcon, {
+        "aria-label": "Decrease indentation",
         className: styles.icon
     })), /*#__PURE__*/ _react.createElement(ToolbarButton, {
         isDisabled: props.disabled,
@@ -276,8 +278,8 @@ function AdditionalButtons(props) {
         tooltip: "Embed external content",
         tooltipPlace: tooltipPlace,
         onClick: props.actions.embedExternalContent
-    }, /*#__PURE__*/ _react.createElement(_icons.Cubes, {
-        label: "Embed external content",
+    }, /*#__PURE__*/ _react.createElement(_f36icons.CubesThreeIcon, {
+        "aria-label": "Embed external content",
         className: styles.icon
     })), /*#__PURE__*/ _react.createElement(ToolbarButton, {
         isDisabled: props.disabled,
@@ -285,8 +287,8 @@ function AdditionalButtons(props) {
         tooltip: "Insert table",
         tooltipPlace: tooltipPlace,
         onClick: props.actions.insertTable
-    }, /*#__PURE__*/ _react.createElement(_icons.Table, {
-        label: "Insert table",
+    }, /*#__PURE__*/ _react.createElement(_f36icons.TableIcon, {
+        "aria-label": "Insert table",
         className: styles.icon
     })), /*#__PURE__*/ _react.createElement(ToolbarButton, {
         isDisabled: props.disabled,
@@ -294,8 +296,8 @@ function AdditionalButtons(props) {
         tooltip: "Insert special character",
         tooltipPlace: tooltipPlace,
         onClick: props.actions.insertSpecialCharacter
-    }, /*#__PURE__*/ _react.createElement(_icons.SpecialChar, {
-        label: "Insert special character",
+    }, /*#__PURE__*/ _react.createElement(_f36icons.CurrencyEurIcon, {
+        "aria-label": "Insert special character",
         className: styles.icon
     })), /*#__PURE__*/ _react.createElement(ToolbarButton, {
         isDisabled: props.disabled,
@@ -303,8 +305,8 @@ function AdditionalButtons(props) {
         tooltip: "Organize links",
         tooltipPlace: tooltipPlace,
         onClick: props.actions.organizeLinks
-    }, /*#__PURE__*/ _react.createElement(_icons.OrgLinks, {
-        label: "Organize links",
+    }, /*#__PURE__*/ _react.createElement(_f36icons.TreeStructureIcon, {
+        "aria-label": "Organize links",
         className: styles.icon
     })), /*#__PURE__*/ _react.createElement(ToolbarButton, {
         isDisabled: props.disabled,
@@ -312,8 +314,8 @@ function AdditionalButtons(props) {
         tooltip: "Undo",
         tooltipPlace: tooltipPlace,
         onClick: props.actions.history.undo
-    }, /*#__PURE__*/ _react.createElement(_icons.Undo, {
-        label: "Undo",
+    }, /*#__PURE__*/ _react.createElement(_f36icons.ArrowCounterClockwiseIcon, {
+        "aria-label": "Undo",
         className: styles.icon
     })), /*#__PURE__*/ _react.createElement(ToolbarButton, {
         isDisabled: props.disabled,
@@ -321,8 +323,8 @@ function AdditionalButtons(props) {
         tooltip: "Redo",
         tooltipPlace: tooltipPlace,
         onClick: props.actions.history.redo
-    }, /*#__PURE__*/ _react.createElement(_icons.Redo, {
-        label: "Redo",
+    }, /*#__PURE__*/ _react.createElement(_f36icons.ArrowClockwiseIcon, {
+        "aria-label": "Redo",
         className: styles.icon
     })));
 }
@@ -358,8 +360,8 @@ function DefaultMarkdownToolbar(props) {
         onClick: props.actions.openZenMode,
         className: styles.zenButton,
         tooltip: "Expand"
-    }, /*#__PURE__*/ _react.createElement(_icons.Zen, {
-        label: "Expand",
+    }, /*#__PURE__*/ _react.createElement(_f36icons.ArrowsOutIcon, {
+        "aria-label": "Expand",
         className: styles.icon
     })))), showAdditional && /*#__PURE__*/ _react.createElement(_f36components.Flex, {
         justifyContent: "space-between",
@@ -387,8 +389,8 @@ function ZenMarkdownToolbar(props) {
         onClick: ()=>{
             props.actions.closeZenMode();
         },
-        icon: /*#__PURE__*/ _react.createElement(_icons.Zen, {
-            label: "Collapse",
+        icon: /*#__PURE__*/ _react.createElement(_f36icons.ArrowsOutIcon, {
+            "aria-label": "Collapse",
             className: styles.icon
         }),
         "aria-label": "Collapse"

package/dist/esm/components/MarkdownToolbar.js

@@ -1,10 +1,9 @@
 import * as React from 'react';
 import { Flex, IconButton } from '@contentful/f36-components';
-import { CodeSimpleIcon, TextBIcon, TextItalicIcon, TextHIcon, MinusIcon, LinkSimpleIcon, ListBulletsIcon, ListNumbersIcon, DotsThreeIcon, QuotesIcon } from '@contentful/f36-icons';
+import { CodeSimpleIcon, TextBIcon, TextItalicIcon, TextHIcon, MinusIcon, LinkSimpleIcon, ListBulletsIcon, ListNumbersIcon, DotsThreeIcon, QuotesIcon, TextStrikethroughIcon, TextIndentIcon, TextOutdentIcon, CubesThreeIcon, TableIcon, CurrencyEurIcon, TreeStructureIcon, ArrowCounterClockwiseIcon, ArrowClockwiseIcon, ArrowsOutIcon } from '@contentful/f36-icons';
 import tokens from '@contentful/f36-tokens';
 import { css, cx } from '@emotion/css';
 import { HeadingSelector } from './HeadingSelector';
-import * as Icons from './icons';
 import { InsertLinkSelector } from './InsertLinkSelector';
 const styles = {
     root: css({
@@ -27,10 +26,13 @@ const styles = {
         verticalAlign: 'middle'
     }),
     zenButton: css({
-        marginLeft: tokens.spacingXs
+        marginLeft: tokens.spacingXs,
+        marginRight: '0px'
     }),
     zenButtonPressed: css({
-        backgroundColor: tokens.gray400
+        '&:active': {
+            backgroundColor: tokens.gray400
+        }
     }),
     tooltip: css({
         zIndex: Number(tokens.zIndexTooltip),
@@ -164,8 +166,8 @@ function AdditionalButtons(props) {
         tooltip: "Strike out",
         tooltipPlace: tooltipPlace,
         onClick: props.actions.simple.strike
-    }, /*#__PURE__*/ React.createElement(Icons.Strikethrough, {
-        label: "Strike out",
+    }, /*#__PURE__*/ React.createElement(TextStrikethroughIcon, {
+        "aria-label": "Strike out",
         className: styles.icon
     })), /*#__PURE__*/ React.createElement(ToolbarButton, {
         isDisabled: props.disabled,
@@ -191,8 +193,8 @@ function AdditionalButtons(props) {
         tooltip: "Increase indentation",
         tooltipPlace: tooltipPlace,
         onClick: props.actions.simple.indent
-    }, /*#__PURE__*/ React.createElement(Icons.Indent, {
-        label: "Increase indentation",
+    }, /*#__PURE__*/ React.createElement(TextIndentIcon, {
+        "aria-label": "Increase indentation",
         className: styles.icon
     })), /*#__PURE__*/ React.createElement(ToolbarButton, {
         isDisabled: props.disabled,
@@ -200,8 +202,8 @@ function AdditionalButtons(props) {
         tooltip: "Decrease indentation",
         tooltipPlace: tooltipPlace,
         onClick: props.actions.simple.dedent
-    }, /*#__PURE__*/ React.createElement(Icons.Dedent, {
-        label: "Decrease indentation",
+    }, /*#__PURE__*/ React.createElement(TextOutdentIcon, {
+        "aria-label": "Decrease indentation",
         className: styles.icon
     })), /*#__PURE__*/ React.createElement(ToolbarButton, {
         isDisabled: props.disabled,
@@ -209,8 +211,8 @@ function AdditionalButtons(props) {
         tooltip: "Embed external content",
         tooltipPlace: tooltipPlace,
         onClick: props.actions.embedExternalContent
-    }, /*#__PURE__*/ React.createElement(Icons.Cubes, {
-        label: "Embed external content",
+    }, /*#__PURE__*/ React.createElement(CubesThreeIcon, {
+        "aria-label": "Embed external content",
         className: styles.icon
     })), /*#__PURE__*/ React.createElement(ToolbarButton, {
         isDisabled: props.disabled,
@@ -218,8 +220,8 @@ function AdditionalButtons(props) {
         tooltip: "Insert table",
         tooltipPlace: tooltipPlace,
         onClick: props.actions.insertTable
-    }, /*#__PURE__*/ React.createElement(Icons.Table, {
-        label: "Insert table",
+    }, /*#__PURE__*/ React.createElement(TableIcon, {
+        "aria-label": "Insert table",
         className: styles.icon
     })), /*#__PURE__*/ React.createElement(ToolbarButton, {
         isDisabled: props.disabled,
@@ -227,8 +229,8 @@ function AdditionalButtons(props) {
         tooltip: "Insert special character",
         tooltipPlace: tooltipPlace,
         onClick: props.actions.insertSpecialCharacter
-    }, /*#__PURE__*/ React.createElement(Icons.SpecialChar, {
-        label: "Insert special character",
+    }, /*#__PURE__*/ React.createElement(CurrencyEurIcon, {
+        "aria-label": "Insert special character",
         className: styles.icon
     })), /*#__PURE__*/ React.createElement(ToolbarButton, {
         isDisabled: props.disabled,
@@ -236,8 +238,8 @@ function AdditionalButtons(props) {
         tooltip: "Organize links",
         tooltipPlace: tooltipPlace,
         onClick: props.actions.organizeLinks
-    }, /*#__PURE__*/ React.createElement(Icons.OrgLinks, {
-        label: "Organize links",
+    }, /*#__PURE__*/ React.createElement(TreeStructureIcon, {
+        "aria-label": "Organize links",
         className: styles.icon
     })), /*#__PURE__*/ React.createElement(ToolbarButton, {
         isDisabled: props.disabled,
@@ -245,8 +247,8 @@ function AdditionalButtons(props) {
         tooltip: "Undo",
         tooltipPlace: tooltipPlace,
         onClick: props.actions.history.undo
-    }, /*#__PURE__*/ React.createElement(Icons.Undo, {
-        label: "Undo",
+    }, /*#__PURE__*/ React.createElement(ArrowCounterClockwiseIcon, {
+        "aria-label": "Undo",
         className: styles.icon
     })), /*#__PURE__*/ React.createElement(ToolbarButton, {
         isDisabled: props.disabled,
@@ -254,8 +256,8 @@ function AdditionalButtons(props) {
         tooltip: "Redo",
         tooltipPlace: tooltipPlace,
         onClick: props.actions.history.redo
-    }, /*#__PURE__*/ React.createElement(Icons.Redo, {
-        label: "Redo",
+    }, /*#__PURE__*/ React.createElement(ArrowClockwiseIcon, {
+        "aria-label": "Redo",
         className: styles.icon
     })));
 }
@@ -291,8 +293,8 @@ export function DefaultMarkdownToolbar(props) {
         onClick: props.actions.openZenMode,
         className: styles.zenButton,
         tooltip: "Expand"
-    }, /*#__PURE__*/ React.createElement(Icons.Zen, {
-        label: "Expand",
+    }, /*#__PURE__*/ React.createElement(ArrowsOutIcon, {
+        "aria-label": "Expand",
         className: styles.icon
     })))), showAdditional && /*#__PURE__*/ React.createElement(Flex, {
         justifyContent: "space-between",
@@ -320,8 +322,8 @@ export function ZenMarkdownToolbar(props) {
         onClick: ()=>{
             props.actions.closeZenMode();
         },
-        icon: /*#__PURE__*/ React.createElement(Icons.Zen, {
-            label: "Collapse",
+        icon: /*#__PURE__*/ React.createElement(ArrowsOutIcon, {
+            "aria-label": "Collapse",
             className: styles.icon
         }),
         "aria-label": "Collapse"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@contentful/field-editor-markdown",
-  "version": "2.0.8",
+  "version": "2.0.9-canary.9+11badc08",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/types/index.d.ts",
@@ -64,5 +64,5 @@
   "publishConfig": {
     "registry": "https://npm.pkg.github.com/"
   },
-  "gitHead": "267c2c3194103479b3fa0ba2c61001ef993f4cfd"
+  "gitHead": "11badc08d8c51d63ab54ca779624da84d0fdf04e"
 }

package/dist/cjs/components/icons.js

@@ -1,195 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: all[name]
-    });
-}
-_export(exports, {
-    Cubes: function() {
-        return Cubes;
-    },
-    Dedent: function() {
-        return Dedent;
-    },
-    Indent: function() {
-        return Indent;
-    },
-    OrgLinks: function() {
-        return OrgLinks;
-    },
-    Redo: function() {
-        return Redo;
-    },
-    SpecialChar: function() {
-        return SpecialChar;
-    },
-    Strikethrough: function() {
-        return Strikethrough;
-    },
-    Table: function() {
-        return Table;
-    },
-    Undo: function() {
-        return Undo;
-    },
-    Zen: function() {
-        return Zen;
-    }
-});
-const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
-const _css = require("@emotion/css");
-function _getRequireWildcardCache(nodeInterop) {
-    if (typeof WeakMap !== "function") return null;
-    var cacheBabelInterop = new WeakMap();
-    var cacheNodeInterop = new WeakMap();
-    return (_getRequireWildcardCache = function(nodeInterop) {
-        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
-    })(nodeInterop);
-}
-function _interop_require_wildcard(obj, nodeInterop) {
-    if (!nodeInterop && obj && obj.__esModule) {
-        return obj;
-    }
-    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
-        return {
-            default: obj
-        };
-    }
-    var cache = _getRequireWildcardCache(nodeInterop);
-    if (cache && cache.has(obj)) {
-        return cache.get(obj);
-    }
-    var newObj = {
-        __proto__: null
-    };
-    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
-    for(var key in obj){
-        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
-            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
-            if (desc && (desc.get || desc.set)) {
-                Object.defineProperty(newObj, key, desc);
-            } else {
-                newObj[key] = obj[key];
-            }
-        }
-    }
-    newObj.default = obj;
-    if (cache) {
-        cache.set(obj, newObj);
-    }
-    return newObj;
-}
-const srOnly = (0, _css.css)({
-    position: 'absolute',
-    width: '1px',
-    height: '1px',
-    padding: '0',
-    margin: '-1px',
-    overflow: 'hidden',
-    clip: 'rect(0, 0, 0, 0)',
-    border: '0'
-});
-const Zen = ({ label, ...rest })=>/*#__PURE__*/ _react.createElement("svg", {
-        width: 14,
-        height: 14,
-        viewBox: "0 0 1792 1792",
-        ...rest
-    }, /*#__PURE__*/ _react.createElement("path", {
-        d: "M1411 541l-355 355 355 355 144-144q29-31 70-14 39 17 39 59v448q0 26-19 45t-45 19h-448q-42 0-59-40-17-39 14-69l144-144-355-355-355 355 144 144q31 30 14 69-17 40-59 40H192q-26 0-45-19t-19-45v-448q0-42 40-59 39-17 69 14l144 144 355-355-355-355-144 144q-19 19-45 19-12 0-24-5-40-17-40-59V192q0-26 19-45t45-19h448q42 0 59 40 17 39-14 69L541 381l355 355 355-355-144-144q-31-30-14-69 17-40 59-40h448q26 0 45 19t19 45v448q0 42-39 59-13 5-25 5-26 0-45-19z"
-    }), /*#__PURE__*/ _react.createElement("span", {
-        className: srOnly
-    }, label));
-const Strikethrough = ({ label, ...rest })=>/*#__PURE__*/ _react.createElement("svg", {
-        width: 14,
-        height: 14,
-        viewBox: "0 0 1792 1792",
-        ...rest
-    }, /*#__PURE__*/ _react.createElement("path", {
-        d: "M1760 896q14 0 23 9t9 23v64q0 14-9 23t-23 9H32q-14 0-23-9t-9-23v-64q0-14 9-23t23-9h1728zM483 832q-28-35-51-80-48-98-48-188 0-181 134-309 133-127 393-127 50 0 167 19 66 12 177 48 10 38 21 118 14 123 14 183 0 18-5 45l-12 3-84-6-14-2q-50-149-103-205-88-91-210-91-114 0-182 59-67 58-67 146 0 73 66 140t279 129q69 20 173 66 58 28 95 52H483zm507 256h411q7 39 7 92 0 111-41 212-23 56-71 104-37 35-109 81-80 48-153 66-80 21-203 21-114 0-195-23l-140-40q-57-16-72-28-8-8-8-22v-13q0-108-2-156-1-30 0-68l2-37v-44l102-2q15 34 30 71t22.5 56 12.5 27q35 57 80 94 43 36 105 57 59 22 132 22 64 0 139-27 77-26 122-86 47-61 47-129 0-84-81-157-34-29-137-71z"
-    }), /*#__PURE__*/ _react.createElement("span", {
-        className: srOnly
-    }, label));
-const Indent = ({ label, ...rest })=>/*#__PURE__*/ _react.createElement("svg", {
-        width: 14,
-        height: 14,
-        viewBox: "0 0 1792 1792",
-        ...rest
-    }, /*#__PURE__*/ _react.createElement("path", {
-        d: "M352 832q0 14-9 23L55 1143q-9 9-23 9-13 0-22.5-9.5T0 1120V544q0-13 9.5-22.5T32 512q14 0 23 9l288 288q9 9 9 23zm1440 480v192q0 13-9.5 22.5t-22.5 9.5H32q-13 0-22.5-9.5T0 1504v-192q0-13 9.5-22.5T32 1280h1728q13 0 22.5 9.5t9.5 22.5zm0-384v192q0 13-9.5 22.5t-22.5 9.5H672q-13 0-22.5-9.5T640 1120V928q0-13 9.5-22.5T672 896h1088q13 0 22.5 9.5t9.5 22.5zm0-384v192q0 13-9.5 22.5T1760 768H672q-13 0-22.5-9.5T640 736V544q0-13 9.5-22.5T672 512h1088q13 0 22.5 9.5t9.5 22.5zm0-384v192q0 13-9.5 22.5T1760 384H32q-13 0-22.5-9.5T0 352V160q0-13 9.5-22.5T32 128h1728q13 0 22.5 9.5t9.5 22.5z"
-    }), /*#__PURE__*/ _react.createElement("span", {
-        className: srOnly
-    }, label));
-const Dedent = ({ label, ...rest })=>/*#__PURE__*/ _react.createElement("svg", {
-        width: 14,
-        height: 14,
-        viewBox: "0 0 1792 1792",
-        ...rest
-    }, /*#__PURE__*/ _react.createElement("path", {
-        d: "M384 544v576q0 13-9.5 22.5T352 1152q-14 0-23-9L41 855q-9-9-9-23t9-23l288-288q9-9 23-9 13 0 22.5 9.5T384 544zm1408 768v192q0 13-9.5 22.5t-22.5 9.5H32q-13 0-22.5-9.5T0 1504v-192q0-13 9.5-22.5T32 1280h1728q13 0 22.5 9.5t9.5 22.5zm0-384v192q0 13-9.5 22.5t-22.5 9.5H672q-13 0-22.5-9.5T640 1120V928q0-13 9.5-22.5T672 896h1088q13 0 22.5 9.5t9.5 22.5zm0-384v192q0 13-9.5 22.5T1760 768H672q-13 0-22.5-9.5T640 736V544q0-13 9.5-22.5T672 512h1088q13 0 22.5 9.5t9.5 22.5zm0-384v192q0 13-9.5 22.5T1760 384H32q-13 0-22.5-9.5T0 352V160q0-13 9.5-22.5T32 128h1728q13 0 22.5 9.5t9.5 22.5z"
-    }), /*#__PURE__*/ _react.createElement("span", {
-        className: srOnly
-    }, label));
-const Cubes = ({ label, ...rest })=>/*#__PURE__*/ _react.createElement("svg", {
-        width: 18,
-        height: 14,
-        viewBox: "0 0 2304 1792",
-        ...rest
-    }, /*#__PURE__*/ _react.createElement("path", {
-        d: "M640 1632l384-192v-314l-384 164v342zm-64-454l404-173-404-173-404 173zm1088 454l384-192v-314l-384 164v342zm-64-454l404-173-404-173-404 173zm-448-293l384-165V454l-384 164v267zm-64-379l441-189-441-189-441 189zm1088 518v416q0 36-19 67t-52 47l-448 224q-25 14-57 14t-57-14l-448-224q-4-2-7-4-2 2-7 4l-448 224q-25 14-57 14t-57-14L71 1554q-33-16-52-47t-19-67v-416q0-38 21.5-70T78 906l434-186V320q0-38 21.5-70t56.5-48l448-192q23-10 50-10t50 10l448 192q35 16 56.5 48t21.5 70v400l434 186q36 16 57 48t21 70z"
-    }), /*#__PURE__*/ _react.createElement("span", {
-        className: srOnly
-    }, label));
-const Table = ({ label, ...rest })=>/*#__PURE__*/ _react.createElement("svg", {
-        width: 14,
-        height: 14,
-        viewBox: "0 0 1792 1792",
-        ...rest
-    }, /*#__PURE__*/ _react.createElement("path", {
-        d: "M576 1376v-192q0-14-9-23t-23-9H224q-14 0-23 9t-9 23v192q0 14 9 23t23 9h320q14 0 23-9t9-23zm0-384V800q0-14-9-23t-23-9H224q-14 0-23 9t-9 23v192q0 14 9 23t23 9h320q14 0 23-9t9-23zm512 384v-192q0-14-9-23t-23-9H736q-14 0-23 9t-9 23v192q0 14 9 23t23 9h320q14 0 23-9t9-23zM576 608V416q0-14-9-23t-23-9H224q-14 0-23 9t-9 23v192q0 14 9 23t23 9h320q14 0 23-9t9-23zm512 384V800q0-14-9-23t-23-9H736q-14 0-23 9t-9 23v192q0 14 9 23t23 9h320q14 0 23-9t9-23zm512 384v-192q0-14-9-23t-23-9h-320q-14 0-23 9t-9 23v192q0 14 9 23t23 9h320q14 0 23-9t9-23zm-512-768V416q0-14-9-23t-23-9H736q-14 0-23 9t-9 23v192q0 14 9 23t23 9h320q14 0 23-9t9-23zm512 384V800q0-14-9-23t-23-9h-320q-14 0-23 9t-9 23v192q0 14 9 23t23 9h320q14 0 23-9t9-23zm0-384V416q0-14-9-23t-23-9h-320q-14 0-23 9t-9 23v192q0 14 9 23t23 9h320q14 0 23-9t9-23zm128-320v1088q0 66-47 113t-113 47H224q-66 0-113-47t-47-113V288q0-66 47-113t113-47h1344q66 0 113 47t47 113z"
-    }), /*#__PURE__*/ _react.createElement("span", {
-        className: srOnly
-    }, label));
-const SpecialChar = ({ label, ...rest })=>/*#__PURE__*/ _react.createElement("svg", {
-        width: 14,
-        height: 14,
-        viewBox: "0 0 1792 1792",
-        ...rest
-    }, /*#__PURE__*/ _react.createElement("path", {
-        d: "M1360 1307l35 159q3 12-3 22.5t-17 14.5l-5 1q-4 2-10.5 3.5t-16 4.5-21.5 5.5-25.5 5-30 5-33.5 4.5-36.5 3-38.5 1q-234 0-409-130.5T511 1054h-95q-13 0-22.5-9.5T384 1022V909q0-13 9.5-22.5T416 877h66q-2-57 1-105h-67q-14 0-23-9t-9-23V626q0-14 9-23t23-9h98q67-210 243.5-338T1158 128q102 0 194 23 11 3 20 15 6 11 3 24l-43 159q-3 13-14 19.5t-24 2.5l-4-1q-4-1-11.5-2.5L1261 364l-22.5-3.5-26-3-29-2.5-29.5-1q-126 0-226 64T778 594h468q16 0 25 12 10 12 7 26l-24 114q-5 26-32 26H734q-3 37 0 105h459q15 0 25 12 9 12 6 27l-24 112q-2 11-11 18.5t-20 7.5H782q48 117 149.5 185.5T1160 1308q18 0 36-1.5t33.5-3.5 29.5-4.5 24.5-5 18.5-4.5l12-3 5-2q13-5 26 2 12 7 15 21z"
-    }), /*#__PURE__*/ _react.createElement("span", {
-        className: srOnly
-    }, label));
-const OrgLinks = ({ label, ...rest })=>/*#__PURE__*/ _react.createElement("svg", {
-        width: 14,
-        height: 14,
-        viewBox: "0 0 1792 1792",
-        ...rest
-    }, /*#__PURE__*/ _react.createElement("path", {
-        d: "M1792 1248v320q0 40-28 68t-68 28h-320q-40 0-68-28t-28-68v-320q0-40 28-68t68-28h96V960H960v192h96q40 0 68 28t28 68v320q0 40-28 68t-68 28H736q-40 0-68-28t-28-68v-320q0-40 28-68t68-28h96V960H320v192h96q40 0 68 28t28 68v320q0 40-28 68t-68 28H96q-40 0-68-28t-28-68v-320q0-40 28-68t68-28h96V960q0-52 38-90t90-38h512V640h-96q-40 0-68-28t-28-68V224q0-40 28-68t68-28h320q40 0 68 28t28 68v320q0 40-28 68t-68 28h-96v192h512q52 0 90 38t38 90v192h96q40 0 68 28t28 68z"
-    }), /*#__PURE__*/ _react.createElement("span", {
-        className: srOnly
-    }, label));
-const Undo = ({ label, ...rest })=>/*#__PURE__*/ _react.createElement("svg", {
-        width: 14,
-        height: 14,
-        viewBox: "0 0 1792 1792",
-        ...rest
-    }, /*#__PURE__*/ _react.createElement("path", {
-        d: "M1664 896q0 156-61 298t-164 245-245 164-298 61q-172 0-327-72.5T305 1387q-7-10-6.5-22.5t8.5-20.5l137-138q10-9 25-9 16 2 23 12 73 95 179 147t225 52q104 0 198.5-40.5T1258 1258t109.5-163.5T1408 896t-40.5-198.5T1258 534t-163.5-109.5T896 384q-98 0-188 35.5T548 521l137 138q31 30 14 69-17 40-59 40H192q-26 0-45-19t-19-45V256q0-42 40-59 39-17 69 14l130 129q107-101 244.5-156.5T896 128q156 0 298 61t245 164 164 245 61 298z"
-    }), /*#__PURE__*/ _react.createElement("span", {
-        className: srOnly
-    }, label));
-const Redo = ({ label, ...rest })=>/*#__PURE__*/ _react.createElement("svg", {
-        width: 14,
-        height: 14,
-        viewBox: "0 0 1792 1792",
-        ...rest
-    }, /*#__PURE__*/ _react.createElement("path", {
-        d: "M1664 256v448q0 26-19 45t-45 19h-448q-42 0-59-40-17-39 14-69l138-138q-148-137-349-137-104 0-198.5 40.5T534 534 424.5 697.5 384 896t40.5 198.5T534 1258t163.5 109.5T896 1408q119 0 225-52t179-147q7-10 23-12 15 0 25 9l137 138q9 8 9.5 20.5t-7.5 22.5q-109 132-264 204.5T896 1664q-156 0-298-61t-245-164-164-245-61-298 61-298 164-245 245-164 298-61q147 0 284.5 55.5T1425 340l130-129q29-31 70-14 39 17 39 59z"
-    }), /*#__PURE__*/ _react.createElement("span", {
-        className: srOnly
-    }, label));

package/dist/esm/components/icons.js

@@ -1,112 +0,0 @@
-import * as React from 'react';
-import { css } from '@emotion/css';
-const srOnly = css({
-    position: 'absolute',
-    width: '1px',
-    height: '1px',
-    padding: '0',
-    margin: '-1px',
-    overflow: 'hidden',
-    clip: 'rect(0, 0, 0, 0)',
-    border: '0'
-});
-export const Zen = ({ label, ...rest })=>/*#__PURE__*/ React.createElement("svg", {
-        width: 14,
-        height: 14,
-        viewBox: "0 0 1792 1792",
-        ...rest
-    }, /*#__PURE__*/ React.createElement("path", {
-        d: "M1411 541l-355 355 355 355 144-144q29-31 70-14 39 17 39 59v448q0 26-19 45t-45 19h-448q-42 0-59-40-17-39 14-69l144-144-355-355-355 355 144 144q31 30 14 69-17 40-59 40H192q-26 0-45-19t-19-45v-448q0-42 40-59 39-17 69 14l144 144 355-355-355-355-144 144q-19 19-45 19-12 0-24-5-40-17-40-59V192q0-26 19-45t45-19h448q42 0 59 40 17 39-14 69L541 381l355 355 355-355-144-144q-31-30-14-69 17-40 59-40h448q26 0 45 19t19 45v448q0 42-39 59-13 5-25 5-26 0-45-19z"
-    }), /*#__PURE__*/ React.createElement("span", {
-        className: srOnly
-    }, label));
-export const Strikethrough = ({ label, ...rest })=>/*#__PURE__*/ React.createElement("svg", {
-        width: 14,
-        height: 14,
-        viewBox: "0 0 1792 1792",
-        ...rest
-    }, /*#__PURE__*/ React.createElement("path", {
-        d: "M1760 896q14 0 23 9t9 23v64q0 14-9 23t-23 9H32q-14 0-23-9t-9-23v-64q0-14 9-23t23-9h1728zM483 832q-28-35-51-80-48-98-48-188 0-181 134-309 133-127 393-127 50 0 167 19 66 12 177 48 10 38 21 118 14 123 14 183 0 18-5 45l-12 3-84-6-14-2q-50-149-103-205-88-91-210-91-114 0-182 59-67 58-67 146 0 73 66 140t279 129q69 20 173 66 58 28 95 52H483zm507 256h411q7 39 7 92 0 111-41 212-23 56-71 104-37 35-109 81-80 48-153 66-80 21-203 21-114 0-195-23l-140-40q-57-16-72-28-8-8-8-22v-13q0-108-2-156-1-30 0-68l2-37v-44l102-2q15 34 30 71t22.5 56 12.5 27q35 57 80 94 43 36 105 57 59 22 132 22 64 0 139-27 77-26 122-86 47-61 47-129 0-84-81-157-34-29-137-71z"
-    }), /*#__PURE__*/ React.createElement("span", {
-        className: srOnly
-    }, label));
-export const Indent = ({ label, ...rest })=>/*#__PURE__*/ React.createElement("svg", {
-        width: 14,
-        height: 14,
-        viewBox: "0 0 1792 1792",
-        ...rest
-    }, /*#__PURE__*/ React.createElement("path", {
-        d: "M352 832q0 14-9 23L55 1143q-9 9-23 9-13 0-22.5-9.5T0 1120V544q0-13 9.5-22.5T32 512q14 0 23 9l288 288q9 9 9 23zm1440 480v192q0 13-9.5 22.5t-22.5 9.5H32q-13 0-22.5-9.5T0 1504v-192q0-13 9.5-22.5T32 1280h1728q13 0 22.5 9.5t9.5 22.5zm0-384v192q0 13-9.5 22.5t-22.5 9.5H672q-13 0-22.5-9.5T640 1120V928q0-13 9.5-22.5T672 896h1088q13 0 22.5 9.5t9.5 22.5zm0-384v192q0 13-9.5 22.5T1760 768H672q-13 0-22.5-9.5T640 736V544q0-13 9.5-22.5T672 512h1088q13 0 22.5 9.5t9.5 22.5zm0-384v192q0 13-9.5 22.5T1760 384H32q-13 0-22.5-9.5T0 352V160q0-13 9.5-22.5T32 128h1728q13 0 22.5 9.5t9.5 22.5z"
-    }), /*#__PURE__*/ React.createElement("span", {
-        className: srOnly
-    }, label));
-export const Dedent = ({ label, ...rest })=>/*#__PURE__*/ React.createElement("svg", {
-        width: 14,
-        height: 14,
-        viewBox: "0 0 1792 1792",
-        ...rest
-    }, /*#__PURE__*/ React.createElement("path", {
-        d: "M384 544v576q0 13-9.5 22.5T352 1152q-14 0-23-9L41 855q-9-9-9-23t9-23l288-288q9-9 23-9 13 0 22.5 9.5T384 544zm1408 768v192q0 13-9.5 22.5t-22.5 9.5H32q-13 0-22.5-9.5T0 1504v-192q0-13 9.5-22.5T32 1280h1728q13 0 22.5 9.5t9.5 22.5zm0-384v192q0 13-9.5 22.5t-22.5 9.5H672q-13 0-22.5-9.5T640 1120V928q0-13 9.5-22.5T672 896h1088q13 0 22.5 9.5t9.5 22.5zm0-384v192q0 13-9.5 22.5T1760 768H672q-13 0-22.5-9.5T640 736V544q0-13 9.5-22.5T672 512h1088q13 0 22.5 9.5t9.5 22.5zm0-384v192q0 13-9.5 22.5T1760 384H32q-13 0-22.5-9.5T0 352V160q0-13 9.5-22.5T32 128h1728q13 0 22.5 9.5t9.5 22.5z"
-    }), /*#__PURE__*/ React.createElement("span", {
-        className: srOnly
-    }, label));
-export const Cubes = ({ label, ...rest })=>/*#__PURE__*/ React.createElement("svg", {
-        width: 18,
-        height: 14,
-        viewBox: "0 0 2304 1792",
-        ...rest
-    }, /*#__PURE__*/ React.createElement("path", {
-        d: "M640 1632l384-192v-314l-384 164v342zm-64-454l404-173-404-173-404 173zm1088 454l384-192v-314l-384 164v342zm-64-454l404-173-404-173-404 173zm-448-293l384-165V454l-384 164v267zm-64-379l441-189-441-189-441 189zm1088 518v416q0 36-19 67t-52 47l-448 224q-25 14-57 14t-57-14l-448-224q-4-2-7-4-2 2-7 4l-448 224q-25 14-57 14t-57-14L71 1554q-33-16-52-47t-19-67v-416q0-38 21.5-70T78 906l434-186V320q0-38 21.5-70t56.5-48l448-192q23-10 50-10t50 10l448 192q35 16 56.5 48t21.5 70v400l434 186q36 16 57 48t21 70z"
-    }), /*#__PURE__*/ React.createElement("span", {
-        className: srOnly
-    }, label));
-export const Table = ({ label, ...rest })=>/*#__PURE__*/ React.createElement("svg", {
-        width: 14,
-        height: 14,
-        viewBox: "0 0 1792 1792",
-        ...rest
-    }, /*#__PURE__*/ React.createElement("path", {
-        d: "M576 1376v-192q0-14-9-23t-23-9H224q-14 0-23 9t-9 23v192q0 14 9 23t23 9h320q14 0 23-9t9-23zm0-384V800q0-14-9-23t-23-9H224q-14 0-23 9t-9 23v192q0 14 9 23t23 9h320q14 0 23-9t9-23zm512 384v-192q0-14-9-23t-23-9H736q-14 0-23 9t-9 23v192q0 14 9 23t23 9h320q14 0 23-9t9-23zM576 608V416q0-14-9-23t-23-9H224q-14 0-23 9t-9 23v192q0 14 9 23t23 9h320q14 0 23-9t9-23zm512 384V800q0-14-9-23t-23-9H736q-14 0-23 9t-9 23v192q0 14 9 23t23 9h320q14 0 23-9t9-23zm512 384v-192q0-14-9-23t-23-9h-320q-14 0-23 9t-9 23v192q0 14 9 23t23 9h320q14 0 23-9t9-23zm-512-768V416q0-14-9-23t-23-9H736q-14 0-23 9t-9 23v192q0 14 9 23t23 9h320q14 0 23-9t9-23zm512 384V800q0-14-9-23t-23-9h-320q-14 0-23 9t-9 23v192q0 14 9 23t23 9h320q14 0 23-9t9-23zm0-384V416q0-14-9-23t-23-9h-320q-14 0-23 9t-9 23v192q0 14 9 23t23 9h320q14 0 23-9t9-23zm128-320v1088q0 66-47 113t-113 47H224q-66 0-113-47t-47-113V288q0-66 47-113t113-47h1344q66 0 113 47t47 113z"
-    }), /*#__PURE__*/ React.createElement("span", {
-        className: srOnly
-    }, label));
-export const SpecialChar = ({ label, ...rest })=>/*#__PURE__*/ React.createElement("svg", {
-        width: 14,
-        height: 14,
-        viewBox: "0 0 1792 1792",
-        ...rest
-    }, /*#__PURE__*/ React.createElement("path", {
-        d: "M1360 1307l35 159q3 12-3 22.5t-17 14.5l-5 1q-4 2-10.5 3.5t-16 4.5-21.5 5.5-25.5 5-30 5-33.5 4.5-36.5 3-38.5 1q-234 0-409-130.5T511 1054h-95q-13 0-22.5-9.5T384 1022V909q0-13 9.5-22.5T416 877h66q-2-57 1-105h-67q-14 0-23-9t-9-23V626q0-14 9-23t23-9h98q67-210 243.5-338T1158 128q102 0 194 23 11 3 20 15 6 11 3 24l-43 159q-3 13-14 19.5t-24 2.5l-4-1q-4-1-11.5-2.5L1261 364l-22.5-3.5-26-3-29-2.5-29.5-1q-126 0-226 64T778 594h468q16 0 25 12 10 12 7 26l-24 114q-5 26-32 26H734q-3 37 0 105h459q15 0 25 12 9 12 6 27l-24 112q-2 11-11 18.5t-20 7.5H782q48 117 149.5 185.5T1160 1308q18 0 36-1.5t33.5-3.5 29.5-4.5 24.5-5 18.5-4.5l12-3 5-2q13-5 26 2 12 7 15 21z"
-    }), /*#__PURE__*/ React.createElement("span", {
-        className: srOnly
-    }, label));
-export const OrgLinks = ({ label, ...rest })=>/*#__PURE__*/ React.createElement("svg", {
-        width: 14,
-        height: 14,
-        viewBox: "0 0 1792 1792",
-        ...rest
-    }, /*#__PURE__*/ React.createElement("path", {
-        d: "M1792 1248v320q0 40-28 68t-68 28h-320q-40 0-68-28t-28-68v-320q0-40 28-68t68-28h96V960H960v192h96q40 0 68 28t28 68v320q0 40-28 68t-68 28H736q-40 0-68-28t-28-68v-320q0-40 28-68t68-28h96V960H320v192h96q40 0 68 28t28 68v320q0 40-28 68t-68 28H96q-40 0-68-28t-28-68v-320q0-40 28-68t68-28h96V960q0-52 38-90t90-38h512V640h-96q-40 0-68-28t-28-68V224q0-40 28-68t68-28h320q40 0 68 28t28 68v320q0 40-28 68t-68 28h-96v192h512q52 0 90 38t38 90v192h96q40 0 68 28t28 68z"
-    }), /*#__PURE__*/ React.createElement("span", {
-        className: srOnly
-    }, label));
-export const Undo = ({ label, ...rest })=>/*#__PURE__*/ React.createElement("svg", {
-        width: 14,
-        height: 14,
-        viewBox: "0 0 1792 1792",
-        ...rest
-    }, /*#__PURE__*/ React.createElement("path", {
-        d: "M1664 896q0 156-61 298t-164 245-245 164-298 61q-172 0-327-72.5T305 1387q-7-10-6.5-22.5t8.5-20.5l137-138q10-9 25-9 16 2 23 12 73 95 179 147t225 52q104 0 198.5-40.5T1258 1258t109.5-163.5T1408 896t-40.5-198.5T1258 534t-163.5-109.5T896 384q-98 0-188 35.5T548 521l137 138q31 30 14 69-17 40-59 40H192q-26 0-45-19t-19-45V256q0-42 40-59 39-17 69 14l130 129q107-101 244.5-156.5T896 128q156 0 298 61t245 164 164 245 61 298z"
-    }), /*#__PURE__*/ React.createElement("span", {
-        className: srOnly
-    }, label));
-export const Redo = ({ label, ...rest })=>/*#__PURE__*/ React.createElement("svg", {
-        width: 14,
-        height: 14,
-        viewBox: "0 0 1792 1792",
-        ...rest
-    }, /*#__PURE__*/ React.createElement("path", {
-        d: "M1664 256v448q0 26-19 45t-45 19h-448q-42 0-59-40-17-39 14-69l138-138q-148-137-349-137-104 0-198.5 40.5T534 534 424.5 697.5 384 896t40.5 198.5T534 1258t163.5 109.5T896 1408q119 0 225-52t179-147q7-10 23-12 15 0 25 9l137 138q9 8 9.5 20.5t-7.5 22.5q-109 132-264 204.5T896 1664q-156 0-298-61t-245-164-164-245-61-298 61-298 164-245 245-164 298-61q147 0 284.5 55.5T1425 340l130-129q29-31 70-14 39 17 39 59z"
-    }), /*#__PURE__*/ React.createElement("span", {
-        className: srOnly
-    }, label));

package/dist/types/components/icons.d.ts

@@ -1,18 +0,0 @@
-import * as React from 'react';
-type IconProps = {
-    width?: number;
-    height?: number;
-    className?: string;
-    label: string;
-};
-export declare const Zen: ({ label, ...rest }: IconProps) => React.JSX.Element;
-export declare const Strikethrough: ({ label, ...rest }: IconProps) => React.JSX.Element;
-export declare const Indent: ({ label, ...rest }: IconProps) => React.JSX.Element;
-export declare const Dedent: ({ label, ...rest }: IconProps) => React.JSX.Element;
-export declare const Cubes: ({ label, ...rest }: IconProps) => React.JSX.Element;
-export declare const Table: ({ label, ...rest }: IconProps) => React.JSX.Element;
-export declare const SpecialChar: ({ label, ...rest }: IconProps) => React.JSX.Element;
-export declare const OrgLinks: ({ label, ...rest }: IconProps) => React.JSX.Element;
-export declare const Undo: ({ label, ...rest }: IconProps) => React.JSX.Element;
-export declare const Redo: ({ label, ...rest }: IconProps) => React.JSX.Element;
-export {};