@commercetools-uikit/rich-text-utils 16.1.0 → 16.2.0
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.
- package/dist/commercetools-uikit-rich-text-utils.cjs.dev.js +645 -424
- package/dist/commercetools-uikit-rich-text-utils.cjs.prod.js +508 -394
- package/dist/commercetools-uikit-rich-text-utils.esm.js +648 -427
- package/dist/declarations/src/rich-text-body/icons/generated/BoldReact.d.ts +2 -0
- package/dist/declarations/src/rich-text-body/icons/generated/ExpandFullReact.d.ts +2 -0
- package/dist/declarations/src/rich-text-body/icons/generated/ExpandReact.d.ts +2 -0
- package/dist/declarations/src/rich-text-body/icons/generated/ItalicReact.d.ts +2 -0
- package/dist/declarations/src/rich-text-body/icons/generated/MoreStylesReact.d.ts +2 -0
- package/dist/declarations/src/rich-text-body/icons/generated/OrderedListReact.d.ts +2 -0
- package/dist/declarations/src/rich-text-body/icons/generated/RedoReact.d.ts +2 -0
- package/dist/declarations/src/rich-text-body/icons/generated/StrikethroughReact.d.ts +2 -0
- package/dist/declarations/src/rich-text-body/icons/generated/SubscriptReact.d.ts +2 -0
- package/dist/declarations/src/rich-text-body/icons/generated/SuperscriptReact.d.ts +2 -0
- package/dist/declarations/src/rich-text-body/icons/generated/UnderlineReact.d.ts +2 -0
- package/dist/declarations/src/rich-text-body/icons/generated/UndoReact.d.ts +2 -0
- package/dist/declarations/src/rich-text-body/icons/generated/UnorderedListReact.d.ts +2 -0
- package/dist/declarations/src/rich-text-body/rich-text-body.d.ts +0 -1
- package/dist/declarations/src/rich-text-body/rich-text-body.styles.d.ts +1 -1
- package/package.json +7 -7
|
@@ -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 }; }
|
|
@@ -78,8 +79,8 @@ var omit__default = /*#__PURE__*/_interopDefault(omit);
|
|
|
78
79
|
var DownshiftUntyped__default = /*#__PURE__*/_interopDefault(DownshiftUntyped);
|
|
79
80
|
var _concatInstanceProperty__default = /*#__PURE__*/_interopDefault(_concatInstanceProperty);
|
|
80
81
|
|
|
81
|
-
function ownKeys$
|
|
82
|
-
function _objectSpread$
|
|
82
|
+
function ownKeys$g(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; }
|
|
83
|
+
function _objectSpread$g(target) { for (var i = 1; i < arguments.length; i++) { var _context5, _context6; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context5 = ownKeys$g(Object(source), !0)).call(_context5, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context6 = ownKeys$g(Object(source))).call(_context6, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
|
|
83
84
|
|
|
84
85
|
// Slate's way of providing custom type annotations comes down to extending `CustomTypes` interface
|
|
85
86
|
// more: https://docs.slatejs.org/concepts/12-typescript
|
|
@@ -303,7 +304,7 @@ const deserializeElement = el => {
|
|
|
303
304
|
var _mapper$key;
|
|
304
305
|
if ((_mapper$key = mapper[key]) !== null && _mapper$key !== void 0 && _mapper$key[splittedValue]) {
|
|
305
306
|
// checking if the parsed style attr value has representation in the mapper obj
|
|
306
|
-
mappedAttrObj = _objectSpread$
|
|
307
|
+
mappedAttrObj = _objectSpread$g(_objectSpread$g({}, mappedAttrObj), mapper[key][splittedValue]);
|
|
307
308
|
}
|
|
308
309
|
});
|
|
309
310
|
return mappedAttrObj;
|
|
@@ -434,104 +435,7 @@ HiddenInput.propTypes = {};
|
|
|
434
435
|
HiddenInput.displayName = 'HiddenInput';
|
|
435
436
|
var HiddenInput$1 = HiddenInput;
|
|
436
437
|
|
|
437
|
-
|
|
438
|
-
function _objectSpread$g(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$g(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$g(Object(source))).call(_context4, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
|
|
439
|
-
const iconSizes$c = {
|
|
440
|
-
small: 12,
|
|
441
|
-
medium: 16,
|
|
442
|
-
big: 24
|
|
443
|
-
};
|
|
444
|
-
const getSizeDimensions$c = size => {
|
|
445
|
-
switch (size) {
|
|
446
|
-
case 'scale':
|
|
447
|
-
return {
|
|
448
|
-
width: '100%',
|
|
449
|
-
height: 'auto'
|
|
450
|
-
};
|
|
451
|
-
case 'small':
|
|
452
|
-
case 'medium':
|
|
453
|
-
case 'big':
|
|
454
|
-
return {
|
|
455
|
-
width: "".concat(iconSizes$c[size], "px"),
|
|
456
|
-
height: "".concat(iconSizes$c[size], "px")
|
|
457
|
-
};
|
|
458
|
-
default:
|
|
459
|
-
return {
|
|
460
|
-
width: "".concat(iconSizes$c.big, "px"),
|
|
461
|
-
height: "".concat(iconSizes$c.big, "px")
|
|
462
|
-
};
|
|
463
|
-
}
|
|
464
|
-
};
|
|
465
|
-
const getSizeStyle$c = size => {
|
|
466
|
-
var _context, _context2;
|
|
467
|
-
const dimensions = getSizeDimensions$c(size);
|
|
468
|
-
switch (size) {
|
|
469
|
-
case 'scale':
|
|
470
|
-
return _concatInstanceProperty__default["default"](_context = "\n &:not(:root) {\n width: ".concat(dimensions.width, ";\n height: ")).call(_context, dimensions.height, ";\n }\n ");
|
|
471
|
-
default:
|
|
472
|
-
return _concatInstanceProperty__default["default"](_context2 = "\n width: ".concat(dimensions.width, ";\n height: ")).call(_context2, dimensions.height, ";\n ");
|
|
473
|
-
}
|
|
474
|
-
};
|
|
475
|
-
const getColor$c = color => {
|
|
476
|
-
if (!color) return 'inherit';
|
|
477
|
-
let iconColor;
|
|
478
|
-
switch (color) {
|
|
479
|
-
case 'solid':
|
|
480
|
-
iconColor = designSystem.designTokens.colorSolid;
|
|
481
|
-
break;
|
|
482
|
-
case 'neutral60':
|
|
483
|
-
iconColor = designSystem.designTokens.colorNeutral60;
|
|
484
|
-
break;
|
|
485
|
-
case 'surface':
|
|
486
|
-
iconColor = designSystem.designTokens.colorSurface;
|
|
487
|
-
break;
|
|
488
|
-
case 'info':
|
|
489
|
-
iconColor = designSystem.designTokens.colorInfo;
|
|
490
|
-
break;
|
|
491
|
-
case 'primary':
|
|
492
|
-
iconColor = designSystem.designTokens.colorPrimary;
|
|
493
|
-
break;
|
|
494
|
-
case 'primary40':
|
|
495
|
-
iconColor = designSystem.designTokens.colorPrimary40;
|
|
496
|
-
break;
|
|
497
|
-
case 'warning':
|
|
498
|
-
iconColor = designSystem.designTokens.colorWarning;
|
|
499
|
-
break;
|
|
500
|
-
case 'error':
|
|
501
|
-
iconColor = designSystem.designTokens.colorError;
|
|
502
|
-
break;
|
|
503
|
-
}
|
|
504
|
-
if (!iconColor) {
|
|
505
|
-
return 'inherit';
|
|
506
|
-
}
|
|
507
|
-
return iconColor;
|
|
508
|
-
};
|
|
509
|
-
const getIconStyles$c = props => /*#__PURE__*/react$1.css("*:not([fill='none']){fill:", getColor$c(props.color), ";}&,image{", getSizeStyle$c(props.size), ";}flex-shrink:0;" + ("" ), "" );
|
|
510
|
-
const SvgBold = props => jsxRuntime.jsx("svg", _objectSpread$g(_objectSpread$g({
|
|
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
|
-
}));
|
|
523
|
-
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$g(_objectSpread$g({}, props), {}, {
|
|
528
|
-
className: createClass(getIconStyles$c(props))
|
|
529
|
-
}));
|
|
530
|
-
}
|
|
531
|
-
});
|
|
532
|
-
BoldIcon.displayName = 'BoldIcon';
|
|
533
|
-
var BoldIcon$1 = BoldIcon;
|
|
534
|
-
|
|
438
|
+
const _excluded$b = ["titleId", "title"];
|
|
535
439
|
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; }
|
|
536
440
|
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; }
|
|
537
441
|
const iconSizes$b = {
|
|
@@ -605,31 +509,49 @@ const getColor$b = color => {
|
|
|
605
509
|
return iconColor;
|
|
606
510
|
};
|
|
607
511
|
const getIconStyles$b = props => /*#__PURE__*/react$1.css("*:not([fill='none']){fill:", getColor$b(props.color), ";}&,image{", getSizeStyle$b(props.size), ";}flex-shrink:0;" + ("" ), "" );
|
|
608
|
-
const
|
|
609
|
-
|
|
610
|
-
|
|
611
|
-
|
|
612
|
-
|
|
613
|
-
|
|
614
|
-
|
|
615
|
-
|
|
616
|
-
|
|
617
|
-
|
|
618
|
-
|
|
619
|
-
})
|
|
620
|
-
|
|
621
|
-
|
|
622
|
-
|
|
623
|
-
|
|
624
|
-
|
|
625
|
-
|
|
626
|
-
|
|
627
|
-
})
|
|
628
|
-
}
|
|
629
|
-
}
|
|
630
|
-
|
|
631
|
-
|
|
512
|
+
const SvgBold = _ref => {
|
|
513
|
+
let titleId = _ref.titleId,
|
|
514
|
+
title = _ref.title,
|
|
515
|
+
props = _objectWithoutProperties(_ref, _excluded$b);
|
|
516
|
+
return jsxRuntime.jsxs("svg", _objectSpread$f(_objectSpread$f({
|
|
517
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
518
|
+
width: 24,
|
|
519
|
+
height: 24,
|
|
520
|
+
viewBox: "0 0 24 24",
|
|
521
|
+
role: "img",
|
|
522
|
+
"aria-labelledby": titleId
|
|
523
|
+
}, props), {}, {
|
|
524
|
+
children: [title ? jsxRuntime.jsx("title", {
|
|
525
|
+
id: titleId,
|
|
526
|
+
children: title
|
|
527
|
+
}) : null, jsxRuntime.jsx("path", {
|
|
528
|
+
fill: "#1A1A1A",
|
|
529
|
+
fillRule: "evenodd",
|
|
530
|
+
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"
|
|
531
|
+
})]
|
|
532
|
+
}));
|
|
533
|
+
};
|
|
534
|
+
SvgBold.propTypes = {};
|
|
535
|
+
SvgBold.displayName = 'SvgBold';
|
|
536
|
+
const titleSequentialId$b = utils.createSequentialId('bold-icon-title-');
|
|
537
|
+
const BoldIcon = props => {
|
|
538
|
+
const svgTitleId = react.useMemo(() => titleSequentialId$b(), []);
|
|
539
|
+
return jsxRuntime.jsx(react$1.ClassNames, {
|
|
540
|
+
children: _ref2 => {
|
|
541
|
+
let createClass = _ref2.css;
|
|
542
|
+
return jsxRuntime.jsx(SvgBold, _objectSpread$f(_objectSpread$f({}, props), {}, {
|
|
543
|
+
titleId: svgTitleId,
|
|
544
|
+
title: "Bold icon",
|
|
545
|
+
className: createClass(getIconStyles$b(props))
|
|
546
|
+
}));
|
|
547
|
+
}
|
|
548
|
+
});
|
|
549
|
+
};
|
|
550
|
+
BoldIcon.propTypes = {};
|
|
551
|
+
BoldIcon.displayName = 'BoldIcon';
|
|
552
|
+
var BoldIcon$1 = BoldIcon;
|
|
632
553
|
|
|
554
|
+
const _excluded$a = ["titleId", "title"];
|
|
633
555
|
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; }
|
|
634
556
|
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; }
|
|
635
557
|
const iconSizes$a = {
|
|
@@ -703,29 +625,47 @@ const getColor$a = color => {
|
|
|
703
625
|
return iconColor;
|
|
704
626
|
};
|
|
705
627
|
const getIconStyles$a = props => /*#__PURE__*/react$1.css("*:not([fill='none']){fill:", getColor$a(props.color), ";}&,image{", getSizeStyle$a(props.size), ";}flex-shrink:0;" + ("" ), "" );
|
|
706
|
-
const SvgExpand =
|
|
707
|
-
|
|
708
|
-
|
|
709
|
-
|
|
710
|
-
|
|
711
|
-
|
|
712
|
-
|
|
713
|
-
|
|
714
|
-
|
|
715
|
-
|
|
716
|
-
|
|
628
|
+
const SvgExpand = _ref => {
|
|
629
|
+
let titleId = _ref.titleId,
|
|
630
|
+
title = _ref.title,
|
|
631
|
+
props = _objectWithoutProperties(_ref, _excluded$a);
|
|
632
|
+
return jsxRuntime.jsxs("svg", _objectSpread$e(_objectSpread$e({
|
|
633
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
634
|
+
width: 24,
|
|
635
|
+
height: 24,
|
|
636
|
+
viewBox: "0 0 24 24",
|
|
637
|
+
role: "img",
|
|
638
|
+
"aria-labelledby": titleId
|
|
639
|
+
}, props), {}, {
|
|
640
|
+
children: [title ? jsxRuntime.jsx("title", {
|
|
641
|
+
id: titleId,
|
|
642
|
+
children: title
|
|
643
|
+
}) : null, jsxRuntime.jsx("path", {
|
|
644
|
+
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"
|
|
645
|
+
})]
|
|
646
|
+
}));
|
|
647
|
+
};
|
|
648
|
+
SvgExpand.propTypes = {};
|
|
717
649
|
SvgExpand.displayName = 'SvgExpand';
|
|
718
|
-
const
|
|
719
|
-
|
|
720
|
-
|
|
721
|
-
|
|
722
|
-
|
|
723
|
-
|
|
724
|
-
|
|
725
|
-
|
|
650
|
+
const titleSequentialId$a = utils.createSequentialId('expand-icon-title-');
|
|
651
|
+
const ExpandIcon = props => {
|
|
652
|
+
const svgTitleId = react.useMemo(() => titleSequentialId$a(), []);
|
|
653
|
+
return jsxRuntime.jsx(react$1.ClassNames, {
|
|
654
|
+
children: _ref2 => {
|
|
655
|
+
let createClass = _ref2.css;
|
|
656
|
+
return jsxRuntime.jsx(SvgExpand, _objectSpread$e(_objectSpread$e({}, props), {}, {
|
|
657
|
+
titleId: svgTitleId,
|
|
658
|
+
title: "Expand icon",
|
|
659
|
+
className: createClass(getIconStyles$a(props))
|
|
660
|
+
}));
|
|
661
|
+
}
|
|
662
|
+
});
|
|
663
|
+
};
|
|
664
|
+
ExpandIcon.propTypes = {};
|
|
726
665
|
ExpandIcon.displayName = 'ExpandIcon';
|
|
727
666
|
var ExpandIcon$1 = ExpandIcon;
|
|
728
667
|
|
|
668
|
+
const _excluded$9 = ["titleId", "title"];
|
|
729
669
|
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; }
|
|
730
670
|
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; }
|
|
731
671
|
const iconSizes$9 = {
|
|
@@ -799,31 +739,49 @@ const getColor$9 = color => {
|
|
|
799
739
|
return iconColor;
|
|
800
740
|
};
|
|
801
741
|
const getIconStyles$9 = props => /*#__PURE__*/react$1.css("*:not([fill='none']){fill:", getColor$9(props.color), ";}&,image{", getSizeStyle$9(props.size), ";}flex-shrink:0;" + ("" ), "" );
|
|
802
|
-
const SvgItalic =
|
|
803
|
-
|
|
804
|
-
|
|
805
|
-
|
|
806
|
-
|
|
807
|
-
|
|
808
|
-
|
|
809
|
-
|
|
810
|
-
|
|
811
|
-
|
|
812
|
-
|
|
813
|
-
})
|
|
814
|
-
|
|
742
|
+
const SvgItalic = _ref => {
|
|
743
|
+
let titleId = _ref.titleId,
|
|
744
|
+
title = _ref.title,
|
|
745
|
+
props = _objectWithoutProperties(_ref, _excluded$9);
|
|
746
|
+
return jsxRuntime.jsxs("svg", _objectSpread$d(_objectSpread$d({
|
|
747
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
748
|
+
width: 24,
|
|
749
|
+
height: 24,
|
|
750
|
+
viewBox: "0 0 24 24",
|
|
751
|
+
role: "img",
|
|
752
|
+
"aria-labelledby": titleId
|
|
753
|
+
}, props), {}, {
|
|
754
|
+
children: [title ? jsxRuntime.jsx("title", {
|
|
755
|
+
id: titleId,
|
|
756
|
+
children: title
|
|
757
|
+
}) : null, jsxRuntime.jsx("path", {
|
|
758
|
+
fill: "#1A1A1A",
|
|
759
|
+
fillRule: "evenodd",
|
|
760
|
+
d: "M9 20.99 12.827 3h2.067l-3.827 17.99z"
|
|
761
|
+
})]
|
|
762
|
+
}));
|
|
763
|
+
};
|
|
764
|
+
SvgItalic.propTypes = {};
|
|
815
765
|
SvgItalic.displayName = 'SvgItalic';
|
|
816
|
-
const
|
|
817
|
-
|
|
818
|
-
|
|
819
|
-
|
|
820
|
-
|
|
821
|
-
|
|
822
|
-
|
|
823
|
-
|
|
766
|
+
const titleSequentialId$9 = utils.createSequentialId('italic-icon-title-');
|
|
767
|
+
const ItalicIcon = props => {
|
|
768
|
+
const svgTitleId = react.useMemo(() => titleSequentialId$9(), []);
|
|
769
|
+
return jsxRuntime.jsx(react$1.ClassNames, {
|
|
770
|
+
children: _ref2 => {
|
|
771
|
+
let createClass = _ref2.css;
|
|
772
|
+
return jsxRuntime.jsx(SvgItalic, _objectSpread$d(_objectSpread$d({}, props), {}, {
|
|
773
|
+
titleId: svgTitleId,
|
|
774
|
+
title: "Italic icon",
|
|
775
|
+
className: createClass(getIconStyles$9(props))
|
|
776
|
+
}));
|
|
777
|
+
}
|
|
778
|
+
});
|
|
779
|
+
};
|
|
780
|
+
ItalicIcon.propTypes = {};
|
|
824
781
|
ItalicIcon.displayName = 'ItalicIcon';
|
|
825
782
|
var ItalicIcon$1 = ItalicIcon;
|
|
826
783
|
|
|
784
|
+
const _excluded$8 = ["titleId", "title"];
|
|
827
785
|
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; }
|
|
828
786
|
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; }
|
|
829
787
|
const iconSizes$8 = {
|
|
@@ -897,37 +855,55 @@ const getColor$8 = color => {
|
|
|
897
855
|
return iconColor;
|
|
898
856
|
};
|
|
899
857
|
const getIconStyles$8 = props => /*#__PURE__*/react$1.css("*:not([fill='none']){fill:", getColor$8(props.color), ";}&,image{", getSizeStyle$8(props.size), ";}flex-shrink:0;" + ("" ), "" );
|
|
900
|
-
const SvgMoreStyles =
|
|
901
|
-
|
|
902
|
-
|
|
903
|
-
|
|
904
|
-
|
|
905
|
-
|
|
906
|
-
|
|
907
|
-
|
|
908
|
-
|
|
909
|
-
|
|
910
|
-
|
|
911
|
-
|
|
912
|
-
|
|
913
|
-
|
|
914
|
-
|
|
915
|
-
|
|
916
|
-
|
|
917
|
-
|
|
918
|
-
|
|
858
|
+
const SvgMoreStyles = _ref => {
|
|
859
|
+
let titleId = _ref.titleId,
|
|
860
|
+
title = _ref.title,
|
|
861
|
+
props = _objectWithoutProperties(_ref, _excluded$8);
|
|
862
|
+
return jsxRuntime.jsxs("svg", _objectSpread$c(_objectSpread$c({
|
|
863
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
864
|
+
xmlnsXlink: "http://www.w3.org/1999/xlink",
|
|
865
|
+
width: 24,
|
|
866
|
+
height: 24,
|
|
867
|
+
viewBox: "0 0 24 24",
|
|
868
|
+
role: "img",
|
|
869
|
+
"aria-labelledby": titleId
|
|
870
|
+
}, props), {}, {
|
|
871
|
+
children: [title ? jsxRuntime.jsx("title", {
|
|
872
|
+
id: titleId,
|
|
873
|
+
children: title
|
|
874
|
+
}) : null, jsxRuntime.jsx("defs", {
|
|
875
|
+
children: jsxRuntime.jsx("path", {
|
|
876
|
+
id: "more-styles_react_svg__a",
|
|
877
|
+
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"
|
|
878
|
+
})
|
|
879
|
+
}), jsxRuntime.jsx("use", {
|
|
880
|
+
xlinkHref: "#more-styles_react_svg__a",
|
|
881
|
+
fill: "#1A1A1A",
|
|
882
|
+
fillRule: "evenodd"
|
|
883
|
+
})]
|
|
884
|
+
}));
|
|
885
|
+
};
|
|
886
|
+
SvgMoreStyles.propTypes = {};
|
|
919
887
|
SvgMoreStyles.displayName = 'SvgMoreStyles';
|
|
920
|
-
const
|
|
921
|
-
|
|
922
|
-
|
|
923
|
-
|
|
924
|
-
|
|
925
|
-
|
|
926
|
-
|
|
927
|
-
|
|
888
|
+
const titleSequentialId$8 = utils.createSequentialId('more-styles-icon-title-');
|
|
889
|
+
const MoreStylesIcon = props => {
|
|
890
|
+
const svgTitleId = react.useMemo(() => titleSequentialId$8(), []);
|
|
891
|
+
return jsxRuntime.jsx(react$1.ClassNames, {
|
|
892
|
+
children: _ref2 => {
|
|
893
|
+
let createClass = _ref2.css;
|
|
894
|
+
return jsxRuntime.jsx(SvgMoreStyles, _objectSpread$c(_objectSpread$c({}, props), {}, {
|
|
895
|
+
titleId: svgTitleId,
|
|
896
|
+
title: "More styles icon",
|
|
897
|
+
className: createClass(getIconStyles$8(props))
|
|
898
|
+
}));
|
|
899
|
+
}
|
|
900
|
+
});
|
|
901
|
+
};
|
|
902
|
+
MoreStylesIcon.propTypes = {};
|
|
928
903
|
MoreStylesIcon.displayName = 'MoreStylesIcon';
|
|
929
904
|
var MoreStylesIcon$1 = MoreStylesIcon;
|
|
930
905
|
|
|
906
|
+
const _excluded$7 = ["titleId", "title"];
|
|
931
907
|
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; }
|
|
932
908
|
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; }
|
|
933
909
|
const iconSizes$7 = {
|
|
@@ -1001,31 +977,49 @@ const getColor$7 = color => {
|
|
|
1001
977
|
return iconColor;
|
|
1002
978
|
};
|
|
1003
979
|
const getIconStyles$7 = props => /*#__PURE__*/react$1.css("*:not([fill='none']){fill:", getColor$7(props.color), ";}&,image{", getSizeStyle$7(props.size), ";}flex-shrink:0;" + ("" ), "" );
|
|
1004
|
-
const SvgOrderedList =
|
|
1005
|
-
|
|
1006
|
-
|
|
1007
|
-
|
|
1008
|
-
|
|
1009
|
-
|
|
1010
|
-
|
|
1011
|
-
|
|
1012
|
-
|
|
1013
|
-
|
|
1014
|
-
|
|
1015
|
-
})
|
|
1016
|
-
|
|
980
|
+
const SvgOrderedList = _ref => {
|
|
981
|
+
let titleId = _ref.titleId,
|
|
982
|
+
title = _ref.title,
|
|
983
|
+
props = _objectWithoutProperties(_ref, _excluded$7);
|
|
984
|
+
return jsxRuntime.jsxs("svg", _objectSpread$b(_objectSpread$b({
|
|
985
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
986
|
+
width: 24,
|
|
987
|
+
height: 24,
|
|
988
|
+
viewBox: "0 0 24 24",
|
|
989
|
+
role: "img",
|
|
990
|
+
"aria-labelledby": titleId
|
|
991
|
+
}, props), {}, {
|
|
992
|
+
children: [title ? jsxRuntime.jsx("title", {
|
|
993
|
+
id: titleId,
|
|
994
|
+
children: title
|
|
995
|
+
}) : null, jsxRuntime.jsx("path", {
|
|
996
|
+
fill: "#1A1A1A",
|
|
997
|
+
fillRule: "evenodd",
|
|
998
|
+
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"
|
|
999
|
+
})]
|
|
1000
|
+
}));
|
|
1001
|
+
};
|
|
1002
|
+
SvgOrderedList.propTypes = {};
|
|
1017
1003
|
SvgOrderedList.displayName = 'SvgOrderedList';
|
|
1018
|
-
const
|
|
1019
|
-
|
|
1020
|
-
|
|
1021
|
-
|
|
1022
|
-
|
|
1023
|
-
|
|
1024
|
-
|
|
1025
|
-
|
|
1004
|
+
const titleSequentialId$7 = utils.createSequentialId('ordered-list-icon-title-');
|
|
1005
|
+
const OrderedListIcon = props => {
|
|
1006
|
+
const svgTitleId = react.useMemo(() => titleSequentialId$7(), []);
|
|
1007
|
+
return jsxRuntime.jsx(react$1.ClassNames, {
|
|
1008
|
+
children: _ref2 => {
|
|
1009
|
+
let createClass = _ref2.css;
|
|
1010
|
+
return jsxRuntime.jsx(SvgOrderedList, _objectSpread$b(_objectSpread$b({}, props), {}, {
|
|
1011
|
+
titleId: svgTitleId,
|
|
1012
|
+
title: "Ordered list icon",
|
|
1013
|
+
className: createClass(getIconStyles$7(props))
|
|
1014
|
+
}));
|
|
1015
|
+
}
|
|
1016
|
+
});
|
|
1017
|
+
};
|
|
1018
|
+
OrderedListIcon.propTypes = {};
|
|
1026
1019
|
OrderedListIcon.displayName = 'OrderedListIcon';
|
|
1027
1020
|
var OrderedListIcon$1 = OrderedListIcon;
|
|
1028
1021
|
|
|
1022
|
+
const _excluded$6 = ["titleId", "title"];
|
|
1029
1023
|
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; }
|
|
1030
1024
|
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; }
|
|
1031
1025
|
const iconSizes$6 = {
|
|
@@ -1099,38 +1093,56 @@ const getColor$6 = color => {
|
|
|
1099
1093
|
return iconColor;
|
|
1100
1094
|
};
|
|
1101
1095
|
const getIconStyles$6 = props => /*#__PURE__*/react$1.css("*:not([fill='none']){fill:", getColor$6(props.color), ";}&,image{", getSizeStyle$6(props.size), ";}flex-shrink:0;" + ("" ), "" );
|
|
1102
|
-
const SvgRedo =
|
|
1103
|
-
|
|
1104
|
-
|
|
1105
|
-
|
|
1106
|
-
|
|
1107
|
-
|
|
1108
|
-
|
|
1109
|
-
|
|
1110
|
-
|
|
1111
|
-
|
|
1112
|
-
|
|
1113
|
-
|
|
1114
|
-
|
|
1115
|
-
|
|
1116
|
-
|
|
1117
|
-
|
|
1118
|
-
|
|
1119
|
-
|
|
1120
|
-
|
|
1121
|
-
|
|
1096
|
+
const SvgRedo = _ref => {
|
|
1097
|
+
let titleId = _ref.titleId,
|
|
1098
|
+
title = _ref.title,
|
|
1099
|
+
props = _objectWithoutProperties(_ref, _excluded$6);
|
|
1100
|
+
return jsxRuntime.jsxs("svg", _objectSpread$a(_objectSpread$a({
|
|
1101
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
1102
|
+
xmlnsXlink: "http://www.w3.org/1999/xlink",
|
|
1103
|
+
width: 24,
|
|
1104
|
+
height: 24,
|
|
1105
|
+
viewBox: "0 0 24 24",
|
|
1106
|
+
role: "img",
|
|
1107
|
+
"aria-labelledby": titleId
|
|
1108
|
+
}, props), {}, {
|
|
1109
|
+
children: [title ? jsxRuntime.jsx("title", {
|
|
1110
|
+
id: titleId,
|
|
1111
|
+
children: title
|
|
1112
|
+
}) : null, jsxRuntime.jsx("defs", {
|
|
1113
|
+
children: jsxRuntime.jsx("path", {
|
|
1114
|
+
id: "redo_react_svg__a",
|
|
1115
|
+
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"
|
|
1116
|
+
})
|
|
1117
|
+
}), jsxRuntime.jsx("use", {
|
|
1118
|
+
xlinkHref: "#redo_react_svg__a",
|
|
1119
|
+
fill: "#1A1A1A",
|
|
1120
|
+
fillRule: "evenodd",
|
|
1121
|
+
transform: "matrix(-1 0 0 1 24 0)"
|
|
1122
|
+
})]
|
|
1123
|
+
}));
|
|
1124
|
+
};
|
|
1125
|
+
SvgRedo.propTypes = {};
|
|
1122
1126
|
SvgRedo.displayName = 'SvgRedo';
|
|
1123
|
-
const
|
|
1124
|
-
|
|
1125
|
-
|
|
1126
|
-
|
|
1127
|
-
|
|
1128
|
-
|
|
1129
|
-
|
|
1130
|
-
|
|
1127
|
+
const titleSequentialId$6 = utils.createSequentialId('redo-icon-title-');
|
|
1128
|
+
const RedoIcon = props => {
|
|
1129
|
+
const svgTitleId = react.useMemo(() => titleSequentialId$6(), []);
|
|
1130
|
+
return jsxRuntime.jsx(react$1.ClassNames, {
|
|
1131
|
+
children: _ref2 => {
|
|
1132
|
+
let createClass = _ref2.css;
|
|
1133
|
+
return jsxRuntime.jsx(SvgRedo, _objectSpread$a(_objectSpread$a({}, props), {}, {
|
|
1134
|
+
titleId: svgTitleId,
|
|
1135
|
+
title: "Redo icon",
|
|
1136
|
+
className: createClass(getIconStyles$6(props))
|
|
1137
|
+
}));
|
|
1138
|
+
}
|
|
1139
|
+
});
|
|
1140
|
+
};
|
|
1141
|
+
RedoIcon.propTypes = {};
|
|
1131
1142
|
RedoIcon.displayName = 'RedoIcon';
|
|
1132
1143
|
var RedoIcon$1 = RedoIcon;
|
|
1133
1144
|
|
|
1145
|
+
const _excluded$5 = ["titleId", "title"];
|
|
1134
1146
|
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; }
|
|
1135
1147
|
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; }
|
|
1136
1148
|
const iconSizes$5 = {
|
|
@@ -1204,31 +1216,49 @@ const getColor$5 = color => {
|
|
|
1204
1216
|
return iconColor;
|
|
1205
1217
|
};
|
|
1206
1218
|
const getIconStyles$5 = props => /*#__PURE__*/react$1.css("*:not([fill='none']){fill:", getColor$5(props.color), ";}&,image{", getSizeStyle$5(props.size), ";}flex-shrink:0;" + ("" ), "" );
|
|
1207
|
-
const SvgStrikethrough =
|
|
1208
|
-
|
|
1209
|
-
|
|
1210
|
-
|
|
1211
|
-
|
|
1212
|
-
|
|
1213
|
-
|
|
1214
|
-
|
|
1215
|
-
|
|
1216
|
-
|
|
1217
|
-
|
|
1218
|
-
})
|
|
1219
|
-
|
|
1219
|
+
const SvgStrikethrough = _ref => {
|
|
1220
|
+
let titleId = _ref.titleId,
|
|
1221
|
+
title = _ref.title,
|
|
1222
|
+
props = _objectWithoutProperties(_ref, _excluded$5);
|
|
1223
|
+
return jsxRuntime.jsxs("svg", _objectSpread$9(_objectSpread$9({
|
|
1224
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
1225
|
+
width: 24,
|
|
1226
|
+
height: 24,
|
|
1227
|
+
viewBox: "0 0 24 24",
|
|
1228
|
+
role: "img",
|
|
1229
|
+
"aria-labelledby": titleId
|
|
1230
|
+
}, props), {}, {
|
|
1231
|
+
children: [title ? jsxRuntime.jsx("title", {
|
|
1232
|
+
id: titleId,
|
|
1233
|
+
children: title
|
|
1234
|
+
}) : null, jsxRuntime.jsx("path", {
|
|
1235
|
+
fill: "#1A1A1A",
|
|
1236
|
+
fillRule: "evenodd",
|
|
1237
|
+
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"
|
|
1238
|
+
})]
|
|
1239
|
+
}));
|
|
1240
|
+
};
|
|
1241
|
+
SvgStrikethrough.propTypes = {};
|
|
1220
1242
|
SvgStrikethrough.displayName = 'SvgStrikethrough';
|
|
1221
|
-
const
|
|
1222
|
-
|
|
1223
|
-
|
|
1224
|
-
|
|
1225
|
-
|
|
1226
|
-
|
|
1227
|
-
|
|
1228
|
-
|
|
1243
|
+
const titleSequentialId$5 = utils.createSequentialId('strikethrough-icon-title-');
|
|
1244
|
+
const StrikethroughIcon = props => {
|
|
1245
|
+
const svgTitleId = react.useMemo(() => titleSequentialId$5(), []);
|
|
1246
|
+
return jsxRuntime.jsx(react$1.ClassNames, {
|
|
1247
|
+
children: _ref2 => {
|
|
1248
|
+
let createClass = _ref2.css;
|
|
1249
|
+
return jsxRuntime.jsx(SvgStrikethrough, _objectSpread$9(_objectSpread$9({}, props), {}, {
|
|
1250
|
+
titleId: svgTitleId,
|
|
1251
|
+
title: "Strikethrough icon",
|
|
1252
|
+
className: createClass(getIconStyles$5(props))
|
|
1253
|
+
}));
|
|
1254
|
+
}
|
|
1255
|
+
});
|
|
1256
|
+
};
|
|
1257
|
+
StrikethroughIcon.propTypes = {};
|
|
1229
1258
|
StrikethroughIcon.displayName = 'StrikethroughIcon';
|
|
1230
1259
|
var StrikethroughIcon$1 = StrikethroughIcon;
|
|
1231
1260
|
|
|
1261
|
+
const _excluded$4 = ["titleId", "title"];
|
|
1232
1262
|
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; }
|
|
1233
1263
|
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; }
|
|
1234
1264
|
const iconSizes$4 = {
|
|
@@ -1302,33 +1332,51 @@ const getColor$4 = color => {
|
|
|
1302
1332
|
return iconColor;
|
|
1303
1333
|
};
|
|
1304
1334
|
const getIconStyles$4 = props => /*#__PURE__*/react$1.css("*:not([fill='none']){fill:", getColor$4(props.color), ";}&,image{", getSizeStyle$4(props.size), ";}flex-shrink:0;" + ("" ), "" );
|
|
1305
|
-
const SvgSubscript =
|
|
1306
|
-
|
|
1307
|
-
|
|
1308
|
-
|
|
1309
|
-
|
|
1310
|
-
|
|
1311
|
-
|
|
1312
|
-
|
|
1313
|
-
|
|
1314
|
-
|
|
1315
|
-
|
|
1316
|
-
|
|
1317
|
-
|
|
1318
|
-
|
|
1319
|
-
|
|
1335
|
+
const SvgSubscript = _ref => {
|
|
1336
|
+
let titleId = _ref.titleId,
|
|
1337
|
+
title = _ref.title,
|
|
1338
|
+
props = _objectWithoutProperties(_ref, _excluded$4);
|
|
1339
|
+
return jsxRuntime.jsxs("svg", _objectSpread$8(_objectSpread$8({
|
|
1340
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
1341
|
+
width: 24,
|
|
1342
|
+
height: 24,
|
|
1343
|
+
viewBox: "0 0 24 24",
|
|
1344
|
+
role: "img",
|
|
1345
|
+
"aria-labelledby": titleId
|
|
1346
|
+
}, props), {}, {
|
|
1347
|
+
children: [title ? jsxRuntime.jsx("title", {
|
|
1348
|
+
id: titleId,
|
|
1349
|
+
children: title
|
|
1350
|
+
}) : null, jsxRuntime.jsx("g", {
|
|
1351
|
+
fill: "#333",
|
|
1352
|
+
fillRule: "nonzero",
|
|
1353
|
+
children: jsxRuntime.jsx("path", {
|
|
1354
|
+
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"
|
|
1355
|
+
})
|
|
1356
|
+
})]
|
|
1357
|
+
}));
|
|
1358
|
+
};
|
|
1359
|
+
SvgSubscript.propTypes = {};
|
|
1320
1360
|
SvgSubscript.displayName = 'SvgSubscript';
|
|
1321
|
-
const
|
|
1322
|
-
|
|
1323
|
-
|
|
1324
|
-
|
|
1325
|
-
|
|
1326
|
-
|
|
1327
|
-
|
|
1328
|
-
|
|
1361
|
+
const titleSequentialId$4 = utils.createSequentialId('subscript-icon-title-');
|
|
1362
|
+
const SubscriptIcon = props => {
|
|
1363
|
+
const svgTitleId = react.useMemo(() => titleSequentialId$4(), []);
|
|
1364
|
+
return jsxRuntime.jsx(react$1.ClassNames, {
|
|
1365
|
+
children: _ref2 => {
|
|
1366
|
+
let createClass = _ref2.css;
|
|
1367
|
+
return jsxRuntime.jsx(SvgSubscript, _objectSpread$8(_objectSpread$8({}, props), {}, {
|
|
1368
|
+
titleId: svgTitleId,
|
|
1369
|
+
title: "Subscript icon",
|
|
1370
|
+
className: createClass(getIconStyles$4(props))
|
|
1371
|
+
}));
|
|
1372
|
+
}
|
|
1373
|
+
});
|
|
1374
|
+
};
|
|
1375
|
+
SubscriptIcon.propTypes = {};
|
|
1329
1376
|
SubscriptIcon.displayName = 'SubscriptIcon';
|
|
1330
1377
|
var SubscriptIcon$1 = SubscriptIcon;
|
|
1331
1378
|
|
|
1379
|
+
const _excluded$3 = ["titleId", "title"];
|
|
1332
1380
|
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; }
|
|
1333
1381
|
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; }
|
|
1334
1382
|
const iconSizes$3 = {
|
|
@@ -1402,34 +1450,52 @@ const getColor$3 = color => {
|
|
|
1402
1450
|
return iconColor;
|
|
1403
1451
|
};
|
|
1404
1452
|
const getIconStyles$3 = props => /*#__PURE__*/react$1.css("*:not([fill='none']){fill:", getColor$3(props.color), ";}&,image{", getSizeStyle$3(props.size), ";}flex-shrink:0;" + ("" ), "" );
|
|
1405
|
-
const SvgSuperscript =
|
|
1406
|
-
|
|
1407
|
-
|
|
1408
|
-
|
|
1409
|
-
|
|
1410
|
-
|
|
1411
|
-
|
|
1412
|
-
|
|
1413
|
-
|
|
1414
|
-
|
|
1415
|
-
|
|
1416
|
-
|
|
1417
|
-
|
|
1418
|
-
|
|
1419
|
-
|
|
1420
|
-
})
|
|
1453
|
+
const SvgSuperscript = _ref => {
|
|
1454
|
+
let titleId = _ref.titleId,
|
|
1455
|
+
title = _ref.title,
|
|
1456
|
+
props = _objectWithoutProperties(_ref, _excluded$3);
|
|
1457
|
+
return jsxRuntime.jsxs("svg", _objectSpread$7(_objectSpread$7({
|
|
1458
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
1459
|
+
width: 24,
|
|
1460
|
+
height: 24,
|
|
1461
|
+
viewBox: "0 0 24 24",
|
|
1462
|
+
role: "img",
|
|
1463
|
+
"aria-labelledby": titleId
|
|
1464
|
+
}, props), {}, {
|
|
1465
|
+
children: [title ? jsxRuntime.jsx("title", {
|
|
1466
|
+
id: titleId,
|
|
1467
|
+
children: title
|
|
1468
|
+
}) : null, jsxRuntime.jsx("g", {
|
|
1469
|
+
fillRule: "evenodd",
|
|
1470
|
+
children: jsxRuntime.jsx("path", {
|
|
1471
|
+
fill: "#333",
|
|
1472
|
+
fillRule: "nonzero",
|
|
1473
|
+
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"
|
|
1474
|
+
})
|
|
1475
|
+
})]
|
|
1476
|
+
}));
|
|
1477
|
+
};
|
|
1478
|
+
SvgSuperscript.propTypes = {};
|
|
1421
1479
|
SvgSuperscript.displayName = 'SvgSuperscript';
|
|
1422
|
-
const
|
|
1423
|
-
|
|
1424
|
-
|
|
1425
|
-
|
|
1426
|
-
|
|
1427
|
-
|
|
1428
|
-
|
|
1429
|
-
|
|
1480
|
+
const titleSequentialId$3 = utils.createSequentialId('superscript-icon-title-');
|
|
1481
|
+
const SuperscriptIcon = props => {
|
|
1482
|
+
const svgTitleId = react.useMemo(() => titleSequentialId$3(), []);
|
|
1483
|
+
return jsxRuntime.jsx(react$1.ClassNames, {
|
|
1484
|
+
children: _ref2 => {
|
|
1485
|
+
let createClass = _ref2.css;
|
|
1486
|
+
return jsxRuntime.jsx(SvgSuperscript, _objectSpread$7(_objectSpread$7({}, props), {}, {
|
|
1487
|
+
titleId: svgTitleId,
|
|
1488
|
+
title: "Superscript icon",
|
|
1489
|
+
className: createClass(getIconStyles$3(props))
|
|
1490
|
+
}));
|
|
1491
|
+
}
|
|
1492
|
+
});
|
|
1493
|
+
};
|
|
1494
|
+
SuperscriptIcon.propTypes = {};
|
|
1430
1495
|
SuperscriptIcon.displayName = 'SuperscriptIcon';
|
|
1431
1496
|
var SuperscriptIcon$1 = SuperscriptIcon;
|
|
1432
1497
|
|
|
1498
|
+
const _excluded$2 = ["titleId", "title"];
|
|
1433
1499
|
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; }
|
|
1434
1500
|
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; }
|
|
1435
1501
|
const iconSizes$2 = {
|
|
@@ -1503,31 +1569,49 @@ const getColor$2 = color => {
|
|
|
1503
1569
|
return iconColor;
|
|
1504
1570
|
};
|
|
1505
1571
|
const getIconStyles$2 = props => /*#__PURE__*/react$1.css("*:not([fill='none']){fill:", getColor$2(props.color), ";}&,image{", getSizeStyle$2(props.size), ";}flex-shrink:0;" + ("" ), "" );
|
|
1506
|
-
const SvgUnderline =
|
|
1507
|
-
|
|
1508
|
-
|
|
1509
|
-
|
|
1510
|
-
|
|
1511
|
-
|
|
1512
|
-
|
|
1513
|
-
|
|
1514
|
-
|
|
1515
|
-
|
|
1516
|
-
|
|
1517
|
-
})
|
|
1518
|
-
|
|
1572
|
+
const SvgUnderline = _ref => {
|
|
1573
|
+
let titleId = _ref.titleId,
|
|
1574
|
+
title = _ref.title,
|
|
1575
|
+
props = _objectWithoutProperties(_ref, _excluded$2);
|
|
1576
|
+
return jsxRuntime.jsxs("svg", _objectSpread$6(_objectSpread$6({
|
|
1577
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
1578
|
+
width: 24,
|
|
1579
|
+
height: 24,
|
|
1580
|
+
viewBox: "0 0 24 24",
|
|
1581
|
+
role: "img",
|
|
1582
|
+
"aria-labelledby": titleId
|
|
1583
|
+
}, props), {}, {
|
|
1584
|
+
children: [title ? jsxRuntime.jsx("title", {
|
|
1585
|
+
id: titleId,
|
|
1586
|
+
children: title
|
|
1587
|
+
}) : null, jsxRuntime.jsx("path", {
|
|
1588
|
+
fill: "#1A1A1A",
|
|
1589
|
+
fillRule: "evenodd",
|
|
1590
|
+
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"
|
|
1591
|
+
})]
|
|
1592
|
+
}));
|
|
1593
|
+
};
|
|
1594
|
+
SvgUnderline.propTypes = {};
|
|
1519
1595
|
SvgUnderline.displayName = 'SvgUnderline';
|
|
1520
|
-
const
|
|
1521
|
-
|
|
1522
|
-
|
|
1523
|
-
|
|
1524
|
-
|
|
1525
|
-
|
|
1526
|
-
|
|
1527
|
-
|
|
1596
|
+
const titleSequentialId$2 = utils.createSequentialId('underline-icon-title-');
|
|
1597
|
+
const UnderlineIcon = props => {
|
|
1598
|
+
const svgTitleId = react.useMemo(() => titleSequentialId$2(), []);
|
|
1599
|
+
return jsxRuntime.jsx(react$1.ClassNames, {
|
|
1600
|
+
children: _ref2 => {
|
|
1601
|
+
let createClass = _ref2.css;
|
|
1602
|
+
return jsxRuntime.jsx(SvgUnderline, _objectSpread$6(_objectSpread$6({}, props), {}, {
|
|
1603
|
+
titleId: svgTitleId,
|
|
1604
|
+
title: "Underline icon",
|
|
1605
|
+
className: createClass(getIconStyles$2(props))
|
|
1606
|
+
}));
|
|
1607
|
+
}
|
|
1608
|
+
});
|
|
1609
|
+
};
|
|
1610
|
+
UnderlineIcon.propTypes = {};
|
|
1528
1611
|
UnderlineIcon.displayName = 'UnderlineIcon';
|
|
1529
1612
|
var UnderlineIcon$1 = UnderlineIcon;
|
|
1530
1613
|
|
|
1614
|
+
const _excluded$1 = ["titleId", "title"];
|
|
1531
1615
|
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; }
|
|
1532
1616
|
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; }
|
|
1533
1617
|
const iconSizes$1 = {
|
|
@@ -1601,37 +1685,55 @@ const getColor$1 = color => {
|
|
|
1601
1685
|
return iconColor;
|
|
1602
1686
|
};
|
|
1603
1687
|
const getIconStyles$1 = props => /*#__PURE__*/react$1.css("*:not([fill='none']){fill:", getColor$1(props.color), ";}&,image{", getSizeStyle$1(props.size), ";}flex-shrink:0;" + ("" ), "" );
|
|
1604
|
-
const SvgUndo =
|
|
1605
|
-
|
|
1606
|
-
|
|
1607
|
-
|
|
1608
|
-
|
|
1609
|
-
|
|
1610
|
-
|
|
1611
|
-
|
|
1612
|
-
|
|
1613
|
-
|
|
1614
|
-
|
|
1615
|
-
|
|
1616
|
-
|
|
1617
|
-
|
|
1618
|
-
|
|
1619
|
-
|
|
1620
|
-
|
|
1621
|
-
|
|
1622
|
-
|
|
1688
|
+
const SvgUndo = _ref => {
|
|
1689
|
+
let titleId = _ref.titleId,
|
|
1690
|
+
title = _ref.title,
|
|
1691
|
+
props = _objectWithoutProperties(_ref, _excluded$1);
|
|
1692
|
+
return jsxRuntime.jsxs("svg", _objectSpread$5(_objectSpread$5({
|
|
1693
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
1694
|
+
xmlnsXlink: "http://www.w3.org/1999/xlink",
|
|
1695
|
+
width: 24,
|
|
1696
|
+
height: 24,
|
|
1697
|
+
viewBox: "0 0 24 24",
|
|
1698
|
+
role: "img",
|
|
1699
|
+
"aria-labelledby": titleId
|
|
1700
|
+
}, props), {}, {
|
|
1701
|
+
children: [title ? jsxRuntime.jsx("title", {
|
|
1702
|
+
id: titleId,
|
|
1703
|
+
children: title
|
|
1704
|
+
}) : null, jsxRuntime.jsx("defs", {
|
|
1705
|
+
children: jsxRuntime.jsx("path", {
|
|
1706
|
+
id: "undo_react_svg__a",
|
|
1707
|
+
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"
|
|
1708
|
+
})
|
|
1709
|
+
}), jsxRuntime.jsx("use", {
|
|
1710
|
+
xlinkHref: "#undo_react_svg__a",
|
|
1711
|
+
fill: "#1A1A1A",
|
|
1712
|
+
fillRule: "evenodd"
|
|
1713
|
+
})]
|
|
1714
|
+
}));
|
|
1715
|
+
};
|
|
1716
|
+
SvgUndo.propTypes = {};
|
|
1623
1717
|
SvgUndo.displayName = 'SvgUndo';
|
|
1624
|
-
const
|
|
1625
|
-
|
|
1626
|
-
|
|
1627
|
-
|
|
1628
|
-
|
|
1629
|
-
|
|
1630
|
-
|
|
1631
|
-
|
|
1718
|
+
const titleSequentialId$1 = utils.createSequentialId('undo-icon-title-');
|
|
1719
|
+
const UndoIcon = props => {
|
|
1720
|
+
const svgTitleId = react.useMemo(() => titleSequentialId$1(), []);
|
|
1721
|
+
return jsxRuntime.jsx(react$1.ClassNames, {
|
|
1722
|
+
children: _ref2 => {
|
|
1723
|
+
let createClass = _ref2.css;
|
|
1724
|
+
return jsxRuntime.jsx(SvgUndo, _objectSpread$5(_objectSpread$5({}, props), {}, {
|
|
1725
|
+
titleId: svgTitleId,
|
|
1726
|
+
title: "Undo icon",
|
|
1727
|
+
className: createClass(getIconStyles$1(props))
|
|
1728
|
+
}));
|
|
1729
|
+
}
|
|
1730
|
+
});
|
|
1731
|
+
};
|
|
1732
|
+
UndoIcon.propTypes = {};
|
|
1632
1733
|
UndoIcon.displayName = 'UndoIcon';
|
|
1633
1734
|
var UndoIcon$1 = UndoIcon;
|
|
1634
1735
|
|
|
1736
|
+
const _excluded = ["titleId", "title"];
|
|
1635
1737
|
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; }
|
|
1636
1738
|
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; }
|
|
1637
1739
|
const iconSizes = {
|
|
@@ -1705,34 +1807,51 @@ const getColor = color => {
|
|
|
1705
1807
|
return iconColor;
|
|
1706
1808
|
};
|
|
1707
1809
|
const getIconStyles = props => /*#__PURE__*/react$1.css("*:not([fill='none']){fill:", getColor(props.color), ";}&,image{", getSizeStyle(props.size), ";}flex-shrink:0;" + ("" ), "" );
|
|
1708
|
-
const SvgUnorderedList =
|
|
1709
|
-
|
|
1710
|
-
|
|
1711
|
-
|
|
1712
|
-
|
|
1713
|
-
|
|
1714
|
-
|
|
1715
|
-
|
|
1716
|
-
|
|
1717
|
-
|
|
1718
|
-
|
|
1719
|
-
|
|
1720
|
-
|
|
1721
|
-
|
|
1722
|
-
|
|
1723
|
-
|
|
1724
|
-
|
|
1725
|
-
|
|
1726
|
-
|
|
1810
|
+
const SvgUnorderedList = _ref => {
|
|
1811
|
+
let titleId = _ref.titleId,
|
|
1812
|
+
title = _ref.title,
|
|
1813
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
1814
|
+
return jsxRuntime.jsxs("svg", _objectSpread$4(_objectSpread$4({
|
|
1815
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
1816
|
+
xmlnsXlink: "http://www.w3.org/1999/xlink",
|
|
1817
|
+
width: 24,
|
|
1818
|
+
height: 24,
|
|
1819
|
+
viewBox: "0 0 24 24",
|
|
1820
|
+
role: "img",
|
|
1821
|
+
"aria-labelledby": titleId
|
|
1822
|
+
}, props), {}, {
|
|
1823
|
+
children: [title ? jsxRuntime.jsx("title", {
|
|
1824
|
+
id: titleId,
|
|
1825
|
+
children: title
|
|
1826
|
+
}) : null, jsxRuntime.jsx("defs", {
|
|
1827
|
+
children: jsxRuntime.jsx("path", {
|
|
1828
|
+
id: "unordered-list_react_svg__a",
|
|
1829
|
+
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"
|
|
1830
|
+
})
|
|
1831
|
+
}), jsxRuntime.jsx("use", {
|
|
1832
|
+
xlinkHref: "#unordered-list_react_svg__a",
|
|
1833
|
+
fill: "#1A1A1A",
|
|
1834
|
+
fillRule: "evenodd"
|
|
1835
|
+
})]
|
|
1836
|
+
}));
|
|
1837
|
+
};
|
|
1838
|
+
SvgUnorderedList.propTypes = {};
|
|
1727
1839
|
SvgUnorderedList.displayName = 'SvgUnorderedList';
|
|
1728
|
-
const
|
|
1729
|
-
|
|
1730
|
-
|
|
1731
|
-
|
|
1732
|
-
|
|
1733
|
-
|
|
1734
|
-
|
|
1735
|
-
|
|
1840
|
+
const titleSequentialId = utils.createSequentialId('unordered-list-icon-title-');
|
|
1841
|
+
const UnorderedListIcon = props => {
|
|
1842
|
+
const svgTitleId = react.useMemo(() => titleSequentialId(), []);
|
|
1843
|
+
return jsxRuntime.jsx(react$1.ClassNames, {
|
|
1844
|
+
children: _ref2 => {
|
|
1845
|
+
let createClass = _ref2.css;
|
|
1846
|
+
return jsxRuntime.jsx(SvgUnorderedList, _objectSpread$4(_objectSpread$4({}, props), {}, {
|
|
1847
|
+
titleId: svgTitleId,
|
|
1848
|
+
title: "Unordered list icon",
|
|
1849
|
+
className: createClass(getIconStyles(props))
|
|
1850
|
+
}));
|
|
1851
|
+
}
|
|
1852
|
+
});
|
|
1853
|
+
};
|
|
1854
|
+
UnorderedListIcon.propTypes = {};
|
|
1736
1855
|
UnorderedListIcon.displayName = 'UnorderedListIcon';
|
|
1737
1856
|
var UnorderedListIcon$1 = UnorderedListIcon;
|
|
1738
1857
|
|
|
@@ -1763,10 +1882,10 @@ const getInputBoxShadow = function (props) {
|
|
|
1763
1882
|
return /*#__PURE__*/react$1.css("box-shadow:", defaultBoxShadow, ";" + ("" ), "" );
|
|
1764
1883
|
};
|
|
1765
1884
|
const getTextColor = props => {
|
|
1766
|
-
if (props.hasError
|
|
1885
|
+
if (props.hasError) {
|
|
1767
1886
|
return /*#__PURE__*/react$1.css("color:", designSystem.designTokens.fontColorForInputWhenError, ";" + ("" ), "" );
|
|
1768
1887
|
}
|
|
1769
|
-
if (props.hasWarning
|
|
1888
|
+
if (props.hasWarning) {
|
|
1770
1889
|
return /*#__PURE__*/react$1.css("color:", designSystem.designTokens.fontColorForInputWhenWarning, ";" + ("" ), "" );
|
|
1771
1890
|
}
|
|
1772
1891
|
if (props.isDisabled || props.isReadOnly) {
|
|
@@ -2427,8 +2546,6 @@ const RichTextEditorBody = /*#__PURE__*/react.forwardRef((props, ref) => {
|
|
|
2427
2546
|
containerRef = _ref2.containerRef;
|
|
2428
2547
|
const intl = reactIntl.useIntl();
|
|
2429
2548
|
const editor = slateReact.useSlate();
|
|
2430
|
-
const _useTheme = designSystem.useTheme(),
|
|
2431
|
-
isNewTheme = _useTheme.isNewTheme;
|
|
2432
2549
|
const dropdownOptions = createMoreStylesDropdownOptions(intl);
|
|
2433
2550
|
const styleDropdownOptions = createStyleDropdownOptions(intl);
|
|
2434
2551
|
const hasUndos = editor.history.undos.length > 0;
|
|
@@ -2600,9 +2717,7 @@ const RichTextEditorBody = /*#__PURE__*/react.forwardRef((props, ref) => {
|
|
|
2600
2717
|
isReadOnly: props.isReadOnly,
|
|
2601
2718
|
label: intl.formatMessage(messages.expandButtonLabel),
|
|
2602
2719
|
onClick: props.onClickExpand,
|
|
2603
|
-
children:
|
|
2604
|
-
size: "medium"
|
|
2605
|
-
}) : jsxRuntime.jsx(ExpandFullIcon$1, {
|
|
2720
|
+
children: jsxRuntime.jsx(ExpandIcon$1, {
|
|
2606
2721
|
size: "medium"
|
|
2607
2722
|
})
|
|
2608
2723
|
})
|
|
@@ -2619,7 +2734,6 @@ const RichTextEditorBody = /*#__PURE__*/react.forwardRef((props, ref) => {
|
|
|
2619
2734
|
isReadOnly: props.isReadOnly,
|
|
2620
2735
|
isDisabled: props.isDisabled,
|
|
2621
2736
|
ref: containerRef,
|
|
2622
|
-
isNewTheme: isNewTheme,
|
|
2623
2737
|
children: props.children
|
|
2624
2738
|
})
|
|
2625
2739
|
})
|
|
@@ -2634,7 +2748,7 @@ RichTextEditorBody.defaultProps = defaultProps;
|
|
|
2634
2748
|
var RichTextEditorBody$1 = RichTextEditorBody;
|
|
2635
2749
|
|
|
2636
2750
|
// NOTE: This string will be replaced on build time with the package version.
|
|
2637
|
-
var version = "16.
|
|
2751
|
+
var version = "16.2.0";
|
|
2638
2752
|
|
|
2639
2753
|
exports.Element = Element;
|
|
2640
2754
|
exports.HiddenInput = HiddenInput$1;
|