@commercetools-uikit/rich-text-utils 15.5.1 → 15.7.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.
@@ -2165,7 +2165,7 @@ var ToolbarRightControls = /*#__PURE__*/_styled__default["default"]("div", {
2165
2165
  } )("" );
2166
2166
  var Toolbar = /*#__PURE__*/_styled__default["default"]("div", {
2167
2167
  target: "e1sckae42"
2168
- } )("display:flex;flex-wrap:wrap;font-family:", designSystem.designTokens.fontFamilyDefault, ";border-radius:", designSystem.designTokens.borderRadiusForInput, ";border-bottom:0;padding:", designSystem.designTokens.spacingXs, " calc(", designSystem.designTokens.spacingS, " - 1px);padding-left:calc(", designSystem.designTokens.spacingXs, " - 1px);align-items:flex-start;align-content:stretch;position:relative;&::after{position:absolute;content:'';width:calc(100% - ", designSystem.designTokens.spacingS, ");height:1px;background:", designSystem.designTokens.colorNeutral, ";left:50%;transform:translateX(-50%);bottom:-1px;}&:focus{outline:none;}" + ("" ));
2168
+ } )("display:flex;flex-wrap:wrap;font-family:", designSystem.designTokens.fontFamilyDefault, ";border-radius:", designSystem.designTokens.borderRadiusForInput, ";border-bottom:0;padding:", designSystem.designTokens.spacing10, " calc(", designSystem.designTokens.spacing20, " - 1px);padding-left:calc(", designSystem.designTokens.spacing10, " - 1px);align-items:flex-start;align-content:stretch;position:relative;&::after{position:absolute;content:'';width:calc(100% - ", designSystem.designTokens.spacing20, ");height:1px;background:", designSystem.designTokens.colorNeutral, ";left:50%;transform:translateX(-50%);bottom:-1px;}&:focus{outline:none;}" + ("" ));
2169
2169
 
2170
2170
  var _ref$2 = {
2171
2171
  name: "7g2mws",
@@ -2178,7 +2178,7 @@ var reset = function reset(props) {
2178
2178
 
2179
2179
  var EditorContainer = /*#__PURE__*/_styled__default["default"]("div", {
2180
2180
  target: "e1sckae41"
2181
- } )("padding:4px ", designSystem.designTokens.spacingS, ";padding-top:6px;border-radius:", designSystem.designTokens.borderRadiusForInput, ";font-family:", designSystem.designTokens.fontFamilyDefault, ";", getBorderColor, " overflow-y:scroll;", reset, ";" + ("" ));
2181
+ } )("padding:4px ", designSystem.designTokens.spacing20, ";padding-top:6px;border-radius:", designSystem.designTokens.borderRadiusForInput, ";font-family:", designSystem.designTokens.fontFamilyDefault, ";", getBorderColor, " overflow-y:scroll;", reset, ";" + ("" ));
2182
2182
  var Container = /*#__PURE__*/_styled__default["default"]("div", {
2183
2183
  target: "e1sckae40"
2184
2184
  } )("border-radius:", designSystem.designTokens.borderRadiusForInput, ";border:1px solid ", designSystem.designTokens.borderColorForInput, ";transition:", designSystem.designTokens.transitionStandard, ";", getBorderColor, " ", getBackgroundColor, " pointer-events:", function (props) {
@@ -2203,7 +2203,7 @@ var RichTextBodyButton = function RichTextBodyButton(props) {
2203
2203
  "aria-disabled": props.isDisabled,
2204
2204
  disabled: props.isDisabled,
2205
2205
  "aria-label": props.label,
2206
- css: [/*#__PURE__*/react$1.css("border:0;cursor:pointer;background:", props.isActive ? designSystem.designTokens.colorAccent30 : 'transparent', ";display:flex;justify-content:center;align-items:center;border-radius:", designSystem.designTokens.spacingXs, ";padding:", designSystem.designTokens.spacingXs, ";&:focus{outline:none;}&:hover,&:focus{background:", props.isActive ? designSystem.designTokens.colorAccent30 : designSystem.designTokens.colorNeutral90, ";}svg{fill:", getFillColor(props), ";}&:disabled{pointer-events:none;svg{fill:", designSystem.designTokens.colorNeutral60, ";}}" + ("" ), "" ), props.isReadOnly && /*#__PURE__*/react$1.css("svg{fill:", designSystem.designTokens.colorNeutral60, ";}" + ("" ), "" ), "" , "" ],
2206
+ css: [/*#__PURE__*/react$1.css("border:0;cursor:pointer;background:", props.isActive ? designSystem.designTokens.colorAccent30 : 'transparent', ";display:flex;justify-content:center;align-items:center;border-radius:", designSystem.designTokens.spacing10, ";padding:", designSystem.designTokens.spacing10, ";&:focus{outline:none;}&:hover,&:focus{background:", props.isActive ? designSystem.designTokens.colorAccent30 : designSystem.designTokens.colorNeutral90, ";}svg{fill:", getFillColor(props), ";}&:disabled{pointer-events:none;svg{fill:", designSystem.designTokens.colorNeutral60, ";}}" + ("" ), "" ), props.isReadOnly && /*#__PURE__*/react$1.css("svg{fill:", designSystem.designTokens.colorNeutral60, ";}" + ("" ), "" ), "" , "" ],
2207
2207
  children: props.children
2208
2208
  }));
