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

package/dist/commercetools-uikit-rich-text-utils.cjs.prod.js

@@ -78,8 +78,8 @@ var omit__default = /*#__PURE__*/_interopDefault(omit);
 var DownshiftUntyped__default = /*#__PURE__*/_interopDefault(DownshiftUntyped);
 var _concatInstanceProperty__default = /*#__PURE__*/_interopDefault(_concatInstanceProperty);
 
-function ownKeys$h(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; }
-function _objectSpread$h(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$h(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$h(Object(source))).call(_context6, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
+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; }
+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; }
 
 // Slate's way of providing custom type annotations comes down to extending `CustomTypes` interface
 // more: https://docs.slatejs.org/concepts/12-typescript
@@ -303,7 +303,7 @@ const deserializeElement = el => {
           var _mapper$key;
           if ((_mapper$key = mapper[key]) !== null && _mapper$key !== void 0 && _mapper$key[splittedValue]) {
             // checking if the parsed style attr value has representation in the mapper obj
-            mappedAttrObj = _objectSpread$h(_objectSpread$h({}, mappedAttrObj), mapper[key][splittedValue]);
+            mappedAttrObj = _objectSpread$g(_objectSpread$g({}, mappedAttrObj), mapper[key][splittedValue]);
           }
         });
         return mappedAttrObj;
@@ -434,104 +434,6 @@ HiddenInput.propTypes = {};
 HiddenInput.displayName = 'HiddenInput';
 var HiddenInput$1 = HiddenInput;
 
