@commercetools-uikit/rich-text-utils 16.1.1 → 16.2.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -8,7 +8,7 @@ var _Object$values = require('@babel/runtime-corejs3/core-js-stable/object/value
8
8
  var _reduceInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/reduce');
9
9
  var _Object$entries = require('@babel/runtime-corejs3/core-js-stable/object/entries');
10
10
  var _Object$keys = require('@babel/runtime-corejs3/core-js-stable/object/keys');
11
- require('@commercetools-uikit/utils');
11
+ var utils = require('@commercetools-uikit/utils');
12
12
  var uniq = require('lodash/uniq');
13
13
  var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
14
14
  var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/map');
@@ -44,6 +44,7 @@ var icons = require('@commercetools-uikit/icons');
44
44
  var Inline = require('@commercetools-uikit/spacings-inline');
45
45
  var omit = require('lodash/omit');
46
46
  var DownshiftUntyped = require('downshift');
47
+ var _objectWithoutProperties = require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
47
48
  var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
48
49
 
49
50
  function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
@@ -209,6 +210,12 @@ const TEXT_TAGS = {
209
210
  S: () => ({
210
211
  strikethrough: true
211
212
  }),
213
+ SUP: () => ({
214
+ superscript: true
215
+ }),
216
+ SUB: () => ({
217
+ subscript: true
218
+ }),
212
219
  STRONG: () => ({
213
220
  bold: true
214
221
  }),
@@ -327,9 +334,7 @@ const deserializeElement = el => {
327
334
  const attrs = TEXT_TAGS[nodeName]();
328
335
  return _mapInstanceProperty__default["default"](children).call(children, child => slateHyperscript.jsx('text', attrs, child));
329
336
  }
330
-
331
- // each non-empty text node must be wrapped with a paragraph
332
- return _mapInstanceProperty__default["default"](children).call(children, child => slate.Text.isText(child) && child.text ? wrapWithParagraph(child) : child);
337
+ return children;
333
338
  };
334
339
  const deserialize = html => {
335
340
  const document = new DOMParser().parseFromString(html || '<p></p>', 'text/html');
@@ -434,6 +439,7 @@ HiddenInput.propTypes = {};
434
439
  HiddenInput.displayName = 'HiddenInput';
435
440
  var HiddenInput$1 = HiddenInput;
436
441
 
442
+ const _excluded$b = ["titleId", "title"];
437
443
  function ownKeys$f(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
438
444
  function _objectSpread$f(target) { for (var i = 1; i < arguments.length; i++) { var _context3, _context4; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context3 = ownKeys$f(Object(source), !0)).call(_context3, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context4 = ownKeys$f(Object(source))).call(_context4, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
439
445
  const iconSizes$b = {
@@ -507,31 +513,49 @@ const getColor$b = color => {
507
513
  return iconColor;
508
514
  };
509
515
  const getIconStyles$b = props => /*#__PURE__*/react$1.css("*:not([fill='none']){fill:", getColor$b(props.color), ";}&,image{", getSizeStyle$b(props.size), ";}flex-shrink:0;" + ("" ), "" );
510
- const SvgBold = props => jsxRuntime.jsx("svg", _objectSpread$f(_objectSpread$f({
511
- xmlns: "http://www.w3.org/2000/svg",
512
- width: 24,
513
- height: 24,
514
- viewBox: "0 0 24 24",
515
- role: "img"
516
- }, props), {}, {
517
- children: jsxRuntime.jsx("path", {
518
- fill: "#1A1A1A",
519
- fillRule: "evenodd",
520
- d: "M6 3h5.599c2.55 0 4.403.363 5.555 1.089 1.153.726 1.729 1.88 1.729 3.464 0 1.074-.252 1.956-.757 2.645a3.023 3.023 0 0 1-2.012 1.243v.123c1.14.254 1.963.73 2.468 1.427.504.698.756 1.625.756 2.781 0 1.64-.592 2.92-1.778 3.84-1.185.918-2.795 1.377-4.83 1.377H6V3Zm3.814 7.124h2.215c1.034 0 1.782-.16 2.246-.48.463-.32.695-.848.695-1.587 0-.689-.252-1.183-.757-1.482-.504-.3-1.302-.45-2.393-.45H9.814v4Zm0 3.027v4.688H12.3c1.05 0 1.825-.2 2.326-.602.5-.402.75-1.018.75-1.846 0-1.493-1.066-2.24-3.199-2.24H9.814Z"
521
- })
522
- }));
516
+ const SvgBold = _ref => {
517
+ let titleId = _ref.titleId,
518
+ title = _ref.title,
519
+ props = _objectWithoutProperties(_ref, _excluded$b);
520
+ return jsxRuntime.jsxs("svg", _objectSpread$f(_objectSpread$f({
521
+ xmlns: "http://www.w3.org/2000/svg",
522
+ width: 24,
523
+ height: 24,
524
+ viewBox: "0 0 24 24",
525
+ role: "img",
526
+ "aria-labelledby": titleId
527
+ }, props), {}, {
528
+ children: [title ? jsxRuntime.jsx("title", {
529
+ id: titleId,
530
+ children: title
531
+ }) : null, jsxRuntime.jsx("path", {
532
+ fill: "#1A1A1A",
533
+ fillRule: "evenodd",
534
+ d: "M6 3h5.599c2.55 0 4.403.363 5.555 1.089 1.153.726 1.729 1.88 1.729 3.464 0 1.074-.252 1.956-.757 2.645a3.023 3.023 0 0 1-2.012 1.243v.123c1.14.254 1.963.73 2.468 1.427.504.698.756 1.625.756 2.781 0 1.64-.592 2.92-1.778 3.84-1.185.918-2.795 1.377-4.83 1.377H6V3Zm3.814 7.124h2.215c1.034 0 1.782-.16 2.246-.48.463-.32.695-.848.695-1.587 0-.689-.252-1.183-.757-1.482-.504-.3-1.302-.45-2.393-.45H9.814v4Zm0 3.027v4.688H12.3c1.05 0 1.825-.2 2.326-.602.5-.402.75-1.018.75-1.846 0-1.493-1.066-2.24-3.199-2.24H9.814Z"
535
+ })]
536
+ }));
537
+ };
538
+ SvgBold.propTypes = {};
523
539
  SvgBold.displayName = 'SvgBold';
524
- const BoldIcon = props => jsxRuntime.jsx(react$1.ClassNames, {
525
- children: _ref => {
526
- let createClass = _ref.css;
527
- return jsxRuntime.jsx(SvgBold, _objectSpread$f(_objectSpread$f({}, props), {}, {
528
- className: createClass(getIconStyles$b(props))
529
- }));
530
- }
531
- });
540
+ const titleSequentialId$b = utils.createSequentialId('bold-icon-title-');
541
+ const BoldIcon = props => {
542
+ const svgTitleId = react.useMemo(() => titleSequentialId$b(), []);
543
+ return jsxRuntime.jsx(react$1.ClassNames, {
544
+ children: _ref2 => {
545
+ let createClass = _ref2.css;
546
+ return jsxRuntime.jsx(SvgBold, _objectSpread$f(_objectSpread$f({}, props), {}, {
547
+ titleId: svgTitleId,
548
+ title: "Bold icon",
549
+ className: createClass(getIconStyles$b(props))
550
+ }));
551
+ }
552
+ });
553
+ };
554
+ BoldIcon.propTypes = {};
532
555
  BoldIcon.displayName = 'BoldIcon';
533
556
  var BoldIcon$1 = BoldIcon;
534
557
 
558
+ const _excluded$a = ["titleId", "title"];
535
559
  function ownKeys$e(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
536
560
  function _objectSpread$e(target) { for (var i = 1; i < arguments.length; i++) { var _context3, _context4; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context3 = ownKeys$e(Object(source), !0)).call(_context3, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context4 = ownKeys$e(Object(source))).call(_context4, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
537
561
  const iconSizes$a = {
@@ -605,29 +629,47 @@ const getColor$a = color => {
605
629
  return iconColor;
606
630
  };
607
631
  const getIconStyles$a = props => /*#__PURE__*/react$1.css("*:not([fill='none']){fill:", getColor$a(props.color), ";}&,image{", getSizeStyle$a(props.size), ";}flex-shrink:0;" + ("" ), "" );
608
- const SvgExpand = props => jsxRuntime.jsx("svg", _objectSpread$e(_objectSpread$e({
609
- xmlns: "http://www.w3.org/2000/svg",
610
- width: 24,
611
- height: 24,
612
- viewBox: "0 0 24 24",
613
- role: "img"
614
- }, props), {}, {
615
- children: jsxRuntime.jsx("path", {
616
- d: "M4 21a.965.965 0 0 1-.712-.288A.965.965 0 0 1 3 20v-6c0-.283.096-.521.288-.713A.967.967 0 0 1 4 13a.97.97 0 0 1 .713.287A.97.97 0 0 1 5 14v3.6L17.6 5H14a.965.965 0 0 1-.712-.288A.965.965 0 0 1 13 4c0-.283.096-.521.288-.713A.967.967 0 0 1 14 3h6c.283 0 .52.096.712.287.192.192.288.43.288.713v6c0 .283-.096.52-.288.712A.965.965 0 0 1 20 11a.965.965 0 0 1-.712-.288A.965.965 0 0 1 19 10V6.4L6.4 19H10c.283 0 .521.096.713.288A.967.967 0 0 1 11 20c0 .283-.096.52-.287.712A.968.968 0 0 1 10 21H4Z"
617
- })
618
- }));
632
+ const SvgExpand = _ref => {
633
+ let titleId = _ref.titleId,
634
+ title = _ref.title,
635
+ props = _objectWithoutProperties(_ref, _excluded$a);
636
+ return jsxRuntime.jsxs("svg", _objectSpread$e(_objectSpread$e({
637
+ xmlns: "http://www.w3.org/2000/svg",
638
+ width: 24,
639
+ height: 24,
640
+ viewBox: "0 0 24 24",
641
+ role: "img",
642
+ "aria-labelledby": titleId
643
+ }, props), {}, {
644
+ children: [title ? jsxRuntime.jsx("title", {
645
+ id: titleId,
646
+ children: title
647
+ }) : null, jsxRuntime.jsx("path", {
648
+ d: "M4 21a.965.965 0 0 1-.712-.288A.965.965 0 0 1 3 20v-6c0-.283.096-.521.288-.713A.967.967 0 0 1 4 13a.97.97 0 0 1 .713.287A.97.97 0 0 1 5 14v3.6L17.6 5H14a.965.965 0 0 1-.712-.288A.965.965 0 0 1 13 4c0-.283.096-.521.288-.713A.967.967 0 0 1 14 3h6c.283 0 .52.096.712.287.192.192.288.43.288.713v6c0 .283-.096.52-.288.712A.965.965 0 0 1 20 11a.965.965 0 0 1-.712-.288A.965.965 0 0 1 19 10V6.4L6.4 19H10c.283 0 .521.096.713.288A.967.967 0 0 1 11 20c0 .283-.096.52-.287.712A.968.968 0 0 1 10 21H4Z"
649
+ })]
650
+ }));
651
+ };
652
+ SvgExpand.propTypes = {};
619
653
  SvgExpand.displayName = 'SvgExpand';
620
- const ExpandIcon = props => jsxRuntime.jsx(react$1.ClassNames, {
621
- children: _ref => {
622
- let createClass = _ref.css;
623
- return jsxRuntime.jsx(SvgExpand, _objectSpread$e(_objectSpread$e({}, props), {}, {
624
- className: createClass(getIconStyles$a(props))
625
- }));
626
- }
627
- });
654
+ const titleSequentialId$a = utils.createSequentialId('expand-icon-title-');
655
+ const ExpandIcon = props => {
656
+ const svgTitleId = react.useMemo(() => titleSequentialId$a(), []);
657
+ return jsxRuntime.jsx(react$1.ClassNames, {
658
+ children: _ref2 => {
659
+ let createClass = _ref2.css;
660
+ return jsxRuntime.jsx(SvgExpand, _objectSpread$e(_objectSpread$e({}, props), {}, {
661
+ titleId: svgTitleId,
662
+ title: "Expand icon",
663
+ className: createClass(getIconStyles$a(props))
664
+ }));
665
+ }
666
+ });
667
+ };
668
+ ExpandIcon.propTypes = {};
628
669
  ExpandIcon.displayName = 'ExpandIcon';
629
670
  var ExpandIcon$1 = ExpandIcon;
630
671
 
672
+ const _excluded$9 = ["titleId", "title"];
631
673
  function ownKeys$d(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
632
674
  function _objectSpread$d(target) { for (var i = 1; i < arguments.length; i++) { var _context3, _context4; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context3 = ownKeys$d(Object(source), !0)).call(_context3, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context4 = ownKeys$d(Object(source))).call(_context4, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
633
675
  const iconSizes$9 = {
@@ -701,31 +743,49 @@ const getColor$9 = color => {
701
743
  return iconColor;
702
744
  };
703
745
  const getIconStyles$9 = props => /*#__PURE__*/react$1.css("*:not([fill='none']){fill:", getColor$9(props.color), ";}&,image{", getSizeStyle$9(props.size), ";}flex-shrink:0;" + ("" ), "" );
704
- const SvgItalic = props => jsxRuntime.jsx("svg", _objectSpread$d(_objectSpread$d({
705
- xmlns: "http://www.w3.org/2000/svg",
706
- width: 24,
707
- height: 24,
708
- viewBox: "0 0 24 24",
709
- role: "img"
710
- }, props), {}, {
711
- children: jsxRuntime.jsx("path", {
712
- fill: "#1A1A1A",
713
- fillRule: "evenodd",
714
- d: "M9 20.99 12.827 3h2.067l-3.827 17.99z"
715
- })
716
- }));
746
+ const SvgItalic = _ref => {
747
+ let titleId = _ref.titleId,
748
+ title = _ref.title,
749
+ props = _objectWithoutProperties(_ref, _excluded$9);
750
+ return jsxRuntime.jsxs("svg", _objectSpread$d(_objectSpread$d({
751
+ xmlns: "http://www.w3.org/2000/svg",
752
+ width: 24,
753
+ height: 24,
754
+ viewBox: "0 0 24 24",
755
+ role: "img",
756
+ "aria-labelledby": titleId
757
+ }, props), {}, {
758
+ children: [title ? jsxRuntime.jsx("title", {
759
+ id: titleId,
760
+ children: title
761
+ }) : null, jsxRuntime.jsx("path", {
762
+ fill: "#1A1A1A",
763
+ fillRule: "evenodd",
764
+ d: "M9 20.99 12.827 3h2.067l-3.827 17.99z"
765
+ })]
766
+ }));
767
+ };
768
+ SvgItalic.propTypes = {};
717
769
  SvgItalic.displayName = 'SvgItalic';
718
- const ItalicIcon = props => jsxRuntime.jsx(react$1.ClassNames, {
719
- children: _ref => {
720
- let createClass = _ref.css;
721
- return jsxRuntime.jsx(SvgItalic, _objectSpread$d(_objectSpread$d({}, props), {}, {
722
- className: createClass(getIconStyles$9(props))
723
- }));
724
- }
725
- });
770
+ const titleSequentialId$9 = utils.createSequentialId('italic-icon-title-');
771
+ const ItalicIcon = props => {
772
+ const svgTitleId = react.useMemo(() => titleSequentialId$9(), []);
773
+ return jsxRuntime.jsx(react$1.ClassNames, {
774
+ children: _ref2 => {
775
+ let createClass = _ref2.css;
776
+ return jsxRuntime.jsx(SvgItalic, _objectSpread$d(_objectSpread$d({}, props), {}, {
777
+ titleId: svgTitleId,
778
+ title: "Italic icon",
779
+ className: createClass(getIconStyles$9(props))
780
+ }));
781
+ }
782
+ });
783
+ };
784
+ ItalicIcon.propTypes = {};
726
785
  ItalicIcon.displayName = 'ItalicIcon';
727
786
  var ItalicIcon$1 = ItalicIcon;
728
787
 
788
+ const _excluded$8 = ["titleId", "title"];
729
789
  function ownKeys$c(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
730
790
  function _objectSpread$c(target) { for (var i = 1; i < arguments.length; i++) { var _context3, _context4; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context3 = ownKeys$c(Object(source), !0)).call(_context3, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context4 = ownKeys$c(Object(source))).call(_context4, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
731
791
  const iconSizes$8 = {
@@ -799,37 +859,55 @@ const getColor$8 = color => {
799
859
  return iconColor;
800
860
  };
801
861
  const getIconStyles$8 = props => /*#__PURE__*/react$1.css("*:not([fill='none']){fill:", getColor$8(props.color), ";}&,image{", getSizeStyle$8(props.size), ";}flex-shrink:0;" + ("" ), "" );
802
- const SvgMoreStyles = props => jsxRuntime.jsxs("svg", _objectSpread$c(_objectSpread$c({
803
- xmlns: "http://www.w3.org/2000/svg",
804
- xmlnsXlink: "http://www.w3.org/1999/xlink",
805
- width: 24,
806
- height: 24,
807
- viewBox: "0 0 24 24",
808
- role: "img"
809
- }, props), {}, {
810
- children: [jsxRuntime.jsx("defs", {
811
- children: jsxRuntime.jsx("path", {
812
- id: "more-styles_react_svg__a",
813
- d: "M9.261 8.057a8.97 8.97 0 0 1 3.548.738l-.605 1.384c-1.128-.465-2.15-.697-3.066-.697-.806 0-1.415.126-1.825.38-.41.252-.615.6-.615 1.045 0 .301.077.557.23.77.155.211.402.413.744.604.342.192.998.469 1.969.83.355.13.68.26.974.39L13.5 13.5v1.25h-1.007c.368.462.552 1.023.552 1.684 0 1.046-.39 1.853-1.169 2.42-.78.567-1.873.851-3.281.851-1.49 0-2.652-.236-3.486-.707v-1.58c.54.274 1.119.49 1.738.646a7.258 7.258 0 0 0 1.789.236c.889 0 1.572-.142 2.05-.425.48-.284.719-.716.719-1.297 0-.438-.19-.812-.57-1.123-.255-.21-.673-.444-1.255-.704L4.5 14.75V13.5h2.164a4.444 4.444 0 0 1-.279-.168c-.44-.29-.769-.62-.984-.99-.215-.368-.323-.81-.323-1.322 0-.916.372-1.639 1.118-2.169.745-.53 1.767-.794 3.065-.794Zm11.27 2.443c.127 0 .237.05.33.148.092.099.139.215.139.35a.492.492 0 0 1-.078.273l-.061.078-3.281 3.489a.438.438 0 0 1-.587.064l-.073-.064-3.28-3.49a.494.494 0 0 1-.14-.35c0-.135.046-.251.14-.35a.448.448 0 0 1 .237-.139l.092-.009h6.562Zm-7.076-7.094.795 1.303.802-1.303h1.267l-1.333 2.003L16.381 7.5h-1.27l-.861-1.403-.864 1.403h-1.267l1.388-2.091-1.319-2.003h1.267Z"
814
- })
815
- }), jsxRuntime.jsx("use", {
816
- xlinkHref: "#more-styles_react_svg__a",
817
- fill: "#1A1A1A",
818
- fillRule: "evenodd"
819
- })]
820
- }));
862
+ const SvgMoreStyles = _ref => {
863
+ let titleId = _ref.titleId,
864
+ title = _ref.title,
865
+ props = _objectWithoutProperties(_ref, _excluded$8);
866
+ return jsxRuntime.jsxs("svg", _objectSpread$c(_objectSpread$c({
867
+ xmlns: "http://www.w3.org/2000/svg",
868
+ xmlnsXlink: "http://www.w3.org/1999/xlink",
869
+ width: 24,
870
+ height: 24,
871
+ viewBox: "0 0 24 24",
872
+ role: "img",
873
+ "aria-labelledby": titleId
874
+ }, props), {}, {
875
+ children: [title ? jsxRuntime.jsx("title", {
876
+ id: titleId,
877
+ children: title
878
+ }) : null, jsxRuntime.jsx("defs", {
879
+ children: jsxRuntime.jsx("path", {
880
+ id: "more-styles_react_svg__a",
881
+ d: "M9.261 8.057a8.97 8.97 0 0 1 3.548.738l-.605 1.384c-1.128-.465-2.15-.697-3.066-.697-.806 0-1.415.126-1.825.38-.41.252-.615.6-.615 1.045 0 .301.077.557.23.77.155.211.402.413.744.604.342.192.998.469 1.969.83.355.13.68.26.974.39L13.5 13.5v1.25h-1.007c.368.462.552 1.023.552 1.684 0 1.046-.39 1.853-1.169 2.42-.78.567-1.873.851-3.281.851-1.49 0-2.652-.236-3.486-.707v-1.58c.54.274 1.119.49 1.738.646a7.258 7.258 0 0 0 1.789.236c.889 0 1.572-.142 2.05-.425.48-.284.719-.716.719-1.297 0-.438-.19-.812-.57-1.123-.255-.21-.673-.444-1.255-.704L4.5 14.75V13.5h2.164a4.444 4.444 0 0 1-.279-.168c-.44-.29-.769-.62-.984-.99-.215-.368-.323-.81-.323-1.322 0-.916.372-1.639 1.118-2.169.745-.53 1.767-.794 3.065-.794Zm11.27 2.443c.127 0 .237.05.33.148.092.099.139.215.139.35a.492.492 0 0 1-.078.273l-.061.078-3.281 3.489a.438.438 0 0 1-.587.064l-.073-.064-3.28-3.49a.494.494 0 0 1-.14-.35c0-.135.046-.251.14-.35a.448.448 0 0 1 .237-.139l.092-.009h6.562Zm-7.076-7.094.795 1.303.802-1.303h1.267l-1.333 2.003L16.381 7.5h-1.27l-.861-1.403-.864 1.403h-1.267l1.388-2.091-1.319-2.003h1.267Z"
882
+ })
883
+ }), jsxRuntime.jsx("use", {
884
+ xlinkHref: "#more-styles_react_svg__a",
885
+ fill: "#1A1A1A",
886
+ fillRule: "evenodd"
887
+ })]
888
+ }));
889
+ };
890
+ SvgMoreStyles.propTypes = {};
821
891
  SvgMoreStyles.displayName = 'SvgMoreStyles';
822
- const MoreStylesIcon = props => jsxRuntime.jsx(react$1.ClassNames, {
823
- children: _ref => {
824
- let createClass = _ref.css;
825
- return jsxRuntime.jsx(SvgMoreStyles, _objectSpread$c(_objectSpread$c({}, props), {}, {
826
- className: createClass(getIconStyles$8(props))
827
- }));
828
- }
829
- });
892
+ const titleSequentialId$8 = utils.createSequentialId('more-styles-icon-title-');
893
+ const MoreStylesIcon = props => {
894
+ const svgTitleId = react.useMemo(() => titleSequentialId$8(), []);
895
+ return jsxRuntime.jsx(react$1.ClassNames, {
896
+ children: _ref2 => {
897
+ let createClass = _ref2.css;
898
+ return jsxRuntime.jsx(SvgMoreStyles, _objectSpread$c(_objectSpread$c({}, props), {}, {
899
+ titleId: svgTitleId,
900
+ title: "More styles icon",
901
+ className: createClass(getIconStyles$8(props))
902
+ }));
903
+ }
904
+ });
905
+ };
906
+ MoreStylesIcon.propTypes = {};
830
907
  MoreStylesIcon.displayName = 'MoreStylesIcon';
831
908
  var MoreStylesIcon$1 = MoreStylesIcon;
832
909
 
910
+ const _excluded$7 = ["titleId", "title"];
833
911
  function ownKeys$b(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
834
912
  function _objectSpread$b(target) { for (var i = 1; i < arguments.length; i++) { var _context3, _context4; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context3 = ownKeys$b(Object(source), !0)).call(_context3, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context4 = ownKeys$b(Object(source))).call(_context4, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
835
913
  const iconSizes$7 = {
@@ -903,31 +981,49 @@ const getColor$7 = color => {
903
981
  return iconColor;
904
982
  };
905
983
  const getIconStyles$7 = props => /*#__PURE__*/react$1.css("*:not([fill='none']){fill:", getColor$7(props.color), ";}&,image{", getSizeStyle$7(props.size), ";}flex-shrink:0;" + ("" ), "" );
906
- const SvgOrderedList = props => jsxRuntime.jsx("svg", _objectSpread$b(_objectSpread$b({
907
- xmlns: "http://www.w3.org/2000/svg",
908
- width: 24,
909
- height: 24,
910
- viewBox: "0 0 24 24",
911
- role: "img"
912
- }, props), {}, {
913
- children: jsxRuntime.jsx("path", {
914
- fill: "#1A1A1A",
915
- fillRule: "evenodd",
916
- d: "M4.42 16c.449 0 .803.102 1.063.306.26.204.39.488.39.852 0 .304-.082.562-.247.775a1.25 1.25 0 0 1-.69.439v.02c.35.049.614.168.794.358.18.19.27.445.27.766 0 .468-.151.833-.454 1.093-.302.26-.734.391-1.295.391-.47 0-.887-.088-1.251-.263v-.875c.168.096.353.173.554.233.202.06.402.09.6.09.302 0 .525-.058.67-.173.143-.115.216-.3.216-.556 0-.228-.083-.39-.25-.485-.165-.096-.43-.143-.794-.143h-.329v-.789h.335c.336 0 .581-.05.737-.148.155-.098.232-.268.232-.507 0-.368-.205-.552-.616-.552-.143 0-.287.026-.435.08a2.04 2.04 0 0 0-.49.276l-.424-.709C3.4 16.159 3.873 16 4.42 16Zm16.33 1.962a.39.39 0 0 1 .176.037.145.145 0 0 1 .066.055l.008.033v.75c0 .033-.025.063-.074.088a.35.35 0 0 1-.111.032l-.065.005h-10.5a.389.389 0 0 1-.176-.037.144.144 0 0 1-.066-.056L10 18.837v-.75c0-.034.025-.064.074-.088a.352.352 0 0 1 .111-.033l.065-.004h10.5ZM4.526 9c.267 0 .503.056.708.169.205.112.363.27.477.472a1.4 1.4 0 0 1 .17.694c0 .227-.035.44-.105.639-.069.199-.176.403-.321.612-.146.209-.401.507-.768.893l-.55.597v.047H6V14H3.012v-.725l1.073-1.25c.318-.376.525-.636.623-.781.097-.145.167-.28.21-.403.043-.124.064-.252.064-.384 0-.198-.047-.346-.141-.442a.506.506 0 0 0-.379-.145.972.972 0 0 0-.482.131 2.493 2.493 0 0 0-.489.375L3 9.705c.21-.207.385-.353.523-.439.139-.085.29-.15.454-.197.163-.046.347-.069.55-.069Zm16.224 2.5a.39.39 0 0 1 .176.037.145.145 0 0 1 .066.056l.008.032v.75c0 .034-.025.063-.074.088a.352.352 0 0 1-.111.033l-.065.004h-10.5a.39.39 0 0 1-.176-.037.145.145 0 0 1-.066-.056L10 12.375v-.75c0-.034.025-.063.074-.088a.35.35 0 0 1 .111-.033l.065-.004h10.5ZM5 3v4h-.852V4.685l.008-.38.014-.416a4.47 4.47 0 0 1-.296.277l-.463.369L3 4.026 4.3 3H5Zm15.75 2.038a.39.39 0 0 1 .176.038.145.145 0 0 1 .066.055l.008.032v.75c0 .034-.025.064-.074.088a.35.35 0 0 1-.111.033l-.065.004h-10.5a.388.388 0 0 1-.176-.037.145.145 0 0 1-.066-.055L10 5.913v-.75c0-.033.025-.063.074-.087a.35.35 0 0 1 .111-.033l.065-.005h10.5Z"
917
- })
918
- }));
984
+ const SvgOrderedList = _ref => {
985
+ let titleId = _ref.titleId,
986
+ title = _ref.title,
987
+ props = _objectWithoutProperties(_ref, _excluded$7);
988
+ return jsxRuntime.jsxs("svg", _objectSpread$b(_objectSpread$b({
989
+ xmlns: "http://www.w3.org/2000/svg",
990
+ width: 24,
991
+ height: 24,
992
+ viewBox: "0 0 24 24",
993
+ role: "img",
994
+ "aria-labelledby": titleId
995
+ }, props), {}, {
996
+ children: [title ? jsxRuntime.jsx("title", {
997
+ id: titleId,
998
+ children: title
999
+ }) : null, jsxRuntime.jsx("path", {
1000
+ fill: "#1A1A1A",
1001
+ fillRule: "evenodd",
1002
+ d: "M4.42 16c.449 0 .803.102 1.063.306.26.204.39.488.39.852 0 .304-.082.562-.247.775a1.25 1.25 0 0 1-.69.439v.02c.35.049.614.168.794.358.18.19.27.445.27.766 0 .468-.151.833-.454 1.093-.302.26-.734.391-1.295.391-.47 0-.887-.088-1.251-.263v-.875c.168.096.353.173.554.233.202.06.402.09.6.09.302 0 .525-.058.67-.173.143-.115.216-.3.216-.556 0-.228-.083-.39-.25-.485-.165-.096-.43-.143-.794-.143h-.329v-.789h.335c.336 0 .581-.05.737-.148.155-.098.232-.268.232-.507 0-.368-.205-.552-.616-.552-.143 0-.287.026-.435.08a2.04 2.04 0 0 0-.49.276l-.424-.709C3.4 16.159 3.873 16 4.42 16Zm16.33 1.962a.39.39 0 0 1 .176.037.145.145 0 0 1 .066.055l.008.033v.75c0 .033-.025.063-.074.088a.35.35 0 0 1-.111.032l-.065.005h-10.5a.389.389 0 0 1-.176-.037.144.144 0 0 1-.066-.056L10 18.837v-.75c0-.034.025-.064.074-.088a.352.352 0 0 1 .111-.033l.065-.004h10.5ZM4.526 9c.267 0 .503.056.708.169.205.112.363.27.477.472a1.4 1.4 0 0 1 .17.694c0 .227-.035.44-.105.639-.069.199-.176.403-.321.612-.146.209-.401.507-.768.893l-.55.597v.047H6V14H3.012v-.725l1.073-1.25c.318-.376.525-.636.623-.781.097-.145.167-.28.21-.403.043-.124.064-.252.064-.384 0-.198-.047-.346-.141-.442a.506.506 0 0 0-.379-.145.972.972 0 0 0-.482.131 2.493 2.493 0 0 0-.489.375L3 9.705c.21-.207.385-.353.523-.439.139-.085.29-.15.454-.197.163-.046.347-.069.55-.069Zm16.224 2.5a.39.39 0 0 1 .176.037.145.145 0 0 1 .066.056l.008.032v.75c0 .034-.025.063-.074.088a.352.352 0 0 1-.111.033l-.065.004h-10.5a.39.39 0 0 1-.176-.037.145.145 0 0 1-.066-.056L10 12.375v-.75c0-.034.025-.063.074-.088a.35.35 0 0 1 .111-.033l.065-.004h10.5ZM5 3v4h-.852V4.685l.008-.38.014-.416a4.47 4.47 0 0 1-.296.277l-.463.369L3 4.026 4.3 3H5Zm15.75 2.038a.39.39 0 0 1 .176.038.145.145 0 0 1 .066.055l.008.032v.75c0 .034-.025.064-.074.088a.35.35 0 0 1-.111.033l-.065.004h-10.5a.388.388 0 0 1-.176-.037.145.145 0 0 1-.066-.055L10 5.913v-.75c0-.033.025-.063.074-.087a.35.35 0 0 1 .111-.033l.065-.005h10.5Z"
1003
+ })]
1004
+ }));
1005
+ };
1006
+ SvgOrderedList.propTypes = {};
919
1007
  SvgOrderedList.displayName = 'SvgOrderedList';
920
- const OrderedListIcon = props => jsxRuntime.jsx(react$1.ClassNames, {
921
- children: _ref => {
922
- let createClass = _ref.css;
923
- return jsxRuntime.jsx(SvgOrderedList, _objectSpread$b(_objectSpread$b({}, props), {}, {
924
- className: createClass(getIconStyles$7(props))
925
- }));
926
- }
927
- });
1008
+ const titleSequentialId$7 = utils.createSequentialId('ordered-list-icon-title-');
1009
+ const OrderedListIcon = props => {
1010
+ const svgTitleId = react.useMemo(() => titleSequentialId$7(), []);
1011
+ return jsxRuntime.jsx(react$1.ClassNames, {
1012
+ children: _ref2 => {
1013
+ let createClass = _ref2.css;
1014
+ return jsxRuntime.jsx(SvgOrderedList, _objectSpread$b(_objectSpread$b({}, props), {}, {
1015
+ titleId: svgTitleId,
1016
+ title: "Ordered list icon",
1017
+ className: createClass(getIconStyles$7(props))
1018
+ }));
1019
+ }
1020
+ });
1021
+ };
1022
+ OrderedListIcon.propTypes = {};
928
1023
  OrderedListIcon.displayName = 'OrderedListIcon';
929
1024
  var OrderedListIcon$1 = OrderedListIcon;
930
1025
 
1026
+ const _excluded$6 = ["titleId", "title"];
931
1027
  function ownKeys$a(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
932
1028
  function _objectSpread$a(target) { for (var i = 1; i < arguments.length; i++) { var _context3, _context4; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context3 = ownKeys$a(Object(source), !0)).call(_context3, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context4 = ownKeys$a(Object(source))).call(_context4, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
933
1029
  const iconSizes$6 = {
@@ -1001,38 +1097,56 @@ const getColor$6 = color => {
1001
1097
  return iconColor;
1002
1098
  };
1003
1099
  const getIconStyles$6 = props => /*#__PURE__*/react$1.css("*:not([fill='none']){fill:", getColor$6(props.color), ";}&,image{", getSizeStyle$6(props.size), ";}flex-shrink:0;" + ("" ), "" );
1004
- const SvgRedo = props => jsxRuntime.jsxs("svg", _objectSpread$a(_objectSpread$a({
1005
- xmlns: "http://www.w3.org/2000/svg",
1006
- xmlnsXlink: "http://www.w3.org/1999/xlink",
1007
- width: 24,
1008
- height: 24,
1009
- viewBox: "0 0 24 24",
1010
- role: "img"
1011
- }, props), {}, {
1012
- children: [jsxRuntime.jsx("defs", {
1013
- children: jsxRuntime.jsx("path", {
1014
- id: "redo_react_svg__a",
1015
- d: "M12.458 7.41a8.524 8.524 0 0 0-6.7 3.246L3.796 8.693c-.437-.438-.795-.29-.795.33v7.335c0 .618.024.593.643.593h7.286c.619 0 .767-.358.33-.795l-2.243-2.243a6.283 6.283 0 0 1 5.697-3.64 6.283 6.283 0 0 1 6.277 6.085 8.542 8.542 0 0 0-8.531-8.948Z"
1016
- })
1017
- }), jsxRuntime.jsx("use", {
1018
- xlinkHref: "#redo_react_svg__a",
1019
- fill: "#1A1A1A",
1020
- fillRule: "evenodd",
1021
- transform: "matrix(-1 0 0 1 24 0)"
1022
- })]
1023
- }));
1100
+ const SvgRedo = _ref => {
1101
+ let titleId = _ref.titleId,
1102
+ title = _ref.title,
1103
+ props = _objectWithoutProperties(_ref, _excluded$6);
1104
+ return jsxRuntime.jsxs("svg", _objectSpread$a(_objectSpread$a({
1105
+ xmlns: "http://www.w3.org/2000/svg",
1106
+ xmlnsXlink: "http://www.w3.org/1999/xlink",
1107
+ width: 24,
1108
+ height: 24,
1109
+ viewBox: "0 0 24 24",
1110
+ role: "img",
1111
+ "aria-labelledby": titleId
1112
+ }, props), {}, {
1113
+ children: [title ? jsxRuntime.jsx("title", {
1114
+ id: titleId,
1115
+ children: title
1116
+ }) : null, jsxRuntime.jsx("defs", {
1117
+ children: jsxRuntime.jsx("path", {
1118
+ id: "redo_react_svg__a",
1119
+ d: "M12.458 7.41a8.524 8.524 0 0 0-6.7 3.246L3.796 8.693c-.437-.438-.795-.29-.795.33v7.335c0 .618.024.593.643.593h7.286c.619 0 .767-.358.33-.795l-2.243-2.243a6.283 6.283 0 0 1 5.697-3.64 6.283 6.283 0 0 1 6.277 6.085 8.542 8.542 0 0 0-8.531-8.948Z"
1120
+ })
1121
+ }), jsxRuntime.jsx("use", {
1122
+ xlinkHref: "#redo_react_svg__a",
1123
+ fill: "#1A1A1A",
1124
+ fillRule: "evenodd",
1125
+ transform: "matrix(-1 0 0 1 24 0)"
1126
+ })]
1127
+ }));
1128
+ };
1129
+ SvgRedo.propTypes = {};
1024
1130
  SvgRedo.displayName = 'SvgRedo';
1025
- const RedoIcon = props => jsxRuntime.jsx(react$1.ClassNames, {
1026
- children: _ref => {
1027
- let createClass = _ref.css;
1028
- return jsxRuntime.jsx(SvgRedo, _objectSpread$a(_objectSpread$a({}, props), {}, {
1029
- className: createClass(getIconStyles$6(props))
1030
- }));
1031
- }
1032
- });
1131
+ const titleSequentialId$6 = utils.createSequentialId('redo-icon-title-');
1132
+ const RedoIcon = props => {
1133
+ const svgTitleId = react.useMemo(() => titleSequentialId$6(), []);
1134
+ return jsxRuntime.jsx(react$1.ClassNames, {
1135
+ children: _ref2 => {
1136
+ let createClass = _ref2.css;
1137
+ return jsxRuntime.jsx(SvgRedo, _objectSpread$a(_objectSpread$a({}, props), {}, {
1138
+ titleId: svgTitleId,
1139
+ title: "Redo icon",
1140
+ className: createClass(getIconStyles$6(props))
1141
+ }));
1142
+ }
1143
+ });
1144
+ };
1145
+ RedoIcon.propTypes = {};
1033
1146
  RedoIcon.displayName = 'RedoIcon';
1034
1147
  var RedoIcon$1 = RedoIcon;
1035
1148
 
1149
+ const _excluded$5 = ["titleId", "title"];
1036
1150
  function ownKeys$9(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
1037
1151
  function _objectSpread$9(target) { for (var i = 1; i < arguments.length; i++) { var _context3, _context4; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context3 = ownKeys$9(Object(source), !0)).call(_context3, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context4 = ownKeys$9(Object(source))).call(_context4, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
1038
1152
  const iconSizes$5 = {
@@ -1106,31 +1220,49 @@ const getColor$5 = color => {
1106
1220
  return iconColor;
1107
1221
  };
1108
1222
  const getIconStyles$5 = props => /*#__PURE__*/react$1.css("*:not([fill='none']){fill:", getColor$5(props.color), ";}&,image{", getSizeStyle$5(props.size), ";}flex-shrink:0;" + ("" ), "" );
1109
- const SvgStrikethrough = props => jsxRuntime.jsx("svg", _objectSpread$9(_objectSpread$9({
1110
- xmlns: "http://www.w3.org/2000/svg",
1111
- width: 24,
1112
- height: 24,
1113
- viewBox: "0 0 24 24",
1114
- role: "img"
1115
- }, props), {}, {
1116
- children: jsxRuntime.jsx("path", {
1117
- fill: "#1A1A1A",
1118
- fillRule: "evenodd",
1119
- d: "M11.648 3c1.704 0 3.27.312 4.7.938l-.621 1.734c-1.415-.594-2.79-.89-4.125-.89-1.055 0-1.88.226-2.473.679-.594.453-.89 1.082-.89 1.887 0 .593.109 1.08.327 1.459.22.379.588.726 1.108 1.043.52.316 1.314.666 2.385 1.048.99.353 1.81.72 2.459 1.102H19.5v1.25l-3.493-.002c.516.69.774 1.548.774 2.572 0 1.508-.547 2.684-1.64 3.528-1.094.843-2.578 1.265-4.454 1.265-2.03 0-3.593-.261-4.687-.785v-1.922c.703.297 1.469.531 2.297.703.828.172 1.648.258 2.46.258 1.329 0 2.329-.252 3-.756.673-.504 1.009-1.205 1.009-2.103 0-.594-.12-1.08-.358-1.46-.238-.378-.637-.728-1.195-1.048-.14-.08-.3-.164-.478-.25H4.5V12h5.137c-1.066-.476-1.863-1.016-2.389-1.617-.684-.781-1.025-1.801-1.025-3.059 0-1.32.496-2.37 1.488-3.152C8.703 3.39 10.016 3 11.648 3Z"
1120
- })
1121
- }));
1223
+ const SvgStrikethrough = _ref => {
1224
+ let titleId = _ref.titleId,
1225
+ title = _ref.title,
1226
+ props = _objectWithoutProperties(_ref, _excluded$5);
1227
+ return jsxRuntime.jsxs("svg", _objectSpread$9(_objectSpread$9({
1228
+ xmlns: "http://www.w3.org/2000/svg",
1229
+ width: 24,
1230
+ height: 24,
1231
+ viewBox: "0 0 24 24",
1232
+ role: "img",
1233
+ "aria-labelledby": titleId
1234
+ }, props), {}, {
1235
+ children: [title ? jsxRuntime.jsx("title", {
1236
+ id: titleId,
1237
+ children: title
1238
+ }) : null, jsxRuntime.jsx("path", {
1239
+ fill: "#1A1A1A",
1240
+ fillRule: "evenodd",
1241
+ d: "M11.648 3c1.704 0 3.27.312 4.7.938l-.621 1.734c-1.415-.594-2.79-.89-4.125-.89-1.055 0-1.88.226-2.473.679-.594.453-.89 1.082-.89 1.887 0 .593.109 1.08.327 1.459.22.379.588.726 1.108 1.043.52.316 1.314.666 2.385 1.048.99.353 1.81.72 2.459 1.102H19.5v1.25l-3.493-.002c.516.69.774 1.548.774 2.572 0 1.508-.547 2.684-1.64 3.528-1.094.843-2.578 1.265-4.454 1.265-2.03 0-3.593-.261-4.687-.785v-1.922c.703.297 1.469.531 2.297.703.828.172 1.648.258 2.46.258 1.329 0 2.329-.252 3-.756.673-.504 1.009-1.205 1.009-2.103 0-.594-.12-1.08-.358-1.46-.238-.378-.637-.728-1.195-1.048-.14-.08-.3-.164-.478-.25H4.5V12h5.137c-1.066-.476-1.863-1.016-2.389-1.617-.684-.781-1.025-1.801-1.025-3.059 0-1.32.496-2.37 1.488-3.152C8.703 3.39 10.016 3 11.648 3Z"
1242
+ })]
1243
+ }));
1244
+ };
1245
+ SvgStrikethrough.propTypes = {};
1122
1246
  SvgStrikethrough.displayName = 'SvgStrikethrough';
1123
- const StrikethroughIcon = props => jsxRuntime.jsx(react$1.ClassNames, {
1124
- children: _ref => {
1125
- let createClass = _ref.css;
1126
- return jsxRuntime.jsx(SvgStrikethrough, _objectSpread$9(_objectSpread$9({}, props), {}, {
1127
- className: createClass(getIconStyles$5(props))
1128
- }));
1129
- }
1130
- });
1247
+ const titleSequentialId$5 = utils.createSequentialId('strikethrough-icon-title-');
1248
+ const StrikethroughIcon = props => {
1249
+ const svgTitleId = react.useMemo(() => titleSequentialId$5(), []);
1250
+ return jsxRuntime.jsx(react$1.ClassNames, {
1251
+ children: _ref2 => {
1252
+ let createClass = _ref2.css;
1253
+ return jsxRuntime.jsx(SvgStrikethrough, _objectSpread$9(_objectSpread$9({}, props), {}, {
1254
+ titleId: svgTitleId,
1255
+ title: "Strikethrough icon",
1256
+ className: createClass(getIconStyles$5(props))
1257
+ }));
1258
+ }
1259
+ });
1260
+ };
1261
+ StrikethroughIcon.propTypes = {};
1131
1262
  StrikethroughIcon.displayName = 'StrikethroughIcon';
1132
1263
  var StrikethroughIcon$1 = StrikethroughIcon;
1133
1264
 
1265
+ const _excluded$4 = ["titleId", "title"];
1134
1266
  function ownKeys$8(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
1135
1267
  function _objectSpread$8(target) { for (var i = 1; i < arguments.length; i++) { var _context3, _context4; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context3 = ownKeys$8(Object(source), !0)).call(_context3, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context4 = ownKeys$8(Object(source))).call(_context4, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
1136
1268
  const iconSizes$4 = {
@@ -1204,33 +1336,51 @@ const getColor$4 = color => {
1204
1336
  return iconColor;
1205
1337
  };
1206
1338
  const getIconStyles$4 = props => /*#__PURE__*/react$1.css("*:not([fill='none']){fill:", getColor$4(props.color), ";}&,image{", getSizeStyle$4(props.size), ";}flex-shrink:0;" + ("" ), "" );
1207
- const SvgSubscript = props => jsxRuntime.jsx("svg", _objectSpread$8(_objectSpread$8({
1208
- xmlns: "http://www.w3.org/2000/svg",
1209
- width: 24,
1210
- height: 24,
1211
- viewBox: "0 0 24 24",
1212
- role: "img"
1213
- }, props), {}, {
1214
- children: jsxRuntime.jsx("g", {
1215
- fill: "#333",
1216
- fillRule: "nonzero",
1217
- children: jsxRuntime.jsx("path", {
1218
- d: "M6.609 9.937 3.18 15.145h3.294l2.067-3.39 2.085 3.39h3.294l-3.466-5.208L14.083 4.5h-3.304L8.542 8.147 6.294 4.5H3zM21.044 19.5h-5.988v-1.26l2.15-2.174c.637-.652 1.053-1.104 1.248-1.356.195-.252.336-.485.422-.7.086-.215.129-.438.129-.668 0-.344-.095-.6-.284-.768-.19-.168-.443-.252-.76-.252-.331 0-.653.076-.966.229a4.99 4.99 0 0 0-.978.65l-.985-1.166c.422-.36.772-.613 1.05-.762a3.85 3.85 0 0 1 .907-.342c.328-.08.696-.12 1.102-.12.535 0 1.008.097 1.418.293.41.195.728.468.955.82.226.351.34.754.34 1.207 0 .394-.07.765-.208 1.11-.139.346-.354.7-.645 1.064-.29.363-.804.88-1.538 1.552l-1.101 1.038v.082h3.732V19.5Z"
1219
- })
1220
- })
1221
- }));
1339
+ const SvgSubscript = _ref => {
1340
+ let titleId = _ref.titleId,
1341
+ title = _ref.title,
1342
+ props = _objectWithoutProperties(_ref, _excluded$4);
1343
+ return jsxRuntime.jsxs("svg", _objectSpread$8(_objectSpread$8({
1344
+ xmlns: "http://www.w3.org/2000/svg",
1345
+ width: 24,
1346
+ height: 24,
1347
+ viewBox: "0 0 24 24",
1348
+ role: "img",
1349
+ "aria-labelledby": titleId
1350
+ }, props), {}, {
1351
+ children: [title ? jsxRuntime.jsx("title", {
1352
+ id: titleId,
1353
+ children: title
1354
+ }) : null, jsxRuntime.jsx("g", {
1355
+ fill: "#333",
1356
+ fillRule: "nonzero",
1357
+ children: jsxRuntime.jsx("path", {
1358
+ d: "M6.609 9.937 3.18 15.145h3.294l2.067-3.39 2.085 3.39h3.294l-3.466-5.208L14.083 4.5h-3.304L8.542 8.147 6.294 4.5H3zM21.044 19.5h-5.988v-1.26l2.15-2.174c.637-.652 1.053-1.104 1.248-1.356.195-.252.336-.485.422-.7.086-.215.129-.438.129-.668 0-.344-.095-.6-.284-.768-.19-.168-.443-.252-.76-.252-.331 0-.653.076-.966.229a4.99 4.99 0 0 0-.978.65l-.985-1.166c.422-.36.772-.613 1.05-.762a3.85 3.85 0 0 1 .907-.342c.328-.08.696-.12 1.102-.12.535 0 1.008.097 1.418.293.41.195.728.468.955.82.226.351.34.754.34 1.207 0 .394-.07.765-.208 1.11-.139.346-.354.7-.645 1.064-.29.363-.804.88-1.538 1.552l-1.101 1.038v.082h3.732V19.5Z"
1359
+ })
1360
+ })]
1361
+ }));
1362
+ };
1363
+ SvgSubscript.propTypes = {};
1222
1364
  SvgSubscript.displayName = 'SvgSubscript';
1223
- const SubscriptIcon = props => jsxRuntime.jsx(react$1.ClassNames, {
1224
- children: _ref => {
1225
- let createClass = _ref.css;
1226
- return jsxRuntime.jsx(SvgSubscript, _objectSpread$8(_objectSpread$8({}, props), {}, {
1227
- className: createClass(getIconStyles$4(props))
1228
- }));
1229
- }
1230
- });
1365
+ const titleSequentialId$4 = utils.createSequentialId('subscript-icon-title-');
1366
+ const SubscriptIcon = props => {
1367
+ const svgTitleId = react.useMemo(() => titleSequentialId$4(), []);
1368
+ return jsxRuntime.jsx(react$1.ClassNames, {
1369
+ children: _ref2 => {
1370
+ let createClass = _ref2.css;
1371
+ return jsxRuntime.jsx(SvgSubscript, _objectSpread$8(_objectSpread$8({}, props), {}, {
1372
+ titleId: svgTitleId,
1373
+ title: "Subscript icon",
1374
+ className: createClass(getIconStyles$4(props))
1375
+ }));
1376
+ }
1377
+ });
1378
+ };
1379
+ SubscriptIcon.propTypes = {};
1231
1380
  SubscriptIcon.displayName = 'SubscriptIcon';
1232
1381
  var SubscriptIcon$1 = SubscriptIcon;
1233
1382
 
1383
+ const _excluded$3 = ["titleId", "title"];
1234
1384
  function ownKeys$7(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
1235
1385
  function _objectSpread$7(target) { for (var i = 1; i < arguments.length; i++) { var _context3, _context4; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context3 = ownKeys$7(Object(source), !0)).call(_context3, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context4 = ownKeys$7(Object(source))).call(_context4, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
1236
1386
  const iconSizes$3 = {
@@ -1304,34 +1454,52 @@ const getColor$3 = color => {
1304
1454
  return iconColor;
1305
1455
  };
1306
1456
  const getIconStyles$3 = props => /*#__PURE__*/react$1.css("*:not([fill='none']){fill:", getColor$3(props.color), ";}&,image{", getSizeStyle$3(props.size), ";}flex-shrink:0;" + ("" ), "" );
1307
- const SvgSuperscript = props => jsxRuntime.jsx("svg", _objectSpread$7(_objectSpread$7({
1308
- xmlns: "http://www.w3.org/2000/svg",
1309
- width: 24,
1310
- height: 24,
1311
- viewBox: "0 0 24 24",
1312
- role: "img"
1313
- }, props), {}, {
1314
- children: jsxRuntime.jsx("g", {
1315
- fillRule: "evenodd",
1316
- children: jsxRuntime.jsx("path", {
1317
- fill: "#333",
1318
- fillRule: "nonzero",
1319
- d: "M7.067 14.063 3.64 8.855h3.295L9 12.245l2.085-3.39h3.295l-3.466 5.208 3.628 5.437h-3.304L9 15.853 6.753 19.5H3.458zM21.044 13.5h-5.988v-1.26l2.15-2.174c.637-.652 1.053-1.104 1.248-1.356.195-.252.336-.485.422-.7.086-.215.129-.438.129-.668 0-.344-.095-.6-.284-.768-.19-.168-.443-.252-.76-.252-.331 0-.653.076-.966.229a4.99 4.99 0 0 0-.978.65l-.985-1.166c.422-.36.772-.613 1.05-.762a3.85 3.85 0 0 1 .907-.342c.328-.08.696-.12 1.102-.12.535 0 1.008.097 1.418.293.41.195.728.468.955.82.226.351.34.754.34 1.207 0 .394-.07.765-.208 1.11-.139.346-.354.7-.645 1.064-.29.363-.804.88-1.538 1.552l-1.101 1.038v.082h3.732V13.5Z"
1320
- })
1321
- })
1322
- }));
1457
+ const SvgSuperscript = _ref => {
1458
+ let titleId = _ref.titleId,
1459
+ title = _ref.title,
1460
+ props = _objectWithoutProperties(_ref, _excluded$3);
1461
+ return jsxRuntime.jsxs("svg", _objectSpread$7(_objectSpread$7({
1462
+ xmlns: "http://www.w3.org/2000/svg",
1463
+ width: 24,
1464
+ height: 24,
1465
+ viewBox: "0 0 24 24",
1466
+ role: "img",
1467
+ "aria-labelledby": titleId
1468
+ }, props), {}, {
1469
+ children: [title ? jsxRuntime.jsx("title", {
1470
+ id: titleId,
1471
+ children: title
1472
+ }) : null, jsxRuntime.jsx("g", {
1473
+ fillRule: "evenodd",
1474
+ children: jsxRuntime.jsx("path", {
1475
+ fill: "#333",
1476
+ fillRule: "nonzero",
1477
+ d: "M7.067 14.063 3.64 8.855h3.295L9 12.245l2.085-3.39h3.295l-3.466 5.208 3.628 5.437h-3.304L9 15.853 6.753 19.5H3.458zM21.044 13.5h-5.988v-1.26l2.15-2.174c.637-.652 1.053-1.104 1.248-1.356.195-.252.336-.485.422-.7.086-.215.129-.438.129-.668 0-.344-.095-.6-.284-.768-.19-.168-.443-.252-.76-.252-.331 0-.653.076-.966.229a4.99 4.99 0 0 0-.978.65l-.985-1.166c.422-.36.772-.613 1.05-.762a3.85 3.85 0 0 1 .907-.342c.328-.08.696-.12 1.102-.12.535 0 1.008.097 1.418.293.41.195.728.468.955.82.226.351.34.754.34 1.207 0 .394-.07.765-.208 1.11-.139.346-.354.7-.645 1.064-.29.363-.804.88-1.538 1.552l-1.101 1.038v.082h3.732V13.5Z"
1478
+ })
1479
+ })]
1480
+ }));
1481
+ };
1482
+ SvgSuperscript.propTypes = {};
1323
1483
  SvgSuperscript.displayName = 'SvgSuperscript';
1324
- const SuperscriptIcon = props => jsxRuntime.jsx(react$1.ClassNames, {
1325
- children: _ref => {
1326
- let createClass = _ref.css;
1327
- return jsxRuntime.jsx(SvgSuperscript, _objectSpread$7(_objectSpread$7({}, props), {}, {
1328
- className: createClass(getIconStyles$3(props))
1329
- }));
1330
- }
1331
- });
1484
+ const titleSequentialId$3 = utils.createSequentialId('superscript-icon-title-');
1485
+ const SuperscriptIcon = props => {
1486
+ const svgTitleId = react.useMemo(() => titleSequentialId$3(), []);
1487
+ return jsxRuntime.jsx(react$1.ClassNames, {
1488
+ children: _ref2 => {
1489
+ let createClass = _ref2.css;
1490
+ return jsxRuntime.jsx(SvgSuperscript, _objectSpread$7(_objectSpread$7({}, props), {}, {
1491
+ titleId: svgTitleId,
1492
+ title: "Superscript icon",
1493
+ className: createClass(getIconStyles$3(props))
1494
+ }));
1495
+ }
1496
+ });
1497
+ };
1498
+ SuperscriptIcon.propTypes = {};
1332
1499
  SuperscriptIcon.displayName = 'SuperscriptIcon';
1333
1500
  var SuperscriptIcon$1 = SuperscriptIcon;
1334
1501
 
1502
+ const _excluded$2 = ["titleId", "title"];
1335
1503
  function ownKeys$6(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
1336
1504
  function _objectSpread$6(target) { for (var i = 1; i < arguments.length; i++) { var _context3, _context4; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context3 = ownKeys$6(Object(source), !0)).call(_context3, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context4 = ownKeys$6(Object(source))).call(_context4, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
1337
1505
  const iconSizes$2 = {
@@ -1405,31 +1573,49 @@ const getColor$2 = color => {
1405
1573
  return iconColor;
1406
1574
  };
1407
1575
  const getIconStyles$2 = props => /*#__PURE__*/react$1.css("*:not([fill='none']){fill:", getColor$2(props.color), ";}&,image{", getSizeStyle$2(props.size), ";}flex-shrink:0;" + ("" ), "" );
1408
- const SvgUnderline = props => jsxRuntime.jsx("svg", _objectSpread$6(_objectSpread$6({
1409
- xmlns: "http://www.w3.org/2000/svg",
1410
- width: 24,
1411
- height: 24,
1412
- viewBox: "0 0 24 24",
1413
- role: "img"
1414
- }, props), {}, {
1415
- children: jsxRuntime.jsx("path", {
1416
- fill: "#1A1A1A",
1417
- fillRule: "evenodd",
1418
- d: "M19.5 19.625v1.25h-15v-1.25h15ZM8.69 3.223v9.642c0 1.234.313 2.18.938 2.84.626.661 1.546.991 2.76.991 1.156 0 2.048-.332 2.673-.995.626-.664.939-1.616.939-2.856V3.223h1.595v9.562c0 1.684-.472 3.008-1.417 3.972-.945.963-2.243 1.445-3.894 1.445-1.652 0-2.93-.485-3.833-1.455-.904-.97-1.356-2.305-1.356-4.003V3.223H8.69Z"
1419
- })
1420
- }));
1576
+ const SvgUnderline = _ref => {
1577
+ let titleId = _ref.titleId,
1578
+ title = _ref.title,
1579
+ props = _objectWithoutProperties(_ref, _excluded$2);
1580
+ return jsxRuntime.jsxs("svg", _objectSpread$6(_objectSpread$6({
1581
+ xmlns: "http://www.w3.org/2000/svg",
1582
+ width: 24,
1583
+ height: 24,
1584
+ viewBox: "0 0 24 24",
1585
+ role: "img",
1586
+ "aria-labelledby": titleId
1587
+ }, props), {}, {
1588
+ children: [title ? jsxRuntime.jsx("title", {
1589
+ id: titleId,
1590
+ children: title
1591
+ }) : null, jsxRuntime.jsx("path", {
1592
+ fill: "#1A1A1A",
1593
+ fillRule: "evenodd",
1594
+ d: "M19.5 19.625v1.25h-15v-1.25h15ZM8.69 3.223v9.642c0 1.234.313 2.18.938 2.84.626.661 1.546.991 2.76.991 1.156 0 2.048-.332 2.673-.995.626-.664.939-1.616.939-2.856V3.223h1.595v9.562c0 1.684-.472 3.008-1.417 3.972-.945.963-2.243 1.445-3.894 1.445-1.652 0-2.93-.485-3.833-1.455-.904-.97-1.356-2.305-1.356-4.003V3.223H8.69Z"
1595
+ })]
1596
+ }));
1597
+ };
1598
+ SvgUnderline.propTypes = {};
1421
1599
  SvgUnderline.displayName = 'SvgUnderline';
1422
- const UnderlineIcon = props => jsxRuntime.jsx(react$1.ClassNames, {
1423
- children: _ref => {
1424
- let createClass = _ref.css;
1425
- return jsxRuntime.jsx(SvgUnderline, _objectSpread$6(_objectSpread$6({}, props), {}, {
1426
- className: createClass(getIconStyles$2(props))
1427
- }));
1428
- }
1429
- });
1600
+ const titleSequentialId$2 = utils.createSequentialId('underline-icon-title-');
1601
+ const UnderlineIcon = props => {
1602
+ const svgTitleId = react.useMemo(() => titleSequentialId$2(), []);
1603
+ return jsxRuntime.jsx(react$1.ClassNames, {
1604
+ children: _ref2 => {
1605
+ let createClass = _ref2.css;
1606
+ return jsxRuntime.jsx(SvgUnderline, _objectSpread$6(_objectSpread$6({}, props), {}, {
1607
+ titleId: svgTitleId,
1608
+ title: "Underline icon",
1609
+ className: createClass(getIconStyles$2(props))
1610
+ }));
1611
+ }
1612
+ });
1613
+ };
1614
+ UnderlineIcon.propTypes = {};
1430
1615
  UnderlineIcon.displayName = 'UnderlineIcon';
1431
1616
  var UnderlineIcon$1 = UnderlineIcon;
1432
1617
 
1618
+ const _excluded$1 = ["titleId", "title"];
1433
1619
  function ownKeys$5(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
1434
1620
  function _objectSpread$5(target) { for (var i = 1; i < arguments.length; i++) { var _context3, _context4; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context3 = ownKeys$5(Object(source), !0)).call(_context3, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context4 = ownKeys$5(Object(source))).call(_context4, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
1435
1621
  const iconSizes$1 = {
@@ -1503,37 +1689,55 @@ const getColor$1 = color => {
1503
1689
  return iconColor;
1504
1690
  };
1505
1691
  const getIconStyles$1 = props => /*#__PURE__*/react$1.css("*:not([fill='none']){fill:", getColor$1(props.color), ";}&,image{", getSizeStyle$1(props.size), ";}flex-shrink:0;" + ("" ), "" );
1506
- const SvgUndo = props => jsxRuntime.jsxs("svg", _objectSpread$5(_objectSpread$5({
1507
- xmlns: "http://www.w3.org/2000/svg",
1508
- xmlnsXlink: "http://www.w3.org/1999/xlink",
1509
- width: 24,
1510
- height: 24,
1511
- viewBox: "0 0 24 24",
1512
- role: "img"
1513
- }, props), {}, {
1514
- children: [jsxRuntime.jsx("defs", {
1515
- children: jsxRuntime.jsx("path", {
1516
- id: "undo_react_svg__a",
1517
- d: "M12.458 7.41a8.524 8.524 0 0 0-6.7 3.246L3.796 8.693c-.437-.438-.795-.29-.795.33v7.335c0 .618.024.593.643.593h7.286c.619 0 .767-.358.33-.795l-2.243-2.243a6.283 6.283 0 0 1 5.697-3.64 6.283 6.283 0 0 1 6.277 6.085 8.542 8.542 0 0 0-8.531-8.948Z"
1518
- })
1519
- }), jsxRuntime.jsx("use", {
1520
- xlinkHref: "#undo_react_svg__a",
1521
- fill: "#1A1A1A",
1522
- fillRule: "evenodd"
1523
- })]
1524
- }));
1692
+ const SvgUndo = _ref => {
1693
+ let titleId = _ref.titleId,
1694
+ title = _ref.title,
1695
+ props = _objectWithoutProperties(_ref, _excluded$1);
1696
+ return jsxRuntime.jsxs("svg", _objectSpread$5(_objectSpread$5({
1697
+ xmlns: "http://www.w3.org/2000/svg",
1698
+ xmlnsXlink: "http://www.w3.org/1999/xlink",
1699
+ width: 24,
1700
+ height: 24,
1701
+ viewBox: "0 0 24 24",
1702
+ role: "img",
1703
+ "aria-labelledby": titleId
1704
+ }, props), {}, {
1705
+ children: [title ? jsxRuntime.jsx("title", {
1706
+ id: titleId,
1707
+ children: title
1708
+ }) : null, jsxRuntime.jsx("defs", {
1709
+ children: jsxRuntime.jsx("path", {
1710
+ id: "undo_react_svg__a",
1711
+ d: "M12.458 7.41a8.524 8.524 0 0 0-6.7 3.246L3.796 8.693c-.437-.438-.795-.29-.795.33v7.335c0 .618.024.593.643.593h7.286c.619 0 .767-.358.33-.795l-2.243-2.243a6.283 6.283 0 0 1 5.697-3.64 6.283 6.283 0 0 1 6.277 6.085 8.542 8.542 0 0 0-8.531-8.948Z"
1712
+ })
1713
+ }), jsxRuntime.jsx("use", {
1714
+ xlinkHref: "#undo_react_svg__a",
1715
+ fill: "#1A1A1A",
1716
+ fillRule: "evenodd"
1717
+ })]
1718
+ }));
1719
+ };
1720
+ SvgUndo.propTypes = {};
1525
1721
  SvgUndo.displayName = 'SvgUndo';
1526
- const UndoIcon = props => jsxRuntime.jsx(react$1.ClassNames, {
1527
- children: _ref => {
1528
- let createClass = _ref.css;
1529
- return jsxRuntime.jsx(SvgUndo, _objectSpread$5(_objectSpread$5({}, props), {}, {
1530
- className: createClass(getIconStyles$1(props))
1531
- }));
1532
- }
1533
- });
1722
+ const titleSequentialId$1 = utils.createSequentialId('undo-icon-title-');
1723
+ const UndoIcon = props => {
1724
+ const svgTitleId = react.useMemo(() => titleSequentialId$1(), []);
1725
+ return jsxRuntime.jsx(react$1.ClassNames, {
1726
+ children: _ref2 => {
1727
+ let createClass = _ref2.css;
1728
+ return jsxRuntime.jsx(SvgUndo, _objectSpread$5(_objectSpread$5({}, props), {}, {
1729
+ titleId: svgTitleId,
1730
+ title: "Undo icon",
1731
+ className: createClass(getIconStyles$1(props))
1732
+ }));
1733
+ }
1734
+ });
1735
+ };
1736
+ UndoIcon.propTypes = {};
1534
1737
  UndoIcon.displayName = 'UndoIcon';
1535
1738
  var UndoIcon$1 = UndoIcon;
1536
1739
 
1740
+ const _excluded = ["titleId", "title"];
1537
1741
  function ownKeys$4(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
1538
1742
  function _objectSpread$4(target) { for (var i = 1; i < arguments.length; i++) { var _context3, _context4; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context3 = ownKeys$4(Object(source), !0)).call(_context3, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context4 = ownKeys$4(Object(source))).call(_context4, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
1539
1743
  const iconSizes = {
@@ -1607,34 +1811,51 @@ const getColor = color => {
1607
1811
  return iconColor;
1608
1812
  };
1609
1813
  const getIconStyles = props => /*#__PURE__*/react$1.css("*:not([fill='none']){fill:", getColor(props.color), ";}&,image{", getSizeStyle(props.size), ";}flex-shrink:0;" + ("" ), "" );
1610
- const SvgUnorderedList = props => jsxRuntime.jsxs("svg", _objectSpread$4(_objectSpread$4({
1611
- xmlns: "http://www.w3.org/2000/svg",
1612
- xmlnsXlink: "http://www.w3.org/1999/xlink",
1613
- width: 24,
1614
- height: 24,
1615
- viewBox: "0 0 24 24",
1616
- role: "img"
1617
- }, props), {}, {
1618
- children: [jsxRuntime.jsx("defs", {
1619
- children: jsxRuntime.jsx("path", {
1620
- id: "unordered-list_react_svg__a",
1621
- d: "M5.625 17a.36.36 0 0 1 .264.111c.055.056.09.12.104.19l.007.074v2.25a.36.36 0 0 1-.111.264.363.363 0 0 1-.19.104L5.625 20h-2.25a.36.36 0 0 1-.264-.111.364.364 0 0 1-.104-.19L3 19.625v-2.25a.36.36 0 0 1 .111-.264.366.366 0 0 1 .19-.104L3.375 17h2.25Zm15.125 1a.39.39 0 0 1 .176.037.145.145 0 0 1 .066.056l.008.032v.75c0 .034-.025.063-.074.088a.35.35 0 0 1-.111.033L20.75 19h-10.5a.389.389 0 0 1-.176-.037.144.144 0 0 1-.066-.056L10 18.875v-.75c0-.034.025-.063.074-.088a.352.352 0 0 1 .111-.033L10.25 18h10.5ZM5.625 10a.36.36 0 0 1 .264.111c.055.056.09.12.104.19l.007.074v2.25a.36.36 0 0 1-.111.264.365.365 0 0 1-.19.104L5.625 13h-2.25a.361.361 0 0 1-.264-.111.364.364 0 0 1-.104-.19L3 12.625v-2.25a.36.36 0 0 1 .111-.264.364.364 0 0 1 .19-.104L3.375 10h2.25Zm15.125 1a.39.39 0 0 1 .176.037c.05.025.074.054.074.088v.75c0 .034-.025.063-.074.088a.39.39 0 0 1-.176.037h-10.5a.39.39 0 0 1-.176-.037c-.05-.025-.074-.054-.074-.088v-.75c0-.034.025-.063.074-.088A.389.389 0 0 1 10.25 11ZM5.625 4c.102 0 .19.037.264.111.055.056.09.12.104.19L6 4.375v2.25a.36.36 0 0 1-.111.264.363.363 0 0 1-.19.104L5.625 7h-2.25a.36.36 0 0 1-.264-.111.364.364 0 0 1-.104-.19L3 6.625v-2.25a.36.36 0 0 1 .111-.264.364.364 0 0 1 .19-.104L3.375 4h2.25Zm4.625 1h10.5a.39.39 0 0 1 .176.037.145.145 0 0 1 .066.056l.008.032v.75c0 .034-.025.063-.074.088a.35.35 0 0 1-.111.033L20.75 6h-10.5a.388.388 0 0 1-.176-.037.145.145 0 0 1-.066-.056L10 5.875v-.75c0-.034.025-.063.074-.088a.35.35 0 0 1 .111-.033L10.25 5h10.5Z"
1622
- })
1623
- }), jsxRuntime.jsx("use", {
1624
- xlinkHref: "#unordered-list_react_svg__a",
1625
- fill: "#1A1A1A",
1626
- fillRule: "evenodd"
1627
- })]
1628
- }));
1814
+ const SvgUnorderedList = _ref => {
1815
+ let titleId = _ref.titleId,
1816
+ title = _ref.title,
1817
+ props = _objectWithoutProperties(_ref, _excluded);
1818
+ return jsxRuntime.jsxs("svg", _objectSpread$4(_objectSpread$4({
1819
+ xmlns: "http://www.w3.org/2000/svg",
1820
+ xmlnsXlink: "http://www.w3.org/1999/xlink",
1821
+ width: 24,
1822
+ height: 24,
1823
+ viewBox: "0 0 24 24",
1824
+ role: "img",
1825
+ "aria-labelledby": titleId
1826
+ }, props), {}, {
1827
+ children: [title ? jsxRuntime.jsx("title", {
1828
+ id: titleId,
1829
+ children: title
1830
+ }) : null, jsxRuntime.jsx("defs", {
1831
+ children: jsxRuntime.jsx("path", {
1832
+ id: "unordered-list_react_svg__a",
1833
+ d: "M5.625 17a.36.36 0 0 1 .264.111c.055.056.09.12.104.19l.007.074v2.25a.36.36 0 0 1-.111.264.363.363 0 0 1-.19.104L5.625 20h-2.25a.36.36 0 0 1-.264-.111.364.364 0 0 1-.104-.19L3 19.625v-2.25a.36.36 0 0 1 .111-.264.366.366 0 0 1 .19-.104L3.375 17h2.25Zm15.125 1a.39.39 0 0 1 .176.037.145.145 0 0 1 .066.056l.008.032v.75c0 .034-.025.063-.074.088a.35.35 0 0 1-.111.033L20.75 19h-10.5a.389.389 0 0 1-.176-.037.144.144 0 0 1-.066-.056L10 18.875v-.75c0-.034.025-.063.074-.088a.352.352 0 0 1 .111-.033L10.25 18h10.5ZM5.625 10a.36.36 0 0 1 .264.111c.055.056.09.12.104.19l.007.074v2.25a.36.36 0 0 1-.111.264.365.365 0 0 1-.19.104L5.625 13h-2.25a.361.361 0 0 1-.264-.111.364.364 0 0 1-.104-.19L3 12.625v-2.25a.36.36 0 0 1 .111-.264.364.364 0 0 1 .19-.104L3.375 10h2.25Zm15.125 1a.39.39 0 0 1 .176.037c.05.025.074.054.074.088v.75c0 .034-.025.063-.074.088a.39.39 0 0 1-.176.037h-10.5a.39.39 0 0 1-.176-.037c-.05-.025-.074-.054-.074-.088v-.75c0-.034.025-.063.074-.088A.389.389 0 0 1 10.25 11ZM5.625 4c.102 0 .19.037.264.111.055.056.09.12.104.19L6 4.375v2.25a.36.36 0 0 1-.111.264.363.363 0 0 1-.19.104L5.625 7h-2.25a.36.36 0 0 1-.264-.111.364.364 0 0 1-.104-.19L3 6.625v-2.25a.36.36 0 0 1 .111-.264.364.364 0 0 1 .19-.104L3.375 4h2.25Zm4.625 1h10.5a.39.39 0 0 1 .176.037.145.145 0 0 1 .066.056l.008.032v.75c0 .034-.025.063-.074.088a.35.35 0 0 1-.111.033L20.75 6h-10.5a.388.388 0 0 1-.176-.037.145.145 0 0 1-.066-.056L10 5.875v-.75c0-.034.025-.063.074-.088a.35.35 0 0 1 .111-.033L10.25 5h10.5Z"
1834
+ })
1835
+ }), jsxRuntime.jsx("use", {
1836
+ xlinkHref: "#unordered-list_react_svg__a",
1837
+ fill: "#1A1A1A",
1838
+ fillRule: "evenodd"
1839
+ })]
1840
+ }));
1841
+ };
1842
+ SvgUnorderedList.propTypes = {};
1629
1843
  SvgUnorderedList.displayName = 'SvgUnorderedList';
1630
- const UnorderedListIcon = props => jsxRuntime.jsx(react$1.ClassNames, {
1631
- children: _ref => {
1632
- let createClass = _ref.css;
1633
- return jsxRuntime.jsx(SvgUnorderedList, _objectSpread$4(_objectSpread$4({}, props), {}, {
1634
- className: createClass(getIconStyles(props))
1635
- }));
1636
- }
1637
- });
1844
+ const titleSequentialId = utils.createSequentialId('unordered-list-icon-title-');
1845
+ const UnorderedListIcon = props => {
1846
+ const svgTitleId = react.useMemo(() => titleSequentialId(), []);
1847
+ return jsxRuntime.jsx(react$1.ClassNames, {
1848
+ children: _ref2 => {
1849
+ let createClass = _ref2.css;
1850
+ return jsxRuntime.jsx(SvgUnorderedList, _objectSpread$4(_objectSpread$4({}, props), {}, {
1851
+ titleId: svgTitleId,
1852
+ title: "Unordered list icon",
1853
+ className: createClass(getIconStyles(props))
1854
+ }));
1855
+ }
1856
+ });
1857
+ };
1858
+ UnorderedListIcon.propTypes = {};
1638
1859
  UnorderedListIcon.displayName = 'UnorderedListIcon';
1639
1860
  var UnorderedListIcon$1 = UnorderedListIcon;
1640
1861
 
@@ -1963,7 +2184,7 @@ var messages = reactIntl.defineMessages({
1963
2184
  });
1964
2185
 
1965
2186
  function ownKeys$1(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
1966
- function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$1(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$1(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
2187
+ function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var _context2, _context3; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context2 = ownKeys$1(Object(source), !0)).call(_context2, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context3 = ownKeys$1(Object(source))).call(_context3, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
1967
2188
  const LIST_TYPES = [BLOCK_TAGS.ol, BLOCK_TAGS.ul];
1968
2189
 
1969
2190
  /*
@@ -2150,28 +2371,38 @@ const toggleBlock = (editor, format) => {
2150
2371
  slate.Transforms.wrapNodes(editor, block);
2151
2372
  }
2152
2373
  };
2374
+ function nonNullable(value) {
2375
+ return value !== null && value !== undefined;
2376
+ }
2153
2377
  const validSlateStateAdapter = value => {
2154
- if (slate.Element.isElement(value) || slate.Text.isText(value)) {
2155
- return [value];
2156
- }
2157
- if (slate.Element.isElementList(value) || slate.Text.isTextList(value)) {
2158
- return value;
2378
+ const valueAsArray = _Array$isArray__default["default"](value) ? value : [value];
2379
+ if (slate.Element.isElementList(value) || slate.Text.isTextList(value) ||
2380
+ // in case of an array of mixed text and element nodes
2381
+ _Array$isArray__default["default"](value) && _everyInstanceProperty__default["default"](value).call(value, node => slate.Element.isElement(node) || slate.Text.isText(node))) {
2382
+ var _context;
2383
+ return _filterInstanceProperty__default["default"](_context = _mapInstanceProperty__default["default"](valueAsArray).call(valueAsArray, node => slate.Text.isText(node) ? {
2384
+ type: 'text',
2385
+ children: [node]
2386
+ } : node)).call(_context, nonNullable);
2159
2387
  }
2160
2388
  return defaultSlateState;
2161
2389
  };
2162
2390
  const resetEditor = (editor, resetValue) => {
2163
- const children = [...editor.children];
2164
- _forEachInstanceProperty__default["default"](children).call(children, node => editor.apply({
2165
- type: 'remove_node',
2166
- path: [0],
2167
- node
2168
- }));
2169
- const newState = resetValue ? validSlateStateAdapter(html$1.deserialize(resetValue)) : defaultSlateState;
2170
- editor.apply({
2171
- type: 'insert_node',
2172
- path: [0],
2173
- node: newState[0]
2391
+ slate.Transforms.delete(editor, {
2392
+ at: {
2393
+ anchor: slate.Editor.start(editor, []),
2394
+ focus: slate.Editor.end(editor, [])
2395
+ }
2174
2396
  });
2397
+
2398
+ // remove empty node
2399
+ slate.Transforms.removeNodes(editor, {
2400
+ at: [0]
2401
+ });
2402
+ const newState = resetValue ? validSlateStateAdapter(html$1.deserialize(resetValue)) : defaultSlateState;
2403
+
2404
+ // insert all new nodes
2405
+ slate.Transforms.insertNodes(editor, newState);
2175
2406
  };
2176
2407
  const focusEditor = editor => {
2177
2408
  slateReact.ReactEditor.focus(editor);
@@ -2531,7 +2762,7 @@ RichTextEditorBody.defaultProps = defaultProps;
2531
2762
  var RichTextEditorBody$1 = RichTextEditorBody;
2532
2763
 
2533
2764
  // NOTE: This string will be replaced on build time with the package version.
2534
- var version = "16.1.1";
2765
+ var version = "16.2.1";
2535
2766
 
2536
2767
  exports.Element = Element;
2537
2768
  exports.HiddenInput = HiddenInput$1;