2209
2209
  };
@@ -2214,25 +2214,25 @@ var Button = RichTextBodyButton;
2214
2214
 
2215
2215
  var Divider = /*#__PURE__*/_styled__default["default"]("span", {
2216
2216
  target: "ehglnxa0"
2217
- } )("width:1px;height:", designSystem.designTokens.spacingL, ";background:", designSystem.designTokens.colorNeutral, ";margin:0 ", designSystem.designTokens.spacingXs, ";" + ("" ));
2217
+ } )("width:1px;height:", designSystem.designTokens.spacing40, ";background:", designSystem.designTokens.colorNeutral, ";margin:0 ", designSystem.designTokens.spacing10, ";" + ("" ));
2218
2218
 
2219
2219
  var Divider$1 = Divider;
2220
2220
 
2221
2221
  var DropdownItem = /*#__PURE__*/_styled__default["default"]("button", {
2222
2222
  target: "e1f4n71b1"
2223
- } )("width:100%;border:0;font-size:1rem;cursor:pointer;padding:", designSystem.designTokens.spacingXs, " ", designSystem.designTokens.spacingS, ";font-family:", designSystem.designTokens.fontFamilyDefault, ";display:block;background-color:", function (props) {
2223
+ } )("width:100%;border:0;font-size:1rem;cursor:pointer;padding:", designSystem.designTokens.spacing10, " ", designSystem.designTokens.spacing20, ";font-family:", designSystem.designTokens.fontFamilyDefault, ";display:block;background-color:", function (props) {
2224
2224
  return props.isSelected ? designSystem.designTokens.colorAccent95 : designSystem.designTokens.colorSurface;
2225
2225
  }, ";&:focus,&:hover{outline:none;background-color:", designSystem.designTokens.colorNeutral90, ";}" + ("" ));
2226
2226
 