-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; }
-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; }
-const iconSizes$c = {
-  small: 12,
-  medium: 16,
-  big: 24
-};
-const getSizeDimensions$c = size => {
-  switch (size) {
-    case 'scale':
-      return {
-        width: '100%',
-        height: 'auto'
-      };
-    case 'small':
-    case 'medium':
-    case 'big':
-      return {
-        width: "".concat(iconSizes$c[size], "px"),
-        height: "".concat(iconSizes$c[size], "px")
-      };
-    default:
-      return {
-        width: "".concat(iconSizes$c.big, "px"),
-        height: "".concat(iconSizes$c.big, "px")
-      };
-  }
-};
-const getSizeStyle$c = size => {
-  var _context, _context2;
-  const dimensions = getSizeDimensions$c(size);
-  switch (size) {
-    case 'scale':
-      return _concatInstanceProperty__default["default"](_context = "\n        &:not(:root) {\n          width: ".concat(dimensions.width, ";\n          height: ")).call(_context, dimensions.height, ";\n        }\n      ");
-    default:
-      return _concatInstanceProperty__default["default"](_context2 = "\n        width: ".concat(dimensions.width, ";\n        height: ")).call(_context2, dimensions.height, ";\n      ");
-  }
-};
-const getColor$c = color => {
-  if (!color) return 'inherit';
-  let iconColor;
-  switch (color) {
-    case 'solid':
-      iconColor = designSystem.designTokens.colorSolid;
-      break;
-    case 'neutral60':
-      iconColor = designSystem.designTokens.colorNeutral60;
-      break;
-    case 'surface':
-      iconColor = designSystem.designTokens.colorSurface;
-      break;
-    case 'info':
-      iconColor = designSystem.designTokens.colorInfo;
-      break;
-    case 'primary':
-      iconColor = designSystem.designTokens.colorPrimary;
-      break;
-    case 'primary40':
-      iconColor = designSystem.designTokens.colorPrimary40;
-      break;
-    case 'warning':
-      iconColor = designSystem.designTokens.colorWarning;
-      break;
-    case 'error':
-      iconColor = designSystem.designTokens.colorError;
-      break;
-  }
-  if (!iconColor) {
-    return 'inherit';
-  }
-  return iconColor;
-};
-const getIconStyles$c = props => /*#__PURE__*/react$1.css("*:not([fill='none']){fill:", getColor$c(props.color), ";}&,image{", getSizeStyle$c(props.size), ";}flex-shrink:0;" + ("" ), "" );
-const SvgBold = props => jsxRuntime.jsx("svg", _objectSpread$g(_objectSpread$g({
-  xmlns: "http://www.w3.org/2000/svg",
-  width: 24,
-  height: 24,
-  viewBox: "0 0 24 24",
-  role: "img"
-}, props), {}, {
-  children: jsxRuntime.jsx("path", {
-    fill: "#1A1A1A",
-    fillRule: "evenodd",
-    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"
-  })
-}));
-SvgBold.displayName = 'SvgBold';
-const BoldIcon = props => jsxRuntime.jsx(react$1.ClassNames, {
-  children: _ref => {
-    let createClass = _ref.css;
-    return jsxRuntime.jsx(SvgBold, _objectSpread$g(_objectSpread$g({}, props), {}, {
-      className: createClass(getIconStyles$c(props))
-    }));
-  }
-});
-BoldIcon.displayName = 'BoldIcon';
-var BoldIcon$1 = BoldIcon;
-
 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; }
 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; }
 const iconSizes$b = {
@@ -605,7 +507,7 @@ const getColor$b = color => {
   return iconColor;
 };
 const getIconStyles$b = props => /*#__PURE__*/react$1.css("*:not([fill='none']){fill:", getColor$b(props.color), ";}&,image{", getSizeStyle$b(props.size), ";}flex-shrink:0;" + ("" ), "" );
-const SvgExpandFull = props => jsxRuntime.jsx("svg", _objectSpread$f(_objectSpread$f({
+const SvgBold = props => jsxRuntime.jsx("svg", _objectSpread$f(_objectSpread$f({
   xmlns: "http://www.w3.org/2000/svg",
   width: 24,
   height: 24,
@@ -615,20 +517,20 @@ const SvgExpandFull = props => jsxRuntime.jsx("svg", _objectSpread$f(_objectSpre
   children: jsxRuntime.jsx("path", {
     fill: "#1A1A1A",
     fillRule: "evenodd",
-    d: "m14.902 13.93.086.074 4.62 4.62v-2.967a.696.696 0 0 1 1.386-.095l.006.095v4.647a.696.696 0 0 1-.601.69l-.095.006h-4.647a.696.696 0 0 1-.095-1.386l.095-.006h2.967l-4.62-4.62a.696.696 0 0 1 .898-1.058Zm-4.906.074c.245.244.27.626.074.898l-.074.086-4.62 4.62h2.967a.696.696 0 0 1 .095 1.386L8.343 21H3.696a.696.696 0 0 1-.69-.601L3 20.304v-4.647a.696.696 0 0 1 1.386-.095l.006.095v2.967l4.62-4.62a.696.696 0 0 1 .984 0ZM8.448 3a.71.71 0 0 1 .096 1.413l-.096.006H5.422l4.57 4.57a.71.71 0 0 1-.915 1.078l-.088-.075-4.57-4.57v3.026a.71.71 0 0 1-1.413.097L3 8.449v-4.74a.71.71 0 0 1 .613-.703L3.71 3h4.738ZM20.29 3a.71.71 0 0 1 .71.71v4.738a.71.71 0 1 1-1.42 0V5.423l-4.569 4.57a.708.708 0 0 1-1.003 0 .71.71 0 0 1 0-1.004l4.57-4.57h-3.026a.71.71 0 1 1 0-1.419Z"
+    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"
   })
 }));
-SvgExpandFull.displayName = 'SvgExpandFull';
-const ExpandFullIcon = props => jsxRuntime.jsx(react$1.ClassNames, {
+SvgBold.displayName = 'SvgBold';
+const BoldIcon = props => jsxRuntime.jsx(react$1.ClassNames, {
   children: _ref => {
     let createClass = _ref.css;
-    return jsxRuntime.jsx(SvgExpandFull, _objectSpread$f(_objectSpread$f({}, props), {}, {
+    return jsxRuntime.jsx(SvgBold, _objectSpread$f(_objectSpread$f({}, props), {}, {
       className: createClass(getIconStyles$b(props))
     }));
   }
 });
-ExpandFullIcon.displayName = 'ExpandFullIcon';
-var ExpandFullIcon$1 = ExpandFullIcon;
+BoldIcon.displayName = 'BoldIcon';
+var BoldIcon$1 = BoldIcon;
 
 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; }
 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; }
@@ -1763,10 +1665,10 @@ const getInputBoxShadow = function (props) {
   return /*#__PURE__*/react$1.css("box-shadow:", defaultBoxShadow, ";" + ("" ), "" );
 };
 const getTextColor = props => {
-  if (props.hasError && props.isNewTheme) {
+  if (props.hasError) {
     return /*#__PURE__*/react$1.css("color:", designSystem.designTokens.fontColorForInputWhenError, ";" + ("" ), "" );
   }
-  if (props.hasWarning && props.isNewTheme) {
+  if (props.hasWarning) {
     return /*#__PURE__*/react$1.css("color:", designSystem.designTokens.fontColorForInputWhenWarning, ";" + ("" ), "" );
   }
   if (props.isDisabled || props.isReadOnly) {
@@ -2427,8 +2329,6 @@ const RichTextEditorBody = /*#__PURE__*/react.forwardRef((props, ref) => {
     containerRef = _ref2.containerRef;
   const intl = reactIntl.useIntl();
   const editor = slateReact.useSlate();
-  const _useTheme = designSystem.useTheme(),
-    isNewTheme = _useTheme.isNewTheme;
   const dropdownOptions = createMoreStylesDropdownOptions(intl);
   const styleDropdownOptions = createStyleDropdownOptions(intl);
   const hasUndos = editor.history.undos.length > 0;
@@ -2600,9 +2500,7 @@ const RichTextEditorBody = /*#__PURE__*/react.forwardRef((props, ref) => {
               isReadOnly: props.isReadOnly,
               label: intl.formatMessage(messages.expandButtonLabel),
               onClick: props.onClickExpand,
-              children: isNewTheme ? jsxRuntime.jsx(ExpandIcon$1, {
-                size: "medium"
-              }) : jsxRuntime.jsx(ExpandFullIcon$1, {
+              children: jsxRuntime.jsx(ExpandIcon$1, {
                 size: "medium"
               })
             })
@@ -2619,7 +2517,6 @@ const RichTextEditorBody = /*#__PURE__*/react.forwardRef((props, ref) => {
           isReadOnly: props.isReadOnly,
           isDisabled: props.isDisabled,
           ref: containerRef,
-          isNewTheme: isNewTheme,
           children: props.children
         })
       })
@@ -2634,7 +2531,7 @@ RichTextEditorBody.defaultProps = defaultProps;
 var RichTextEditorBody$1 = RichTextEditorBody;
 
 // NOTE: This string will be replaced on build time with the package version.
-var version = "16.1.0";
+var version = "16.1.1";
 
 exports.Element = Element;
 exports.HiddenInput = HiddenInput$1;