2227
2227
  var getButtonStyles = function getButtonStyles(props) {
2228
2228
  var _context;
2229
2229
 
2230
- return [/*#__PURE__*/react$1.css("border:0;font-family:", designSystem.designTokens.fontFamilyDefault, ";border-radius:", designSystem.designTokens.borderRadius4, ";cursor:pointer;font-size:", designSystem.designTokens.fontSizeForInput, ";color:", designSystem.designTokens.colorSolid, ";display:flex;justify-content:center;align-items:center;padding:", props.isStyleButton ? _concatInstanceProperty__default["default"](_context = "calc(".concat(designSystem.designTokens.spacingXs, " - 1px) ")).call(_context, designSystem.designTokens.spacingS) : designSystem.designTokens.spacingXs, ";&:hover{background-color:", designSystem.designTokens.colorNeutral90, ";}" + ("" ), "" ), props.isIndeterminate && /*#__PURE__*/react$1.css("background-color:", designSystem.designTokens.colorAccent95, ";" + ("" ), "" ), props.isOpen && /*#__PURE__*/react$1.css("&:not(:hover){background-color:", designSystem.designTokens.colorAccent30, ";color:", designSystem.designTokens.colorSurface, ";svg{fill:", designSystem.designTokens.colorSurface, ";}}" + ("" ), "" ), props.isReadOnly && /*#__PURE__*/react$1.css("color:", designSystem.designTokens.colorNeutral60, ";svg{fill:", designSystem.designTokens.colorNeutral60, ";}" + ("" ), "" ), props.isDisabled && /*#__PURE__*/react$1.css("color:", designSystem.designTokens.colorNeutral60, ";svg{fill:", designSystem.designTokens.colorNeutral60, ";}" + ("" ), "" )];
2230
+ return [/*#__PURE__*/react$1.css("border:0;font-family:", designSystem.designTokens.fontFamilyDefault, ";border-radius:", designSystem.designTokens.borderRadius4, ";cursor:pointer;font-size:", designSystem.designTokens.fontSizeForInput, ";color:", designSystem.designTokens.colorSolid, ";display:flex;justify-content:center;align-items:center;padding:", props.isStyleButton ? _concatInstanceProperty__default["default"](_context = "calc(".concat(designSystem.designTokens.spacing10, " - 1px) ")).call(_context, designSystem.designTokens.spacing20) : designSystem.designTokens.spacing10, ";&:hover{background-color:", designSystem.designTokens.colorNeutral90, ";}" + ("" ), "" ), props.isIndeterminate && /*#__PURE__*/react$1.css("background-color:", designSystem.designTokens.colorAccent95, ";" + ("" ), "" ), props.isOpen && /*#__PURE__*/react$1.css("&:not(:hover){background-color:", designSystem.designTokens.colorAccent30, ";color:", designSystem.designTokens.colorSurface, ";svg{fill:", designSystem.designTokens.colorSurface, ";}}" + ("" ), "" ), props.isReadOnly && /*#__PURE__*/react$1.css("color:", designSystem.designTokens.colorNeutral60, ";svg{fill:", designSystem.designTokens.colorNeutral60, ";}" + ("" ), "" ), props.isDisabled && /*#__PURE__*/react$1.css("color:", designSystem.designTokens.colorNeutral60, ";svg{fill:", designSystem.designTokens.colorNeutral60, ";}" + ("" ), "" )];
2231
2231
  };
2232
2232
 
2233
2233
  var DropdownContainer = /*#__PURE__*/_styled__default["default"]("div", {
2234
2234
  target: "e1f4n71b0"
2235
- } )("position:absolute;cursor:pointer;font-size:", designSystem.designTokens.fontSizeForInput, ";top:", designSystem.designTokens.spacingXs, ";margin-top:", designSystem.designTokens.spacingXs, ";left:0;white-space:nowrap;background:", designSystem.designTokens.colorSurface, ";overflow:hidden;z-index:9999;border:1px solid ", designSystem.designTokens.colorPrimary, ";border-radius:", designSystem.designTokens.borderRadius6, ";" + ("" ));
2235
+ } )("position:absolute;cursor:pointer;font-size:", designSystem.designTokens.fontSizeForInput, ";top:", designSystem.designTokens.spacing10, ";margin-top:", designSystem.designTokens.spacing10, ";left:0;white-space:nowrap;background:", designSystem.designTokens.colorSurface, ";overflow:hidden;z-index:9999;border:1px solid ", designSystem.designTokens.colorPrimary, ";border-radius:", designSystem.designTokens.borderRadius6, ";" + ("" ));
2236
2236
 
2237
2237
  function ownKeys$2(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; }
2238
2238
 
@@ -3093,7 +3093,7 @@ RichTextEditorBody.defaultProps = defaultProps;
3093
3093
  var RichTextEditorBody$1 = RichTextEditorBody;
3094
3094
 
3095
3095
  // NOTE: This string will be replaced on build time with the package version.
3096
- var version = "15.5.1";
3096
+ var version = "15.7.0";
3097
3097
 
3098
3098
  exports.Element = Element;
3099
3099
  exports.HiddenInput = HiddenInput$1;