@wix/ricos 11.21.1 → 11.21.3

package/dist/es/toolbars-v3/components/FloatingToolbar/floating-toolbar.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/toolbars-v3/components/FloatingToolbar/floating-toolbar.tsx"],
-  "sourcesContent": ["import type { HideOptions, Placement, VirtualElement } from '@floating-ui/react-dom';\nimport { flip, hide, offset, shift, useFloating } from '@floating-ui/react-dom';\nimport React, { useContext, useEffect } from 'react';\nimport ReactDOM from 'react-dom';\n\nimport { RicosContext, ZIndexContext } from './../../../ricos-context/index.js';\nimport { useAnimationPausedAutoUpdate } from './../../../_shared/node-animation/use-animation-paused-auto-update.js';\n\nimport { useFloatingToolbarOffset } from './use-floating-toolbar-offset.js';\n\nexport const FloatingToolbar = ({\n  children,\n  hideStrategy,\n  referenceElement,\n  placement,\n  boundary,\n}: {\n  children: React.ReactNode;\n  hideStrategy: Exclude<HideOptions['strategy'], undefined>;\n  referenceElement: VirtualElement;\n  placement: Placement;\n  boundary: HTMLElement;\n}) => {\n  const zIndexService = useContext(ZIndexContext);\n  const { jsdomMode, portal } = useContext(RicosContext);\n  const toolbarOffset = useFloatingToolbarOffset({ referenceElement });\n\n  const {\n    x,\n    y,\n    refs: { setReference, setFloating },\n    elements,\n    update,\n    strategy,\n    middlewareData,\n  } = useFloating({\n    placement,\n    middleware: [\n      shift({\n        boundary,\n      }),\n      hide({\n        strategy: hideStrategy,\n        ...(hideStrategy !== 'referenceHidden' && { boundary }),\n      }),\n      offset(toolbarOffset),\n      flip({\n        boundary,\n      }),\n    ],\n  });\n\n  useAnimationPausedAutoUpdate({\n    reference: elements.reference,\n    floating: elements.floating,\n    update,\n  });\n\n  useEffect(() => {\n    setReference(referenceElement);\n  }, [setReference, referenceElement]);\n\n  if (!portal) {\n    return null;\n  }\n\n  return ReactDOM.createPortal(\n    <div\n      ref={setFloating}\n      style={{\n        position: strategy,\n        top: y ?? '',\n        left: x ?? '',\n        zIndex: zIndexService.getZIndex('TOOLBAR'),\n        display: jsdomMode\n          ? 'block'\n          : middlewareData.hide?.escaped || middlewareData.hide?.referenceHidden || (!x && !y)\n            ? 'none'\n            : 'block',\n      }}\n    >\n      <div data-hook=\"ricos-floating-toolbar\" tabIndex={-1}>\n        {children}\n      </div>\n    </div>,\n    portal\n  );\n};\n"],
-  "mappings": "AACA,SAAS,MAAM,MAAM,QAAQ,OAAO,mBAAmB;AACvD,OAAO,SAAS,YAAY,iBAAiB;AAC7C,OAAO,cAAc;AAErB,SAAS,cAAc,qBAAqB;AAC5C,SAAS,oCAAoC;AAE7C,SAAS,gCAAgC;AAElC,MAAM,kBAAkB,CAAC;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAMM;AACJ,QAAM,gBAAgB,WAAW,aAAa;AAC9C,QAAM,EAAE,WAAW,OAAO,IAAI,WAAW,YAAY;AACrD,QAAM,gBAAgB,yBAAyB,EAAE,iBAAiB,CAAC;AAEnE,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA,MAAM,EAAE,cAAc,YAAY;AAAA,IAClC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,YAAY;AAAA,IACd;AAAA,IACA,YAAY;AAAA,MACV,MAAM;AAAA,QACJ;AAAA,MACF,CAAC;AAAA,MACD,KAAK;AAAA,QACH,UAAU;AAAA,QACV,GAAI,iBAAiB,qBAAqB,EAAE,SAAS;AAAA,MACvD,CAAC;AAAA,MACD,OAAO,aAAa;AAAA,MACpB,KAAK;AAAA,QACH;AAAA,MACF,CAAC;AAAA,IACH;AAAA,EACF,CAAC;AAED,+BAA6B;AAAA,IAC3B,WAAW,SAAS;AAAA,IACpB,UAAU,SAAS;AAAA,IACnB;AAAA,EACF,CAAC;AAED,YAAU,MAAM;AACd,iBAAa,gBAAgB;AAAA,EAC/B,GAAG,CAAC,cAAc,gBAAgB,CAAC;AAEnC,MAAI,CAAC,QAAQ;AACX,WAAO;AAAA,EACT;AAEA,SAAO,SAAS;AAAA,IACd;AAAA,MAAC;AAAA;AAAA,QACC,KAAK;AAAA,QACL,OAAO;AAAA,UACL,UAAU;AAAA,UACV,KAAK,KAAK;AAAA,UACV,MAAM,KAAK;AAAA,UACX,QAAQ,cAAc,UAAU,SAAS;AAAA,UACzC,SAAS,YACL,UACA,eAAe,MAAM,WAAW,eAAe,MAAM,mBAAoB,CAAC,KAAK,CAAC,IAC9E,SACA;AAAA,QACR;AAAA;AAAA,MAEA,oCAAC,SAAI,aAAU,0BAAyB,UAAU,MAC/C,QACH;AAAA,IACF;AAAA,IACA;AAAA,EACF;AACF;",
+  "sourcesContent": ["import type { HideOptions, Placement, VirtualElement } from '@floating-ui/react-dom';\nimport { flip, hide, offset, shift, useFloating } from '@floating-ui/react-dom';\nimport React, { useContext, useEffect } from 'react';\nimport ReactDOM from 'react-dom';\n\nimport { RicosContext, ZIndexContext } from './../../../ricos-context/index.js';\nimport { useAnimationPausedAutoUpdate } from './../../../_shared/node-animation/use-animation-paused-auto-update.js';\n\nimport { useFloatingToolbarOffset } from './use-floating-toolbar-offset.js';\n\nexport const FloatingToolbar = ({\n  children,\n  hideStrategy,\n  referenceElement,\n  placement,\n  boundary,\n  shiftBoundary,\n}: {\n  children: React.ReactNode;\n  hideStrategy: Exclude<HideOptions['strategy'], undefined>;\n  referenceElement: VirtualElement;\n  placement: Placement;\n  boundary: HTMLElement;\n  // Narrower box for horizontal shifting only, used while the toolbar fits in it;\n  // flip and hide keep `boundary`.\n  shiftBoundary?: HTMLElement;\n}) => {\n  const zIndexService = useContext(ZIndexContext);\n  const { jsdomMode, portal } = useContext(RicosContext);\n  const toolbarOffset = useFloatingToolbarOffset({ referenceElement });\n\n  const {\n    x,\n    y,\n    refs: { setReference, setFloating },\n    elements,\n    update,\n    strategy,\n    middlewareData,\n  } = useFloating({\n    placement,\n    middleware: [\n      // A toolbar wider than shiftBoundary would only be pinned to its start edge,\n      // covering the content and still overflowing, so keep the outer boundary then.\n      shift(({ rects }) => ({\n        boundary:\n          shiftBoundary && rects.floating.width <= shiftBoundary.offsetWidth\n            ? shiftBoundary\n            : boundary,\n      })),\n      hide({\n        strategy: hideStrategy,\n        ...(hideStrategy !== 'referenceHidden' && { boundary }),\n      }),\n      offset(toolbarOffset),\n      flip({\n        boundary,\n      }),\n    ],\n  });\n\n  useAnimationPausedAutoUpdate({\n    reference: elements.reference,\n    floating: elements.floating,\n    update,\n  });\n\n  useEffect(() => {\n    setReference(referenceElement);\n  }, [setReference, referenceElement]);\n\n  if (!portal) {\n    return null;\n  }\n\n  return ReactDOM.createPortal(\n    <div\n      ref={setFloating}\n      style={{\n        position: strategy,\n        top: y ?? '',\n        left: x ?? '',\n        zIndex: zIndexService.getZIndex('TOOLBAR'),\n        display: jsdomMode\n          ? 'block'\n          : middlewareData.hide?.escaped || middlewareData.hide?.referenceHidden || (!x && !y)\n            ? 'none'\n            : 'block',\n      }}\n    >\n      <div data-hook=\"ricos-floating-toolbar\" tabIndex={-1}>\n        {children}\n      </div>\n    </div>,\n    portal\n  );\n};\n"],
+  "mappings": "AACA,SAAS,MAAM,MAAM,QAAQ,OAAO,mBAAmB;AACvD,OAAO,SAAS,YAAY,iBAAiB;AAC7C,OAAO,cAAc;AAErB,SAAS,cAAc,qBAAqB;AAC5C,SAAS,oCAAoC;AAE7C,SAAS,gCAAgC;AAElC,MAAM,kBAAkB,CAAC;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MASM;AACJ,QAAM,gBAAgB,WAAW,aAAa;AAC9C,QAAM,EAAE,WAAW,OAAO,IAAI,WAAW,YAAY;AACrD,QAAM,gBAAgB,yBAAyB,EAAE,iBAAiB,CAAC;AAEnE,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA,MAAM,EAAE,cAAc,YAAY;AAAA,IAClC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,YAAY;AAAA,IACd;AAAA,IACA,YAAY;AAAA;AAAA;AAAA,MAGV,MAAM,CAAC,EAAE,MAAM,OAAO;AAAA,QACpB,UACE,iBAAiB,MAAM,SAAS,SAAS,cAAc,cACnD,gBACA;AAAA,MACR,EAAE;AAAA,MACF,KAAK;AAAA,QACH,UAAU;AAAA,QACV,GAAI,iBAAiB,qBAAqB,EAAE,SAAS;AAAA,MACvD,CAAC;AAAA,MACD,OAAO,aAAa;AAAA,MACpB,KAAK;AAAA,QACH;AAAA,MACF,CAAC;AAAA,IACH;AAAA,EACF,CAAC;AAED,+BAA6B;AAAA,IAC3B,WAAW,SAAS;AAAA,IACpB,UAAU,SAAS;AAAA,IACnB;AAAA,EACF,CAAC;AAED,YAAU,MAAM;AACd,iBAAa,gBAAgB;AAAA,EAC/B,GAAG,CAAC,cAAc,gBAAgB,CAAC;AAEnC,MAAI,CAAC,QAAQ;AACX,WAAO;AAAA,EACT;AAEA,SAAO,SAAS;AAAA,IACd;AAAA,MAAC;AAAA;AAAA,QACC,KAAK;AAAA,QACL,OAAO;AAAA,UACL,UAAU;AAAA,UACV,KAAK,KAAK;AAAA,UACV,MAAM,KAAK;AAAA,UACX,QAAQ,cAAc,UAAU,SAAS;AAAA,UACzC,SAAS,YACL,UACA,eAAe,MAAM,WAAW,eAAe,MAAM,mBAAoB,CAAC,KAAK,CAAC,IAC9E,SACA;AAAA,QACR;AAAA;AAAA,MAEA,oCAAC,SAAI,aAAU,0BAAyB,UAAU,MAC/C,QACH;AAAA,IACF;AAAA,IACA;AAAA,EACF;AACF;",
   "names": []
 }

package/dist/es/toolbars-v3/components/InsertPluginToolbar/insert-plugin-toolbar-scss.js

@@ -1,6 +1,6 @@
-var styleDataHash = "85d121c2";
+var styleDataHash = "16f0c539";
 const injectCss = (() => {
-  var css = `.fqGUO{box-sizing:border-box}.fqGUO *,.fqGUO :after,.fqGUO :before{box-sizing:inherit}.fqGUO input{box-sizing:border-box}`;
+  var css = `.eX4tI{box-sizing:border-box}.eX4tI *,.eX4tI :after,.eX4tI :before{box-sizing:inherit}.eX4tI input{box-sizing:border-box}`;
   var isTest = typeof process !== "undefined" && process.env && false;
   if (isTest || !css || typeof document === "undefined") {
     return;
@@ -21,7 +21,7 @@ const injectCss = (() => {
 });
 injectCss();
 var insert_plugin_toolbar_default = {
-  "wrapper": "fqGUO"
+  "wrapper": "eX4tI"
 };
 export {
   insert_plugin_toolbar_default as default,

package/dist/es/toolbars-v3/components/InsertPluginToolbar/insert-plugin-toolbar-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/toolbars-v3/components/InsertPluginToolbar/insert-plugin-toolbar.scss"],
-  "sourcesContent": ["var styleDataHash = '85d121c2';  \nexport const injectCss = (() => {\n  var css = `.fqGUO{box-sizing:border-box}.fqGUO *,.fqGUO :after,.fqGUO :before{box-sizing:inherit}.fqGUO input{box-sizing:border-box}`;\n  var isTest = typeof process !== 'undefined' && process.env && process.env['NODE_ENV'] === 'test';\n\n  if (isTest || !css || typeof document === 'undefined') { return; }\n  if (document.querySelector('style[data-ricos-style-hash=\"' + styleDataHash + '\"]')) { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.setAttribute('data-ricos-style-hash', styleDataHash);\n  style.type = 'text/css';\n\n  head.appendChild(style);\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n});\n\ninjectCss();\n\n\n\nexport default {\n  \"wrapper\": \"fqGUO\"\n};"],
+  "sourcesContent": ["var styleDataHash = '16f0c539';  \nexport const injectCss = (() => {\n  var css = `.eX4tI{box-sizing:border-box}.eX4tI *,.eX4tI :after,.eX4tI :before{box-sizing:inherit}.eX4tI input{box-sizing:border-box}`;\n  var isTest = typeof process !== 'undefined' && process.env && process.env['NODE_ENV'] === 'test';\n\n  if (isTest || !css || typeof document === 'undefined') { return; }\n  if (document.querySelector('style[data-ricos-style-hash=\"' + styleDataHash + '\"]')) { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.setAttribute('data-ricos-style-hash', styleDataHash);\n  style.type = 'text/css';\n\n  head.appendChild(style);\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n});\n\ninjectCss();\n\n\n\nexport default {\n  \"wrapper\": \"eX4tI\"\n};"],
   "mappings": "AAAA,IAAI,gBAAgB;AACb,MAAM,aAAa,MAAM;AAC9B,MAAI,MAAM;AACV,MAAI,SAAS,OAAO,YAAY,eAAe,QAAQ,OAAO;AAE9D,MAAI,UAAU,CAAC,OAAO,OAAO,aAAa,aAAa;AAAE;AAAA,EAAQ;AACjE,MAAI,SAAS,cAAc,kCAAkC,gBAAgB,IAAI,GAAG;AAAE;AAAA,EAAQ;AAE9F,MAAI,OAAO,SAAS,QAAQ,SAAS,qBAAqB,MAAM,EAAE,CAAC;AACnE,MAAI,QAAQ,SAAS,cAAc,OAAO;AAC1C,QAAM,aAAa,yBAAyB,aAAa;AACzD,QAAM,OAAO;AAEb,OAAK,YAAY,KAAK;AAEtB,MAAI,MAAM,YAAY;AACpB,UAAM,WAAW,UAAU;AAAA,EAC7B,OAAO;AACL,UAAM,YAAY,SAAS,eAAe,GAAG,CAAC;AAAA,EAChD;AACF;AAEA,UAAU;AAIV,IAAO,gCAAQ;AAAA,EACb,WAAW;AACb;",
   "names": []
 }

package/dist/es/toolbars-v3/components/Toolbar/RicosDesktopToolbar/OverflownButtons-scss.js

@@ -1,6 +1,6 @@
-var styleDataHash = "bbf6cbec";
+var styleDataHash = "3b04c464";
 const injectCss = (() => {
-  var css = `@charset "UTF-8";.Coy5w{font-family:var(--ricos-font-family,unset)}.glob_fontElementMap{font-family:var(--ricos-font-family,unset)}.Rr-DS{align-items:center;background-color:var(--wds-color-fill-surface-overlay,var(--wsr-color-D80,#fff));border:1px solid rgba(51,51,51,.1);border-radius:var(--ricos-internal-toolbar-floating-border-radius,8px);box-shadow:none;box-sizing:border-box;display:flex;font-family:var(--ricos-settings-text-font-family,Madefor,"Helvetica Neue",Helvetica,Arial,メイリオ,meiryo,"ヒラギノ角ゴ pro w3","hiragino kaku gothic pro",sans-serif);height:fit-content;padding:3px;width:min-content;z-index:10}.n-3V-{align-items:center;display:flex;gap:3px;width:max-content}`;
+  var css = `@charset "UTF-8";.IRAzQ{font-family:var(--ricos-font-family,unset)}.glob_fontElementMap{font-family:var(--ricos-font-family,unset)}.TQ4tQ{align-items:center;background-color:var(--wds-color-fill-surface-overlay,var(--wsr-color-D80,#fff));border:1px solid rgba(51,51,51,.1);border-radius:var(--ricos-internal-toolbar-floating-border-radius,8px);box-shadow:none;box-sizing:border-box;display:flex;font-family:var(--ricos-settings-text-font-family,Madefor,"Helvetica Neue",Helvetica,Arial,メイリオ,meiryo,"ヒラギノ角ゴ pro w3","hiragino kaku gothic pro",sans-serif);height:fit-content;padding:3px;width:min-content;z-index:10}.KXGRU{align-items:center;display:flex;gap:3px;width:max-content}`;
   var isTest = typeof process !== "undefined" && process.env && false;
   if (isTest || !css || typeof document === "undefined") {
     return;
@@ -21,9 +21,9 @@ const injectCss = (() => {
 });
 injectCss();
 var OverflownButtons_default = {
-  "fontElementMap": "Coy5w",
-  "moreItems": "Rr-DS",
-  "overflownItems": "n-3V-"
+  "fontElementMap": "IRAzQ",
+  "moreItems": "TQ4tQ",
+  "overflownItems": "KXGRU"
 };
 export {
   OverflownButtons_default as default,

package/dist/es/toolbars-v3/components/Toolbar/RicosDesktopToolbar/OverflownButtons-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/toolbars-v3/components/Toolbar/RicosDesktopToolbar/OverflownButtons.scss"],
-  "sourcesContent": ["var styleDataHash = 'bbf6cbec';  \nexport const injectCss = (() => {\n  var css = `@charset \"UTF-8\";.Coy5w{font-family:var(--ricos-font-family,unset)}.glob_fontElementMap{font-family:var(--ricos-font-family,unset)}.Rr-DS{align-items:center;background-color:var(--wds-color-fill-surface-overlay,var(--wsr-color-D80,#fff));border:1px solid rgba(51,51,51,.1);border-radius:var(--ricos-internal-toolbar-floating-border-radius,8px);box-shadow:none;box-sizing:border-box;display:flex;font-family:var(--ricos-settings-text-font-family,Madefor,\"Helvetica Neue\",Helvetica,Arial,メイリオ,meiryo,\"ヒラギノ角ゴ pro w3\",\"hiragino kaku gothic pro\",sans-serif);height:fit-content;padding:3px;width:min-content;z-index:10}.n-3V-{align-items:center;display:flex;gap:3px;width:max-content}`;\n  var isTest = typeof process !== 'undefined' && process.env && process.env['NODE_ENV'] === 'test';\n\n  if (isTest || !css || typeof document === 'undefined') { return; }\n  if (document.querySelector('style[data-ricos-style-hash=\"' + styleDataHash + '\"]')) { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.setAttribute('data-ricos-style-hash', styleDataHash);\n  style.type = 'text/css';\n\n  head.appendChild(style);\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n});\n\ninjectCss();\n\n\n\nexport default {\n  \"fontElementMap\": \"Coy5w\",\n  \"moreItems\": \"Rr-DS\",\n  \"overflownItems\": \"n-3V-\"\n};"],
+  "sourcesContent": ["var styleDataHash = '3b04c464';  \nexport const injectCss = (() => {\n  var css = `@charset \"UTF-8\";.IRAzQ{font-family:var(--ricos-font-family,unset)}.glob_fontElementMap{font-family:var(--ricos-font-family,unset)}.TQ4tQ{align-items:center;background-color:var(--wds-color-fill-surface-overlay,var(--wsr-color-D80,#fff));border:1px solid rgba(51,51,51,.1);border-radius:var(--ricos-internal-toolbar-floating-border-radius,8px);box-shadow:none;box-sizing:border-box;display:flex;font-family:var(--ricos-settings-text-font-family,Madefor,\"Helvetica Neue\",Helvetica,Arial,メイリオ,meiryo,\"ヒラギノ角ゴ pro w3\",\"hiragino kaku gothic pro\",sans-serif);height:fit-content;padding:3px;width:min-content;z-index:10}.KXGRU{align-items:center;display:flex;gap:3px;width:max-content}`;\n  var isTest = typeof process !== 'undefined' && process.env && process.env['NODE_ENV'] === 'test';\n\n  if (isTest || !css || typeof document === 'undefined') { return; }\n  if (document.querySelector('style[data-ricos-style-hash=\"' + styleDataHash + '\"]')) { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.setAttribute('data-ricos-style-hash', styleDataHash);\n  style.type = 'text/css';\n\n  head.appendChild(style);\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n});\n\ninjectCss();\n\n\n\nexport default {\n  \"fontElementMap\": \"IRAzQ\",\n  \"moreItems\": \"TQ4tQ\",\n  \"overflownItems\": \"KXGRU\"\n};"],
   "mappings": "AAAA,IAAI,gBAAgB;AACb,MAAM,aAAa,MAAM;AAC9B,MAAI,MAAM;AACV,MAAI,SAAS,OAAO,YAAY,eAAe,QAAQ,OAAO;AAE9D,MAAI,UAAU,CAAC,OAAO,OAAO,aAAa,aAAa;AAAE;AAAA,EAAQ;AACjE,MAAI,SAAS,cAAc,kCAAkC,gBAAgB,IAAI,GAAG;AAAE;AAAA,EAAQ;AAE9F,MAAI,OAAO,SAAS,QAAQ,SAAS,qBAAqB,MAAM,EAAE,CAAC;AACnE,MAAI,QAAQ,SAAS,cAAc,OAAO;AAC1C,QAAM,aAAa,yBAAyB,aAAa;AACzD,QAAM,OAAO;AAEb,OAAK,YAAY,KAAK;AAEtB,MAAI,MAAM,YAAY;AACpB,UAAM,WAAW,UAAU;AAAA,EAC7B,OAAO;AACL,UAAM,YAAY,SAAS,eAAe,GAAG,CAAC;AAAA,EAChD;AACF;AAEA,UAAU;AAIV,IAAO,2BAAQ;AAAA,EACb,kBAAkB;AAAA,EAClB,aAAa;AAAA,EACb,kBAAkB;AACpB;",
   "names": []
 }

package/dist/es/toolbars-v3/components/Toolbar/RicosDesktopToolbar/RicosDesktopToolbar-scss.js

@@ -1,6 +1,6 @@
-var styleDataHash = "ae5b1767";
+var styleDataHash = "897e9c16";
 const injectCss = (() => {
-  var css = `.LEW6c{position:relative;width:max-content}.mw5FP{align-items:center;display:flex;gap:3px;width:max-content}.MQNBz{display:none}`;
+  var css = `.hySIN{position:relative;width:max-content}.R5N-Y{align-items:center;display:flex;gap:3px;width:max-content}.zF6tg{display:none}`;
   var isTest = typeof process !== "undefined" && process.env && false;
   if (isTest || !css || typeof document === "undefined") {
     return;
@@ -21,9 +21,9 @@ const injectCss = (() => {
 });
 injectCss();
 var RicosDesktopToolbar_default = {
-  "toolbarVisible": "LEW6c",
-  "visibleItems": "mw5FP",
-  "hiddenToolbar": "MQNBz"
+  "toolbarVisible": "hySIN",
+  "visibleItems": "R5N-Y",
+  "hiddenToolbar": "zF6tg"
 };
 export {
   RicosDesktopToolbar_default as default,

package/dist/es/toolbars-v3/components/Toolbar/RicosDesktopToolbar/RicosDesktopToolbar-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/toolbars-v3/components/Toolbar/RicosDesktopToolbar/RicosDesktopToolbar.scss"],
-  "sourcesContent": ["var styleDataHash = 'ae5b1767';  \nexport const injectCss = (() => {\n  var css = `.LEW6c{position:relative;width:max-content}.mw5FP{align-items:center;display:flex;gap:3px;width:max-content}.MQNBz{display:none}`;\n  var isTest = typeof process !== 'undefined' && process.env && process.env['NODE_ENV'] === 'test';\n\n  if (isTest || !css || typeof document === 'undefined') { return; }\n  if (document.querySelector('style[data-ricos-style-hash=\"' + styleDataHash + '\"]')) { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.setAttribute('data-ricos-style-hash', styleDataHash);\n  style.type = 'text/css';\n\n  head.appendChild(style);\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n});\n\ninjectCss();\n\n\n\nexport default {\n  \"toolbarVisible\": \"LEW6c\",\n  \"visibleItems\": \"mw5FP\",\n  \"hiddenToolbar\": \"MQNBz\"\n};"],
+  "sourcesContent": ["var styleDataHash = '897e9c16';  \nexport const injectCss = (() => {\n  var css = `.hySIN{position:relative;width:max-content}.R5N-Y{align-items:center;display:flex;gap:3px;width:max-content}.zF6tg{display:none}`;\n  var isTest = typeof process !== 'undefined' && process.env && process.env['NODE_ENV'] === 'test';\n\n  if (isTest || !css || typeof document === 'undefined') { return; }\n  if (document.querySelector('style[data-ricos-style-hash=\"' + styleDataHash + '\"]')) { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.setAttribute('data-ricos-style-hash', styleDataHash);\n  style.type = 'text/css';\n\n  head.appendChild(style);\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n});\n\ninjectCss();\n\n\n\nexport default {\n  \"toolbarVisible\": \"hySIN\",\n  \"visibleItems\": \"R5N-Y\",\n  \"hiddenToolbar\": \"zF6tg\"\n};"],
   "mappings": "AAAA,IAAI,gBAAgB;AACb,MAAM,aAAa,MAAM;AAC9B,MAAI,MAAM;AACV,MAAI,SAAS,OAAO,YAAY,eAAe,QAAQ,OAAO;AAE9D,MAAI,UAAU,CAAC,OAAO,OAAO,aAAa,aAAa;AAAE;AAAA,EAAQ;AACjE,MAAI,SAAS,cAAc,kCAAkC,gBAAgB,IAAI,GAAG;AAAE;AAAA,EAAQ;AAE9F,MAAI,OAAO,SAAS,QAAQ,SAAS,qBAAqB,MAAM,EAAE,CAAC;AACnE,MAAI,QAAQ,SAAS,cAAc,OAAO;AAC1C,QAAM,aAAa,yBAAyB,aAAa;AACzD,QAAM,OAAO;AAEb,OAAK,YAAY,KAAK;AAEtB,MAAI,MAAM,YAAY;AACpB,UAAM,WAAW,UAAU;AAAA,EAC7B,OAAO;AACL,UAAM,YAAY,SAAS,eAAe,GAAG,CAAC;AAAA,EAChD;AACF;AAEA,UAAU;AAIV,IAAO,8BAAQ;AAAA,EACb,kBAAkB;AAAA,EAClB,gBAAgB;AAAA,EAChB,iBAAiB;AACnB;",
   "names": []
 }

package/dist/es/toolbars-v3/components/Toolbar/RicosDesktopToolbar/RicosDesktopToolbarWrapper-scss.js

@@ -1,6 +1,6 @@
-var styleDataHash = "626c4292";
+var styleDataHash = "2b8d393f";
 const injectCss = (() => {
-  var css = `@charset "UTF-8";.KnpUs{font-family:var(--ricos-font-family,unset)}.glob_fontElementMap{font-family:var(--ricos-font-family,unset)}.FfQRU{border-radius:var(--ricos-settings-whitebox-border-radius,2px);box-sizing:border-box;font-family:var(--ricos-settings-text-font-family,Madefor,"Helvetica Neue",Helvetica,Arial,メイリオ,meiryo,"ヒラギノ角ゴ pro w3","hiragino kaku gothic pro",sans-serif);font-size:14px;font-weight:500;padding:3px}.T04aN{align-items:center;background-color:var(--wds-color-fill-surface-overlay,var(--wsr-color-D80,#fff));border-radius:var(--ricos-settings-whitebox-border-radius,var(--wds-border-radius-surface-overlay,8px));box-shadow:0 0 6px 0 rgba(0,6,36,.1),0 2px 4px 0 rgba(0,6,36,.05);display:flex;position:relative}.cqVa4{border-bottom:var(--ricos-custom-static-toolbar-border-bottom,solid 1px rgba(51,51,51,.1));position:static}`;
+  var css = `@charset "UTF-8";.sh9ob{font-family:var(--ricos-font-family,unset)}.glob_fontElementMap{font-family:var(--ricos-font-family,unset)}.ePjJM{border-radius:var(--ricos-settings-whitebox-border-radius,2px);box-sizing:border-box;font-family:var(--ricos-settings-text-font-family,Madefor,"Helvetica Neue",Helvetica,Arial,メイリオ,meiryo,"ヒラギノ角ゴ pro w3","hiragino kaku gothic pro",sans-serif);font-size:14px;font-weight:500;padding:3px}.u-Dyn{align-items:center;background-color:var(--wds-color-fill-surface-overlay,var(--wsr-color-D80,#fff));border-radius:var(--ricos-settings-whitebox-border-radius,var(--wds-border-radius-surface-overlay,8px));box-shadow:0 0 6px 0 rgba(0,6,36,.1),0 2px 4px 0 rgba(0,6,36,.05);display:flex;position:relative}._8GUvV{border-bottom:var(--ricos-custom-static-toolbar-border-bottom,solid 1px rgba(51,51,51,.1));position:static}`;
   var isTest = typeof process !== "undefined" && process.env && false;
   if (isTest || !css || typeof document === "undefined") {
     return;
@@ -21,10 +21,10 @@ const injectCss = (() => {
 });
 injectCss();
 var RicosDesktopToolbarWrapper_default = {
-  "fontElementMap": "KnpUs",
-  "toolbar": "FfQRU",
-  "toolbarFloating": "T04aN",
-  "toolbarStatic": "cqVa4"
+  "fontElementMap": "sh9ob",
+  "toolbar": "ePjJM",
+  "toolbarFloating": "u-Dyn",
+  "toolbarStatic": "_8GUvV"
 };
 export {
   RicosDesktopToolbarWrapper_default as default,

package/dist/es/toolbars-v3/components/Toolbar/RicosDesktopToolbar/RicosDesktopToolbarWrapper-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/toolbars-v3/components/Toolbar/RicosDesktopToolbar/RicosDesktopToolbarWrapper.scss"],
-  "sourcesContent": ["var styleDataHash = '626c4292';  \nexport const injectCss = (() => {\n  var css = `@charset \"UTF-8\";.KnpUs{font-family:var(--ricos-font-family,unset)}.glob_fontElementMap{font-family:var(--ricos-font-family,unset)}.FfQRU{border-radius:var(--ricos-settings-whitebox-border-radius,2px);box-sizing:border-box;font-family:var(--ricos-settings-text-font-family,Madefor,\"Helvetica Neue\",Helvetica,Arial,メイリオ,meiryo,\"ヒラギノ角ゴ pro w3\",\"hiragino kaku gothic pro\",sans-serif);font-size:14px;font-weight:500;padding:3px}.T04aN{align-items:center;background-color:var(--wds-color-fill-surface-overlay,var(--wsr-color-D80,#fff));border-radius:var(--ricos-settings-whitebox-border-radius,var(--wds-border-radius-surface-overlay,8px));box-shadow:0 0 6px 0 rgba(0,6,36,.1),0 2px 4px 0 rgba(0,6,36,.05);display:flex;position:relative}.cqVa4{border-bottom:var(--ricos-custom-static-toolbar-border-bottom,solid 1px rgba(51,51,51,.1));position:static}`;\n  var isTest = typeof process !== 'undefined' && process.env && process.env['NODE_ENV'] === 'test';\n\n  if (isTest || !css || typeof document === 'undefined') { return; }\n  if (document.querySelector('style[data-ricos-style-hash=\"' + styleDataHash + '\"]')) { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.setAttribute('data-ricos-style-hash', styleDataHash);\n  style.type = 'text/css';\n\n  head.appendChild(style);\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n});\n\ninjectCss();\n\n\n\nexport default {\n  \"fontElementMap\": \"KnpUs\",\n  \"toolbar\": \"FfQRU\",\n  \"toolbarFloating\": \"T04aN\",\n  \"toolbarStatic\": \"cqVa4\"\n};"],
+  "sourcesContent": ["var styleDataHash = '2b8d393f';  \nexport const injectCss = (() => {\n  var css = `@charset \"UTF-8\";.sh9ob{font-family:var(--ricos-font-family,unset)}.glob_fontElementMap{font-family:var(--ricos-font-family,unset)}.ePjJM{border-radius:var(--ricos-settings-whitebox-border-radius,2px);box-sizing:border-box;font-family:var(--ricos-settings-text-font-family,Madefor,\"Helvetica Neue\",Helvetica,Arial,メイリオ,meiryo,\"ヒラギノ角ゴ pro w3\",\"hiragino kaku gothic pro\",sans-serif);font-size:14px;font-weight:500;padding:3px}.u-Dyn{align-items:center;background-color:var(--wds-color-fill-surface-overlay,var(--wsr-color-D80,#fff));border-radius:var(--ricos-settings-whitebox-border-radius,var(--wds-border-radius-surface-overlay,8px));box-shadow:0 0 6px 0 rgba(0,6,36,.1),0 2px 4px 0 rgba(0,6,36,.05);display:flex;position:relative}._8GUvV{border-bottom:var(--ricos-custom-static-toolbar-border-bottom,solid 1px rgba(51,51,51,.1));position:static}`;\n  var isTest = typeof process !== 'undefined' && process.env && process.env['NODE_ENV'] === 'test';\n\n  if (isTest || !css || typeof document === 'undefined') { return; }\n  if (document.querySelector('style[data-ricos-style-hash=\"' + styleDataHash + '\"]')) { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.setAttribute('data-ricos-style-hash', styleDataHash);\n  style.type = 'text/css';\n\n  head.appendChild(style);\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n});\n\ninjectCss();\n\n\n\nexport default {\n  \"fontElementMap\": \"sh9ob\",\n  \"toolbar\": \"ePjJM\",\n  \"toolbarFloating\": \"u-Dyn\",\n  \"toolbarStatic\": \"_8GUvV\"\n};"],
   "mappings": "AAAA,IAAI,gBAAgB;AACb,MAAM,aAAa,MAAM;AAC9B,MAAI,MAAM;AACV,MAAI,SAAS,OAAO,YAAY,eAAe,QAAQ,OAAO;AAE9D,MAAI,UAAU,CAAC,OAAO,OAAO,aAAa,aAAa;AAAE;AAAA,EAAQ;AACjE,MAAI,SAAS,cAAc,kCAAkC,gBAAgB,IAAI,GAAG;AAAE;AAAA,EAAQ;AAE9F,MAAI,OAAO,SAAS,QAAQ,SAAS,qBAAqB,MAAM,EAAE,CAAC;AACnE,MAAI,QAAQ,SAAS,cAAc,OAAO;AAC1C,QAAM,aAAa,yBAAyB,aAAa;AACzD,QAAM,OAAO;AAEb,OAAK,YAAY,KAAK;AAEtB,MAAI,MAAM,YAAY;AACpB,UAAM,WAAW,UAAU;AAAA,EAC7B,OAAO;AACL,UAAM,YAAY,SAAS,eAAe,GAAG,CAAC;AAAA,EAChD;AACF;AAEA,UAAU;AAIV,IAAO,qCAAQ;AAAA,EACb,kBAAkB;AAAA,EAClB,WAAW;AAAA,EACX,mBAAmB;AAAA,EACnB,iBAAiB;AACnB;",
   "names": []
 }

package/dist/es/toolbars-v3/components/Toolbar/RicosDesktopToolbar/overflown-buttons.js

@@ -1,4 +1,5 @@
 import React, { useCallback, useState } from "react";
+import { useToolbarBoundary } from "./../../../toolbar-boundary.js";
 import { FloatingToolbar } from "../../FloatingToolbar/floating-toolbar.js";
 import { OverflownButtonsToolbar } from "./data-hooks.js";
 import { handleArrowKeyNavigation } from "./handle-arrow-navigation.js";
@@ -12,6 +13,7 @@ const OverflownButtons = ({
   toolbarRef
 }) => {
   const [toolbarElement, setToolbarElement] = useState(null);
+  const toolbarBoundary = useToolbarBoundary();
   const setOverflownToolbarElement = useCallback(
     (element) => {
       setToolbarElement(element);
@@ -30,6 +32,7 @@ const OverflownButtons = ({
       hideStrategy: "referenceHidden",
       referenceElement: attachTo,
       boundary: document.body,
+      shiftBoundary: toolbarBoundary ?? void 0,
       placement: `${renderVertical}-start`
     },
     /* @__PURE__ */ React.createElement(

package/dist/es/toolbars-v3/components/Toolbar/RicosDesktopToolbar/overflown-buttons.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/toolbars-v3/components/Toolbar/RicosDesktopToolbar/overflown-buttons.tsx"],
-  "sourcesContent": ["import React, { useCallback, useState } from 'react';\n\nimport type { ToolbarButtons } from '../../../models/index.js';\nimport { FloatingToolbar } from '../../FloatingToolbar/floating-toolbar.js';\nimport { OverflownButtonsToolbar } from './data-hooks.js';\nimport { handleArrowKeyNavigation } from './handle-arrow-navigation.js';\nimport styles from './OverflownButtons-scss.js';\n\nexport const OverflownButtons = ({\n  shouldShowMore,\n  overflownButtons,\n  showMoreAbove,\n  attachTo,\n  onTabPress,\n  toolbarRef,\n}: {\n  shouldShowMore: boolean;\n  overflownButtons: ToolbarButtons;\n  showMoreAbove: boolean;\n  attachTo: HTMLButtonElement;\n  onTabPress: () => void;\n  /** Exposes the overflow toolbar element to the owning toolbar's click-outside guard. */\n  toolbarRef: React.MutableRefObject<HTMLDivElement | null>;\n}) => {\n  const [toolbarElement, setToolbarElement] = useState<HTMLDivElement | null>(null);\n\n  // Stable identity, so React doesn't detach and reattach the ref (a transient null plus\n  // redundant state updates) on every rerender.\n  const setOverflownToolbarElement = useCallback(\n    (element: HTMLDivElement | null) => {\n      setToolbarElement(element);\n      toolbarRef.current = element;\n    },\n    [toolbarRef]\n  );\n\n  const showOverflowButtons = shouldShowMore && !overflownButtons.isEmpty() && !!attachTo;\n\n  if (!showOverflowButtons) {\n    return null;\n  }\n\n  const renderVertical = showMoreAbove ? 'top' : 'bottom';\n\n  return (\n    <FloatingToolbar\n      hideStrategy=\"referenceHidden\"\n      referenceElement={attachTo}\n      boundary={document.body}\n      placement={`${renderVertical}-start`}\n    >\n      <div\n        ref={setOverflownToolbarElement}\n        className={styles.moreItems}\n        data-hook={OverflownButtonsToolbar}\n        role=\"toolbar\"\n        onKeyDown={e => {\n          if (e.key === 'Tab') {\n            e.preventDefault();\n            e.stopPropagation();\n            onTabPress();\n          }\n          if (toolbarElement) {\n            handleArrowKeyNavigation({\n              e,\n              scope: toolbarElement,\n            });\n          }\n        }}\n      >\n        <div className={styles.overflownItems}>\n          {overflownButtons.getButtonsElementsWithDataHook()}\n        </div>\n      </div>\n    </FloatingToolbar>\n  );\n};\n"],
-  "mappings": "AAAA,OAAO,SAAS,aAAa,gBAAgB;AAG7C,SAAS,uBAAuB;AAChC,SAAS,+BAA+B;AACxC,SAAS,gCAAgC;AACzC,OAAO,YAAY;AAEZ,MAAM,mBAAmB,CAAC;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAQM;AACJ,QAAM,CAAC,gBAAgB,iBAAiB,IAAI,SAAgC,IAAI;AAIhF,QAAM,6BAA6B;AAAA,IACjC,CAAC,YAAmC;AAClC,wBAAkB,OAAO;AACzB,iBAAW,UAAU;AAAA,IACvB;AAAA,IACA,CAAC,UAAU;AAAA,EACb;AAEA,QAAM,sBAAsB,kBAAkB,CAAC,iBAAiB,QAAQ,KAAK,CAAC,CAAC;AAE/E,MAAI,CAAC,qBAAqB;AACxB,WAAO;AAAA,EACT;AAEA,QAAM,iBAAiB,gBAAgB,QAAQ;AAE/C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,cAAa;AAAA,MACb,kBAAkB;AAAA,MAClB,UAAU,SAAS;AAAA,MACnB,WAAW,GAAG,cAAc;AAAA;AAAA,IAE5B;AAAA,MAAC;AAAA;AAAA,QACC,KAAK;AAAA,QACL,WAAW,OAAO;AAAA,QAClB,aAAW;AAAA,QACX,MAAK;AAAA,QACL,WAAW,OAAK;AACd,cAAI,EAAE,QAAQ,OAAO;AACnB,cAAE,eAAe;AACjB,cAAE,gBAAgB;AAClB,uBAAW;AAAA,UACb;AACA,cAAI,gBAAgB;AAClB,qCAAyB;AAAA,cACvB;AAAA,cACA,OAAO;AAAA,YACT,CAAC;AAAA,UACH;AAAA,QACF;AAAA;AAAA,MAEA,oCAAC,SAAI,WAAW,OAAO,kBACpB,iBAAiB,+BAA+B,CACnD;AAAA,IACF;AAAA,EACF;AAEJ;",
+  "sourcesContent": ["import React, { useCallback, useState } from 'react';\n\nimport { useToolbarBoundary } from './../../../toolbar-boundary.js';\n\nimport type { ToolbarButtons } from '../../../models/index.js';\nimport { FloatingToolbar } from '../../FloatingToolbar/floating-toolbar.js';\nimport { OverflownButtonsToolbar } from './data-hooks.js';\nimport { handleArrowKeyNavigation } from './handle-arrow-navigation.js';\nimport styles from './OverflownButtons-scss.js';\n\nexport const OverflownButtons = ({\n  shouldShowMore,\n  overflownButtons,\n  showMoreAbove,\n  attachTo,\n  onTabPress,\n  toolbarRef,\n}: {\n  shouldShowMore: boolean;\n  overflownButtons: ToolbarButtons;\n  showMoreAbove: boolean;\n  attachTo: HTMLButtonElement;\n  onTabPress: () => void;\n  /** Exposes the overflow toolbar element to the owning toolbar's click-outside guard. */\n  toolbarRef: React.MutableRefObject<HTMLDivElement | null>;\n}) => {\n  const [toolbarElement, setToolbarElement] = useState<HTMLDivElement | null>(null);\n  const toolbarBoundary = useToolbarBoundary();\n\n  // Stable identity, so React doesn't detach and reattach the ref (a transient null plus\n  // redundant state updates) on every rerender.\n  const setOverflownToolbarElement = useCallback(\n    (element: HTMLDivElement | null) => {\n      setToolbarElement(element);\n      toolbarRef.current = element;\n    },\n    [toolbarRef]\n  );\n\n  const showOverflowButtons = shouldShowMore && !overflownButtons.isEmpty() && !!attachTo;\n\n  if (!showOverflowButtons) {\n    return null;\n  }\n\n  const renderVertical = showMoreAbove ? 'top' : 'bottom';\n\n  return (\n    <FloatingToolbar\n      hideStrategy=\"referenceHidden\"\n      referenceElement={attachTo}\n      boundary={document.body}\n      // The host can give the editor less room than the viewport (e.g. a side panel\n      // beside it), so slide the menu back inside the editor's box.\n      shiftBoundary={toolbarBoundary ?? undefined}\n      placement={`${renderVertical}-start`}\n    >\n      <div\n        ref={setOverflownToolbarElement}\n        className={styles.moreItems}\n        data-hook={OverflownButtonsToolbar}\n        role=\"toolbar\"\n        onKeyDown={e => {\n          if (e.key === 'Tab') {\n            e.preventDefault();\n            e.stopPropagation();\n            onTabPress();\n          }\n          if (toolbarElement) {\n            handleArrowKeyNavigation({\n              e,\n              scope: toolbarElement,\n            });\n          }\n        }}\n      >\n        <div className={styles.overflownItems}>\n          {overflownButtons.getButtonsElementsWithDataHook()}\n        </div>\n      </div>\n    </FloatingToolbar>\n  );\n};\n"],
+  "mappings": "AAAA,OAAO,SAAS,aAAa,gBAAgB;AAE7C,SAAS,0BAA0B;AAGnC,SAAS,uBAAuB;AAChC,SAAS,+BAA+B;AACxC,SAAS,gCAAgC;AACzC,OAAO,YAAY;AAEZ,MAAM,mBAAmB,CAAC;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAQM;AACJ,QAAM,CAAC,gBAAgB,iBAAiB,IAAI,SAAgC,IAAI;AAChF,QAAM,kBAAkB,mBAAmB;AAI3C,QAAM,6BAA6B;AAAA,IACjC,CAAC,YAAmC;AAClC,wBAAkB,OAAO;AACzB,iBAAW,UAAU;AAAA,IACvB;AAAA,IACA,CAAC,UAAU;AAAA,EACb;AAEA,QAAM,sBAAsB,kBAAkB,CAAC,iBAAiB,QAAQ,KAAK,CAAC,CAAC;AAE/E,MAAI,CAAC,qBAAqB;AACxB,WAAO;AAAA,EACT;AAEA,QAAM,iBAAiB,gBAAgB,QAAQ;AAE/C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,cAAa;AAAA,MACb,kBAAkB;AAAA,MAClB,UAAU,SAAS;AAAA,MAGnB,eAAe,mBAAmB;AAAA,MAClC,WAAW,GAAG,cAAc;AAAA;AAAA,IAE5B;AAAA,MAAC;AAAA;AAAA,QACC,KAAK;AAAA,QACL,WAAW,OAAO;AAAA,QAClB,aAAW;AAAA,QACX,MAAK;AAAA,QACL,WAAW,OAAK;AACd,cAAI,EAAE,QAAQ,OAAO;AACnB,cAAE,eAAe;AACjB,cAAE,gBAAgB;AAClB,uBAAW;AAAA,UACb;AACA,cAAI,gBAAgB;AAClB,qCAAyB;AAAA,cACvB;AAAA,cACA,OAAO;AAAA,YACT,CAAC;AAAA,UACH;AAAA,QACF;AAAA;AAAA,MAEA,oCAAC,SAAI,WAAW,OAAO,kBACpB,iBAAiB,+BAA+B,CACnD;AAAA,IACF;AAAA,EACF;AAEJ;",
   "names": []
 }

package/dist/es/toolbars-v3/components/Toolbar/RicosMobileToolbar/RicosMobileToolbar-scss.js

@@ -1,6 +1,6 @@
-var styleDataHash = "c3dbf88c";
+var styleDataHash = "81fe911c";
 const injectCss = (() => {
-  var css = `@charset "UTF-8";.NsdEG{font-family:var(--ricos-font-family,unset)}.glob_fontElementMap{font-family:var(--ricos-font-family,unset)}.iP9A1{position:relative;--mobile-toolbar-height:42px}.dmnmr{--border-top:0px;--border-bottom:0px;--border-left:0px;--border-right:0px}.zjMA2{--border-top:1px;--border-bottom:1px;--border-left:1px;--border-right:1px}.vKc72{--border-top:0px;--border-bottom:1px;--border-left:0px;--border-right:0px}.txX-t{align-items:center;background-color:var(--wds-color-fill-surface-overlay,var(--wsr-color-D80,#fff));border:none;border-radius:var(--ricos-settings-whitebox-border-radius,0);box-shadow:0 4px 8px 0 rgba(0,0,0,.1);box-sizing:border-box;display:flex;font-family:var(--ricos-settings-text-font-family,Madefor,"Helvetica Neue",Helvetica,Arial,メイリオ,meiryo,"ヒラギノ角ゴ pro w3","hiragino kaku gothic pro",sans-serif);font-size:14px;font-weight:500;height:var(--mobile-toolbar-height);min-width:100%;overflow-x:scroll;overflow-y:clip;padding:3px;position:relative;width:100%}.txX-t::-webkit-scrollbar{display:none}.YC-zu{border-radius:var(--ricos-settings-whitebox-border-radius,8px);box-shadow:var(--ricos-settings-whitebox-box-shadow,0 4px 8px 0 rgba(0,0,0,.07))}.vNF7u{border-bottom:var(--ricos-custom-static-toolbar-border-bottom,solid 1px rgba(51,51,51,.1));position:static}.b9HJT{align-items:center;display:flex;gap:3px;width:max-content}`;
+  var css = `@charset "UTF-8";.m2Dvf{font-family:var(--ricos-font-family,unset)}.glob_fontElementMap{font-family:var(--ricos-font-family,unset)}._5EY-f{position:relative;--mobile-toolbar-height:42px}._8bZAi{--border-top:0px;--border-bottom:0px;--border-left:0px;--border-right:0px}.IaV82{--border-top:1px;--border-bottom:1px;--border-left:1px;--border-right:1px}.PtRW3{--border-top:0px;--border-bottom:1px;--border-left:0px;--border-right:0px}.URLhx{align-items:center;background-color:var(--wds-color-fill-surface-overlay,var(--wsr-color-D80,#fff));border:none;border-radius:var(--ricos-settings-whitebox-border-radius,0);box-shadow:0 4px 8px 0 rgba(0,0,0,.1);box-sizing:border-box;display:flex;font-family:var(--ricos-settings-text-font-family,Madefor,"Helvetica Neue",Helvetica,Arial,メイリオ,meiryo,"ヒラギノ角ゴ pro w3","hiragino kaku gothic pro",sans-serif);font-size:14px;font-weight:500;height:var(--mobile-toolbar-height);min-width:100%;overflow-x:scroll;overflow-y:clip;padding:3px;position:relative;width:100%}.URLhx::-webkit-scrollbar{display:none}.eJv0h{border-radius:var(--ricos-settings-whitebox-border-radius,8px);box-shadow:var(--ricos-settings-whitebox-box-shadow,0 4px 8px 0 rgba(0,0,0,.07))}.Xfr90{border-bottom:var(--ricos-custom-static-toolbar-border-bottom,solid 1px rgba(51,51,51,.1));position:static}.rtElU{align-items:center;display:flex;gap:3px;width:max-content}`;
   var isTest = typeof process !== "undefined" && process.env && false;
   if (isTest || !css || typeof document === "undefined") {
     return;
@@ -21,15 +21,15 @@ const injectCss = (() => {
 });
 injectCss();
 var RicosMobileToolbar_default = {
-  "fontElementMap": "NsdEG",
-  "container": "iP9A1",
-  "regularContainer": "dmnmr",
-  "floatingContainer": "zjMA2",
-  "staticContainer": "vKc72",
-  "mobileToolbar": "txX-t",
-  "toolbarFloating": "YC-zu",
-  "toolbarStatic": "vNF7u",
-  "buttons": "b9HJT"
+  "fontElementMap": "m2Dvf",
+  "container": "_5EY-f",
+  "regularContainer": "_8bZAi",
+  "floatingContainer": "IaV82",
+  "staticContainer": "PtRW3",
+  "mobileToolbar": "URLhx",
+  "toolbarFloating": "eJv0h",
+  "toolbarStatic": "Xfr90",
+  "buttons": "rtElU"
 };
 export {
   RicosMobileToolbar_default as default,

package/dist/es/toolbars-v3/components/Toolbar/RicosMobileToolbar/RicosMobileToolbar-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/toolbars-v3/components/Toolbar/RicosMobileToolbar/RicosMobileToolbar.scss"],
-  "sourcesContent": ["var styleDataHash = 'c3dbf88c';  \nexport const injectCss = (() => {\n  var css = `@charset \"UTF-8\";.NsdEG{font-family:var(--ricos-font-family,unset)}.glob_fontElementMap{font-family:var(--ricos-font-family,unset)}.iP9A1{position:relative;--mobile-toolbar-height:42px}.dmnmr{--border-top:0px;--border-bottom:0px;--border-left:0px;--border-right:0px}.zjMA2{--border-top:1px;--border-bottom:1px;--border-left:1px;--border-right:1px}.vKc72{--border-top:0px;--border-bottom:1px;--border-left:0px;--border-right:0px}.txX-t{align-items:center;background-color:var(--wds-color-fill-surface-overlay,var(--wsr-color-D80,#fff));border:none;border-radius:var(--ricos-settings-whitebox-border-radius,0);box-shadow:0 4px 8px 0 rgba(0,0,0,.1);box-sizing:border-box;display:flex;font-family:var(--ricos-settings-text-font-family,Madefor,\"Helvetica Neue\",Helvetica,Arial,メイリオ,meiryo,\"ヒラギノ角ゴ pro w3\",\"hiragino kaku gothic pro\",sans-serif);font-size:14px;font-weight:500;height:var(--mobile-toolbar-height);min-width:100%;overflow-x:scroll;overflow-y:clip;padding:3px;position:relative;width:100%}.txX-t::-webkit-scrollbar{display:none}.YC-zu{border-radius:var(--ricos-settings-whitebox-border-radius,8px);box-shadow:var(--ricos-settings-whitebox-box-shadow,0 4px 8px 0 rgba(0,0,0,.07))}.vNF7u{border-bottom:var(--ricos-custom-static-toolbar-border-bottom,solid 1px rgba(51,51,51,.1));position:static}.b9HJT{align-items:center;display:flex;gap:3px;width:max-content}`;\n  var isTest = typeof process !== 'undefined' && process.env && process.env['NODE_ENV'] === 'test';\n\n  if (isTest || !css || typeof document === 'undefined') { return; }\n  if (document.querySelector('style[data-ricos-style-hash=\"' + styleDataHash + '\"]')) { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.setAttribute('data-ricos-style-hash', styleDataHash);\n  style.type = 'text/css';\n\n  head.appendChild(style);\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n});\n\ninjectCss();\n\n\n\nexport default {\n  \"fontElementMap\": \"NsdEG\",\n  \"container\": \"iP9A1\",\n  \"regularContainer\": \"dmnmr\",\n  \"floatingContainer\": \"zjMA2\",\n  \"staticContainer\": \"vKc72\",\n  \"mobileToolbar\": \"txX-t\",\n  \"toolbarFloating\": \"YC-zu\",\n  \"toolbarStatic\": \"vNF7u\",\n  \"buttons\": \"b9HJT\"\n};"],
+  "sourcesContent": ["var styleDataHash = '81fe911c';  \nexport const injectCss = (() => {\n  var css = `@charset \"UTF-8\";.m2Dvf{font-family:var(--ricos-font-family,unset)}.glob_fontElementMap{font-family:var(--ricos-font-family,unset)}._5EY-f{position:relative;--mobile-toolbar-height:42px}._8bZAi{--border-top:0px;--border-bottom:0px;--border-left:0px;--border-right:0px}.IaV82{--border-top:1px;--border-bottom:1px;--border-left:1px;--border-right:1px}.PtRW3{--border-top:0px;--border-bottom:1px;--border-left:0px;--border-right:0px}.URLhx{align-items:center;background-color:var(--wds-color-fill-surface-overlay,var(--wsr-color-D80,#fff));border:none;border-radius:var(--ricos-settings-whitebox-border-radius,0);box-shadow:0 4px 8px 0 rgba(0,0,0,.1);box-sizing:border-box;display:flex;font-family:var(--ricos-settings-text-font-family,Madefor,\"Helvetica Neue\",Helvetica,Arial,メイリオ,meiryo,\"ヒラギノ角ゴ pro w3\",\"hiragino kaku gothic pro\",sans-serif);font-size:14px;font-weight:500;height:var(--mobile-toolbar-height);min-width:100%;overflow-x:scroll;overflow-y:clip;padding:3px;position:relative;width:100%}.URLhx::-webkit-scrollbar{display:none}.eJv0h{border-radius:var(--ricos-settings-whitebox-border-radius,8px);box-shadow:var(--ricos-settings-whitebox-box-shadow,0 4px 8px 0 rgba(0,0,0,.07))}.Xfr90{border-bottom:var(--ricos-custom-static-toolbar-border-bottom,solid 1px rgba(51,51,51,.1));position:static}.rtElU{align-items:center;display:flex;gap:3px;width:max-content}`;\n  var isTest = typeof process !== 'undefined' && process.env && process.env['NODE_ENV'] === 'test';\n\n  if (isTest || !css || typeof document === 'undefined') { return; }\n  if (document.querySelector('style[data-ricos-style-hash=\"' + styleDataHash + '\"]')) { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.setAttribute('data-ricos-style-hash', styleDataHash);\n  style.type = 'text/css';\n\n  head.appendChild(style);\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n});\n\ninjectCss();\n\n\n\nexport default {\n  \"fontElementMap\": \"m2Dvf\",\n  \"container\": \"_5EY-f\",\n  \"regularContainer\": \"_8bZAi\",\n  \"floatingContainer\": \"IaV82\",\n  \"staticContainer\": \"PtRW3\",\n  \"mobileToolbar\": \"URLhx\",\n  \"toolbarFloating\": \"eJv0h\",\n  \"toolbarStatic\": \"Xfr90\",\n  \"buttons\": \"rtElU\"\n};"],
   "mappings": "AAAA,IAAI,gBAAgB;AACb,MAAM,aAAa,MAAM;AAC9B,MAAI,MAAM;AACV,MAAI,SAAS,OAAO,YAAY,eAAe,QAAQ,OAAO;AAE9D,MAAI,UAAU,CAAC,OAAO,OAAO,aAAa,aAAa;AAAE;AAAA,EAAQ;AACjE,MAAI,SAAS,cAAc,kCAAkC,gBAAgB,IAAI,GAAG;AAAE;AAAA,EAAQ;AAE9F,MAAI,OAAO,SAAS,QAAQ,SAAS,qBAAqB,MAAM,EAAE,CAAC;AACnE,MAAI,QAAQ,SAAS,cAAc,OAAO;AAC1C,QAAM,aAAa,yBAAyB,aAAa;AACzD,QAAM,OAAO;AAEb,OAAK,YAAY,KAAK;AAEtB,MAAI,MAAM,YAAY;AACpB,UAAM,WAAW,UAAU;AAAA,EAC7B,OAAO;AACL,UAAM,YAAY,SAAS,eAAe,GAAG,CAAC;AAAA,EAChD;AACF;AAEA,UAAU;AAIV,IAAO,6BAAQ;AAAA,EACb,kBAAkB;AAAA,EAClB,aAAa;AAAA,EACb,oBAAoB;AAAA,EACpB,qBAAqB;AAAA,EACrB,mBAAmB;AAAA,EACnB,iBAAiB;AAAA,EACjB,mBAAmB;AAAA,EACnB,iBAAiB;AAAA,EACjB,WAAW;AACb;",
   "names": []
 }

package/dist/es/toolbars-v3/components/Toolbar/RicosMobileToolbar/mobile-toolbar-overlay/mobile-toolbar-overlay-scss.js

@@ -1,6 +1,6 @@
-var styleDataHash = "fe3c39e8";
+var styleDataHash = "05991db7";
 const injectCss = (() => {
-  var css = `.g9TRv:after{--mobile-toolbar-surface:var(--wds-color-fill-surface-overlay,var(--wsr-color-D80,#fff));background:linear-gradient(90deg,var(--mobile-toolbar-surface) 0,hsla(0,0%,100%,0) calc(var(--left-gradient-end, 0)*1%),hsla(0,0%,100%,0) calc(var(--right-gradient-start, 100)*1%),var(--mobile-toolbar-surface) 100%);content:"";height:calc(var(--mobile-toolbar-height) - var(--border-top) - var(--border-bottom));inset-inline-start:var(--border-left);pointer-events:none;position:absolute;top:var(--border-top);width:calc(var(--mobile-toolbar-width, 0)*1px - var(--border-left) - var(--border-right))}[data-hook=mobile-toolbar][dir=rtl] .g9TRv:after{background:linear-gradient(-90deg,var(--mobile-toolbar-surface) 0,hsla(0,0%,100%,0) calc(var(--left-gradient-end, 0)*1%),hsla(0,0%,100%,0) calc(var(--right-gradient-start, 100)*1%),var(--mobile-toolbar-surface) 100%)}`;
+  var css = `.XfL53:after{--mobile-toolbar-surface:var(--wds-color-fill-surface-overlay,var(--wsr-color-D80,#fff));background:linear-gradient(90deg,var(--mobile-toolbar-surface) 0,hsla(0,0%,100%,0) calc(var(--left-gradient-end, 0)*1%),hsla(0,0%,100%,0) calc(var(--right-gradient-start, 100)*1%),var(--mobile-toolbar-surface) 100%);content:"";height:calc(var(--mobile-toolbar-height) - var(--border-top) - var(--border-bottom));inset-inline-start:var(--border-left);pointer-events:none;position:absolute;top:var(--border-top);width:calc(var(--mobile-toolbar-width, 0)*1px - var(--border-left) - var(--border-right))}[data-hook=mobile-toolbar][dir=rtl] .XfL53:after{background:linear-gradient(-90deg,var(--mobile-toolbar-surface) 0,hsla(0,0%,100%,0) calc(var(--left-gradient-end, 0)*1%),hsla(0,0%,100%,0) calc(var(--right-gradient-start, 100)*1%),var(--mobile-toolbar-surface) 100%)}`;
   var isTest = typeof process !== "undefined" && process.env && false;
   if (isTest || !css || typeof document === "undefined") {
     return;
@@ -21,7 +21,7 @@ const injectCss = (() => {
 });
 injectCss();
 var mobile_toolbar_overlay_default = {
-  "mobileToolbarOverlay": "g9TRv"
+  "mobileToolbarOverlay": "XfL53"
 };
 export {
   mobile_toolbar_overlay_default as default,

package/dist/es/toolbars-v3/components/Toolbar/RicosMobileToolbar/mobile-toolbar-overlay/mobile-toolbar-overlay-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/toolbars-v3/components/Toolbar/RicosMobileToolbar/mobile-toolbar-overlay/mobile-toolbar-overlay.scss"],
-  "sourcesContent": ["var styleDataHash = 'fe3c39e8';  \nexport const injectCss = (() => {\n  var css = `.g9TRv:after{--mobile-toolbar-surface:var(--wds-color-fill-surface-overlay,var(--wsr-color-D80,#fff));background:linear-gradient(90deg,var(--mobile-toolbar-surface) 0,hsla(0,0%,100%,0) calc(var(--left-gradient-end, 0)*1%),hsla(0,0%,100%,0) calc(var(--right-gradient-start, 100)*1%),var(--mobile-toolbar-surface) 100%);content:\"\";height:calc(var(--mobile-toolbar-height) - var(--border-top) - var(--border-bottom));inset-inline-start:var(--border-left);pointer-events:none;position:absolute;top:var(--border-top);width:calc(var(--mobile-toolbar-width, 0)*1px - var(--border-left) - var(--border-right))}[data-hook=mobile-toolbar][dir=rtl] .g9TRv:after{background:linear-gradient(-90deg,var(--mobile-toolbar-surface) 0,hsla(0,0%,100%,0) calc(var(--left-gradient-end, 0)*1%),hsla(0,0%,100%,0) calc(var(--right-gradient-start, 100)*1%),var(--mobile-toolbar-surface) 100%)}`;\n  var isTest = typeof process !== 'undefined' && process.env && process.env['NODE_ENV'] === 'test';\n\n  if (isTest || !css || typeof document === 'undefined') { return; }\n  if (document.querySelector('style[data-ricos-style-hash=\"' + styleDataHash + '\"]')) { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.setAttribute('data-ricos-style-hash', styleDataHash);\n  style.type = 'text/css';\n\n  head.appendChild(style);\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n});\n\ninjectCss();\n\n\n\nexport default {\n  \"mobileToolbarOverlay\": \"g9TRv\"\n};"],
+  "sourcesContent": ["var styleDataHash = '05991db7';  \nexport const injectCss = (() => {\n  var css = `.XfL53:after{--mobile-toolbar-surface:var(--wds-color-fill-surface-overlay,var(--wsr-color-D80,#fff));background:linear-gradient(90deg,var(--mobile-toolbar-surface) 0,hsla(0,0%,100%,0) calc(var(--left-gradient-end, 0)*1%),hsla(0,0%,100%,0) calc(var(--right-gradient-start, 100)*1%),var(--mobile-toolbar-surface) 100%);content:\"\";height:calc(var(--mobile-toolbar-height) - var(--border-top) - var(--border-bottom));inset-inline-start:var(--border-left);pointer-events:none;position:absolute;top:var(--border-top);width:calc(var(--mobile-toolbar-width, 0)*1px - var(--border-left) - var(--border-right))}[data-hook=mobile-toolbar][dir=rtl] .XfL53:after{background:linear-gradient(-90deg,var(--mobile-toolbar-surface) 0,hsla(0,0%,100%,0) calc(var(--left-gradient-end, 0)*1%),hsla(0,0%,100%,0) calc(var(--right-gradient-start, 100)*1%),var(--mobile-toolbar-surface) 100%)}`;\n  var isTest = typeof process !== 'undefined' && process.env && process.env['NODE_ENV'] === 'test';\n\n  if (isTest || !css || typeof document === 'undefined') { return; }\n  if (document.querySelector('style[data-ricos-style-hash=\"' + styleDataHash + '\"]')) { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.setAttribute('data-ricos-style-hash', styleDataHash);\n  style.type = 'text/css';\n\n  head.appendChild(style);\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n});\n\ninjectCss();\n\n\n\nexport default {\n  \"mobileToolbarOverlay\": \"XfL53\"\n};"],
   "mappings": "AAAA,IAAI,gBAAgB;AACb,MAAM,aAAa,MAAM;AAC9B,MAAI,MAAM;AACV,MAAI,SAAS,OAAO,YAAY,eAAe,QAAQ,OAAO;AAE9D,MAAI,UAAU,CAAC,OAAO,OAAO,aAAa,aAAa;AAAE;AAAA,EAAQ;AACjE,MAAI,SAAS,cAAc,kCAAkC,gBAAgB,IAAI,GAAG;AAAE;AAAA,EAAQ;AAE9F,MAAI,OAAO,SAAS,QAAQ,SAAS,qBAAqB,MAAM,EAAE,CAAC;AACnE,MAAI,QAAQ,SAAS,cAAc,OAAO;AAC1C,QAAM,aAAa,yBAAyB,aAAa;AACzD,QAAM,OAAO;AAEb,OAAK,YAAY,KAAK;AAEtB,MAAI,MAAM,YAAY;AACpB,UAAM,WAAW,UAAU;AAAA,EAC7B,OAAO;AACL,UAAM,YAAY,SAAS,eAAe,GAAG,CAAC;AAAA,EAChD;AACF;AAEA,UAAU;AAIV,IAAO,iCAAQ;AAAA,EACb,wBAAwB;AAC1B;",
   "names": []
 }

package/dist/es/toolbars-v3/components/UseSizeCalculator/use-size-calculator.js

@@ -1,5 +1,6 @@
 import React, { useCallback, useContext, useEffect, useState } from "react";
 import { RicosContext } from "./../../../ricos-context/index.js";
+import { getElementScale } from "./../../../_shared/get-element-scale.js";
 import { ToolbarButtons } from "../../models/index.js";
 const MORE_BUTTON_WIDTH = 30;
 const GAP_BETWEEN_BUTTONS = 4;
@@ -32,10 +33,11 @@ const Overflow = ({
     if (!containerRef) {
       return;
     }
+    const { scaleX } = getElementScale(containerRef);
     const elements = Array.from(containerRef.children).map((child) => {
       return {
         child,
-        width: Math.ceil(child.getBoundingClientRect().width)
+        width: Math.round(child.getBoundingClientRect().width / scaleX)
       };
     });
     let stackIsFull = false;

package/dist/es/toolbars-v3/components/UseSizeCalculator/use-size-calculator.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/toolbars-v3/components/UseSizeCalculator/use-size-calculator.tsx"],
-  "sourcesContent": ["import React, { useCallback, useContext, useEffect, useState } from 'react';\n\nimport { RicosContext } from './../../../ricos-context/index.js';\n\nimport { ToolbarButtons } from '../../models/index.js';\n\ntype SizeResult = {\n  visibleButtons: ToolbarButtons;\n  overflownButtons: ToolbarButtons;\n};\n\ntype SizeCalculatorProps = {\n  width: number;\n  toolbarButtons: ToolbarButtons;\n  onlyShownButtons?: string[];\n};\n\nconst MORE_BUTTON_WIDTH = 30;\nconst GAP_BETWEEN_BUTTONS = 4;\n\nconst getButtonsToRender = (toolbarButtons: ToolbarButtons, onlyShownButtons?: string[]) =>\n  new ToolbarButtons(\n    toolbarButtons.toolbarButtons\n      .filter(button => onlyShownButtons === undefined || onlyShownButtons.includes(button.getId()))\n      .sort(\n        (a, b) =>\n          (onlyShownButtons?.findIndex(id => id === a.getId()) ?? 0) -\n          (onlyShownButtons?.findIndex(id => id === b.getId()) ?? 0)\n      )\n  );\n\nconst getAlwaysOverflownButtons = (toolbarButtons: ToolbarButtons, onlyShownButtons?: string[]) =>\n  toolbarButtons.toolbarButtons.filter(\n    button => onlyShownButtons !== undefined && !onlyShownButtons.includes(button.getId())\n  );\n\n// Optimistic first render, before the hidden measurer below has had a chance\n// to mount and measure real button widths: assume nothing overflows on\n// width grounds yet (only respecting `onlyShownButtons`-forced overflow).\n// Without this, `data` starts `undefined` and the toolbar's whole\n// `TOOLBAR_VISIBLE` marker (and every button in it) is absent from the DOM\n// for at least one extra render+effect cycle after every mount — e.g. after\n// a plugin toolbar unmounts on blur and remounts on reselection — which is\n// enough to flake a UI test that clicks a toolbar button right after\n// reselecting (see table-style-inheritance sled3 spec).\nconst getInitialSizeResult = (\n  toolbarButtons: ToolbarButtons,\n  onlyShownButtons?: string[]\n): SizeResult => ({\n  visibleButtons: getButtonsToRender(toolbarButtons, onlyShownButtons),\n  overflownButtons: new ToolbarButtons(getAlwaysOverflownButtons(toolbarButtons, onlyShownButtons)),\n});\n\nconst Overflow = ({\n  width,\n  toolbarButtons,\n  onChange,\n  onlyShownButtons,\n}: {\n  width: number;\n  toolbarButtons: ToolbarButtons;\n  onChange: (result: SizeResult) => void;\n  onlyShownButtons?: string[];\n}) => {\n  const { jsdomMode } = useContext(RicosContext);\n  const [containerRef, setContainerRef] = useState<HTMLDivElement | null>(null);\n  const buttonsToRender = getButtonsToRender(toolbarButtons, onlyShownButtons);\n  const alwaysOverflownButtons = getAlwaysOverflownButtons(toolbarButtons, onlyShownButtons);\n  useEffect(() => {\n    let sumVisible = 0;\n    const visibleButtons: ToolbarButtons = new ToolbarButtons([]);\n    const overflownButtons: ToolbarButtons = new ToolbarButtons([]);\n\n    if (!containerRef) {\n      return;\n    }\n\n    const elements = Array.from(containerRef.children).map((child: Element) => {\n      return {\n        child,\n        width: Math.ceil(child.getBoundingClientRect().width),\n      };\n    });\n    let stackIsFull = false;\n    elements.forEach((element, index) => {\n      if ((!stackIsFull && sumVisible + element.width <= width - MORE_BUTTON_WIDTH) || jsdomMode) {\n        visibleButtons.addButton(buttonsToRender.getButtonByIndex(index));\n\n        sumVisible += element.width + GAP_BETWEEN_BUTTONS;\n      } else {\n        stackIsFull = true;\n        overflownButtons.addButton(buttonsToRender.getButtonByIndex(index));\n      }\n    });\n\n    alwaysOverflownButtons.forEach(button => {\n      overflownButtons.addButton(button);\n    });\n\n    onChange({\n      visibleButtons,\n      overflownButtons,\n    });\n  }, [width, toolbarButtons, containerRef]);\n\n  return (\n    <div\n      style={{ visibility: 'hidden', position: 'absolute', display: 'flex' }}\n      ref={setContainerRef}\n    >\n      {buttonsToRender.getButtonsElements()}\n    </div>\n  );\n};\n\nexport const useSizeCalculator = ({\n  width,\n  toolbarButtons,\n  onlyShownButtons,\n}: SizeCalculatorProps) => {\n  const [data, setData] = useState<SizeResult>(() =>\n    getInitialSizeResult(toolbarButtons, onlyShownButtons)\n  );\n\n  const OverflowCalculator = useCallback(\n    () => (\n      <Overflow\n        width={Number(width)}\n        toolbarButtons={toolbarButtons}\n        onChange={setData}\n        onlyShownButtons={onlyShownButtons}\n      />\n    ),\n    [width, toolbarButtons, onlyShownButtons, setData]\n  );\n\n  return { data, OverflowCalculator };\n};\n"],
-  "mappings": "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",
+  "sourcesContent": ["import React, { useCallback, useContext, useEffect, useState } from 'react';\n\nimport { RicosContext } from './../../../ricos-context/index.js';\nimport { getElementScale } from './../../../_shared/get-element-scale.js';\n\nimport { ToolbarButtons } from '../../models/index.js';\n\ntype SizeResult = {\n  visibleButtons: ToolbarButtons;\n  overflownButtons: ToolbarButtons;\n};\n\ntype SizeCalculatorProps = {\n  width: number;\n  toolbarButtons: ToolbarButtons;\n  onlyShownButtons?: string[];\n};\n\nconst MORE_BUTTON_WIDTH = 30;\nconst GAP_BETWEEN_BUTTONS = 4;\n\nconst getButtonsToRender = (toolbarButtons: ToolbarButtons, onlyShownButtons?: string[]) =>\n  new ToolbarButtons(\n    toolbarButtons.toolbarButtons\n      .filter(button => onlyShownButtons === undefined || onlyShownButtons.includes(button.getId()))\n      .sort(\n        (a, b) =>\n          (onlyShownButtons?.findIndex(id => id === a.getId()) ?? 0) -\n          (onlyShownButtons?.findIndex(id => id === b.getId()) ?? 0)\n      )\n  );\n\nconst getAlwaysOverflownButtons = (toolbarButtons: ToolbarButtons, onlyShownButtons?: string[]) =>\n  toolbarButtons.toolbarButtons.filter(\n    button => onlyShownButtons !== undefined && !onlyShownButtons.includes(button.getId())\n  );\n\n// Optimistic first render, before the hidden measurer below has had a chance\n// to mount and measure real button widths: assume nothing overflows on\n// width grounds yet (only respecting `onlyShownButtons`-forced overflow).\n// Without this, `data` starts `undefined` and the toolbar's whole\n// `TOOLBAR_VISIBLE` marker (and every button in it) is absent from the DOM\n// for at least one extra render+effect cycle after every mount — e.g. after\n// a plugin toolbar unmounts on blur and remounts on reselection — which is\n// enough to flake a UI test that clicks a toolbar button right after\n// reselecting (see table-style-inheritance sled3 spec).\nconst getInitialSizeResult = (\n  toolbarButtons: ToolbarButtons,\n  onlyShownButtons?: string[]\n): SizeResult => ({\n  visibleButtons: getButtonsToRender(toolbarButtons, onlyShownButtons),\n  overflownButtons: new ToolbarButtons(getAlwaysOverflownButtons(toolbarButtons, onlyShownButtons)),\n});\n\nconst Overflow = ({\n  width,\n  toolbarButtons,\n  onChange,\n  onlyShownButtons,\n}: {\n  width: number;\n  toolbarButtons: ToolbarButtons;\n  onChange: (result: SizeResult) => void;\n  onlyShownButtons?: string[];\n}) => {\n  const { jsdomMode } = useContext(RicosContext);\n  const [containerRef, setContainerRef] = useState<HTMLDivElement | null>(null);\n  const buttonsToRender = getButtonsToRender(toolbarButtons, onlyShownButtons);\n  const alwaysOverflownButtons = getAlwaysOverflownButtons(toolbarButtons, onlyShownButtons);\n  useEffect(() => {\n    let sumVisible = 0;\n    const visibleButtons: ToolbarButtons = new ToolbarButtons([]);\n    const overflownButtons: ToolbarButtons = new ToolbarButtons([]);\n\n    if (!containerRef) {\n      return;\n    }\n\n    // Match whole layout pixels while a host modal animates its scale.\n    const { scaleX } = getElementScale(containerRef);\n    const elements = Array.from(containerRef.children).map((child: Element) => {\n      return {\n        child,\n        width: Math.round(child.getBoundingClientRect().width / scaleX),\n      };\n    });\n    let stackIsFull = false;\n    elements.forEach((element, index) => {\n      if ((!stackIsFull && sumVisible + element.width <= width - MORE_BUTTON_WIDTH) || jsdomMode) {\n        visibleButtons.addButton(buttonsToRender.getButtonByIndex(index));\n\n        sumVisible += element.width + GAP_BETWEEN_BUTTONS;\n      } else {\n        stackIsFull = true;\n        overflownButtons.addButton(buttonsToRender.getButtonByIndex(index));\n      }\n    });\n\n    alwaysOverflownButtons.forEach(button => {\n      overflownButtons.addButton(button);\n    });\n\n    onChange({\n      visibleButtons,\n      overflownButtons,\n    });\n  }, [width, toolbarButtons, containerRef]);\n\n  return (\n    <div\n      style={{ visibility: 'hidden', position: 'absolute', display: 'flex' }}\n      ref={setContainerRef}\n    >\n      {buttonsToRender.getButtonsElements()}\n    </div>\n  );\n};\n\nexport const useSizeCalculator = ({\n  width,\n  toolbarButtons,\n  onlyShownButtons,\n}: SizeCalculatorProps) => {\n  const [data, setData] = useState<SizeResult>(() =>\n    getInitialSizeResult(toolbarButtons, onlyShownButtons)\n  );\n\n  const OverflowCalculator = useCallback(\n    () => (\n      <Overflow\n        width={Number(width)}\n        toolbarButtons={toolbarButtons}\n        onChange={setData}\n        onlyShownButtons={onlyShownButtons}\n      />\n    ),\n    [width, toolbarButtons, onlyShownButtons, setData]\n  );\n\n  return { data, OverflowCalculator };\n};\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/es/toolbars-v3/components/buttons/AddPluginMenuButtons/AddPluginMenuMobileButton-scss.js

@@ -1,10 +1,10 @@
-var styleDataHash = "3717a03e";
+var styleDataHash = "3d91df1b";
 const injectCss = (() => {
-  var css = `.kjswb{--wds-toggle-button-label-fill-inverted-default:var(
+  var css = `.NYPHx{--wds-toggle-button-label-fill-inverted-default:var(
     --ricos-settings-text-color,var(--ricos-action-color-fallback,#116dff)
-  )}@supports (color:rgb(from #000 r g b/0.1)){.kjswb{--wds-toggle-button-label-fill-inverted-default:var(
+  )}@supports (color:rgb(from #000 r g b/0.1)){.NYPHx{--wds-toggle-button-label-fill-inverted-default:var(
       --ricos-settings-text-color,rgb(from var(--ricos-action-color,#116dff) min(r,150) min(g,150) min(b,150))
-    )}}.kjswb svg{fill:var(--ricos-settings-icons-color,currentColor);color:var(--ricos-settings-icons-color,currentColor)}`;
+    )}}.NYPHx svg{fill:var(--ricos-settings-icons-color,currentColor);color:var(--ricos-settings-icons-color,currentColor)}`;
   var isTest = typeof process !== "undefined" && process.env && false;
   if (isTest || !css || typeof document === "undefined") {
     return;
@@ -25,7 +25,7 @@ const injectCss = (() => {
 });
 injectCss();
 var AddPluginMenuMobileButton_default = {
-  "toggleButton": "kjswb"
+  "toggleButton": "NYPHx"
 };
 export {
   AddPluginMenuMobileButton_default as default,

package/dist/es/toolbars-v3/components/buttons/AddPluginMenuButtons/AddPluginMenuMobileButton-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/toolbars-v3/components/buttons/AddPluginMenuButtons/AddPluginMenuMobileButton.scss"],
-  "sourcesContent": ["var styleDataHash = '3717a03e';  \nexport const injectCss = (() => {\n  var css = `.kjswb{--wds-toggle-button-label-fill-inverted-default:var(\n    --ricos-settings-text-color,var(--ricos-action-color-fallback,#116dff)\n  )}@supports (color:rgb(from #000 r g b/0.1)){.kjswb{--wds-toggle-button-label-fill-inverted-default:var(\n      --ricos-settings-text-color,rgb(from var(--ricos-action-color,#116dff) min(r,150) min(g,150) min(b,150))\n    )}}.kjswb svg{fill:var(--ricos-settings-icons-color,currentColor);color:var(--ricos-settings-icons-color,currentColor)}`;\n  var isTest = typeof process !== 'undefined' && process.env && process.env['NODE_ENV'] === 'test';\n\n  if (isTest || !css || typeof document === 'undefined') { return; }\n  if (document.querySelector('style[data-ricos-style-hash=\"' + styleDataHash + '\"]')) { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.setAttribute('data-ricos-style-hash', styleDataHash);\n  style.type = 'text/css';\n\n  head.appendChild(style);\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n});\n\ninjectCss();\n\n\n\nexport default {\n  \"toggleButton\": \"kjswb\"\n};"],
+  "sourcesContent": ["var styleDataHash = '3d91df1b';  \nexport const injectCss = (() => {\n  var css = `.NYPHx{--wds-toggle-button-label-fill-inverted-default:var(\n    --ricos-settings-text-color,var(--ricos-action-color-fallback,#116dff)\n  )}@supports (color:rgb(from #000 r g b/0.1)){.NYPHx{--wds-toggle-button-label-fill-inverted-default:var(\n      --ricos-settings-text-color,rgb(from var(--ricos-action-color,#116dff) min(r,150) min(g,150) min(b,150))\n    )}}.NYPHx svg{fill:var(--ricos-settings-icons-color,currentColor);color:var(--ricos-settings-icons-color,currentColor)}`;\n  var isTest = typeof process !== 'undefined' && process.env && process.env['NODE_ENV'] === 'test';\n\n  if (isTest || !css || typeof document === 'undefined') { return; }\n  if (document.querySelector('style[data-ricos-style-hash=\"' + styleDataHash + '\"]')) { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.setAttribute('data-ricos-style-hash', styleDataHash);\n  style.type = 'text/css';\n\n  head.appendChild(style);\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n});\n\ninjectCss();\n\n\n\nexport default {\n  \"toggleButton\": \"NYPHx\"\n};"],
   "mappings": "AAAA,IAAI,gBAAgB;AACb,MAAM,aAAa,MAAM;AAC9B,MAAI,MAAM;AAAA;AAAA;AAAA;AAAA;AAKV,MAAI,SAAS,OAAO,YAAY,eAAe,QAAQ,OAAO;AAE9D,MAAI,UAAU,CAAC,OAAO,OAAO,aAAa,aAAa;AAAE;AAAA,EAAQ;AACjE,MAAI,SAAS,cAAc,kCAAkC,gBAAgB,IAAI,GAAG;AAAE;AAAA,EAAQ;AAE9F,MAAI,OAAO,SAAS,QAAQ,SAAS,qBAAqB,MAAM,EAAE,CAAC;AACnE,MAAI,QAAQ,SAAS,cAAc,OAAO;AAC1C,QAAM,aAAa,yBAAyB,aAAa;AACzD,QAAM,OAAO;AAEb,OAAK,YAAY,KAAK;AAEtB,MAAI,MAAM,YAAY;AACpB,UAAM,WAAW,UAAU;AAAA,EAC7B,OAAO;AACL,UAAM,YAAY,SAAS,eAAe,GAAG,CAAC;AAAA,EAChD;AACF;AAEA,UAAU;AAIV,IAAO,oCAAQ;AAAA,EACb,gBAAgB;AAClB;",
   "names": []
 }

package/dist/es/toolbars-v3/components/buttons/FontSizeButton/FontSizeButton-scss.js

@@ -1,6 +1,6 @@
-var styleDataHash = "a5e05edc";
+var styleDataHash = "2560f9c4";
 const injectCss = (() => {
-  var css = `.sFxtI{align-items:center;background:var(--wds-toggle-button-fill-inverted,transparent);border-radius:var(--wds-toggle-button-border-radius-square-small,4px);color:var(--wds-toggle-button-label-fill-inverted-default,var(--wsr-color-D10,#000624));cursor:pointer;display:flex;font-size:var(--wds-toggle-button-square-label-font-size-small,var(--wsr-text-font-size-tiny,12px));height:var(--wds-button-size-small,30px);justify-content:center;min-width:var(--wds-button-size-small,30px)}.sFxtI svg{fill:currentColor}.sFxtI:hover:not(.DAQG9){background-color:var(--wds-toggle-button-fill-inverted-hover,var(--wsr-color-B50,#e7f0ff));color:var(--wds-toggle-button-label-fill-inverted-hover,var(--wsr-color-B10,#116dff))}.sFxtI.ZbmPu{background-color:var(--wds-toggle-button-fill-inverted-selected,var(--wsr-color-B10,#116dff));color:var(--wds-toggle-button-label-fill-inverted-selected,var(--wsr-color-D80,#fff))}.sFxtI.DAQG9{color:var(--wds-toggle-button-label-fill-inverted-disabled,var(--wsr-color-D55,#cfd1dc));cursor:default;pointer-events:none}.nI7le{align-items:center;display:flex;gap:var(--wds-space-100,3px);height:var(--wds-button-size-small,30px);justify-content:center;min-width:33px}.TtkCd{background-color:transparent;border:none;box-sizing:border-box;color:inherit;font-family:inherit;font-size:inherit;width:22px}`;
+  var css = `.tghSl{align-items:center;background:var(--wds-toggle-button-fill-inverted,transparent);border-radius:var(--wds-toggle-button-border-radius-square-small,4px);color:var(--wds-toggle-button-label-fill-inverted-default,var(--wsr-color-D10,#000624));cursor:pointer;display:flex;font-size:var(--wds-toggle-button-square-label-font-size-small,var(--wsr-text-font-size-tiny,12px));height:var(--wds-button-size-small,30px);justify-content:center;min-width:var(--wds-button-size-small,30px)}.tghSl svg{fill:currentColor}.tghSl:hover:not(.oQYjp){background-color:var(--wds-toggle-button-fill-inverted-hover,var(--wsr-color-B50,#e7f0ff));color:var(--wds-toggle-button-label-fill-inverted-hover,var(--wsr-color-B10,#116dff))}.tghSl.MPWgx{background-color:var(--wds-toggle-button-fill-inverted-selected,var(--wsr-color-B10,#116dff));color:var(--wds-toggle-button-label-fill-inverted-selected,var(--wsr-color-D80,#fff))}.tghSl.oQYjp{color:var(--wds-toggle-button-label-fill-inverted-disabled,var(--wsr-color-D55,#cfd1dc));cursor:default;pointer-events:none}.X7AuN{align-items:center;display:flex;gap:var(--wds-space-100,3px);height:var(--wds-button-size-small,30px);justify-content:center;min-width:33px}.VBSsU{background-color:transparent;border:none;box-sizing:border-box;color:inherit;font-family:inherit;font-size:inherit;width:22px}`;
   var isTest = typeof process !== "undefined" && process.env && false;
   if (isTest || !css || typeof document === "undefined") {
     return;
@@ -21,11 +21,11 @@ const injectCss = (() => {
 });
 injectCss();
 var FontSizeButton_default = {
-  "fontSizeButton": "sFxtI",
-  "disabled": "DAQG9",
-  "active": "ZbmPu",
-  "fontSizeModalButton": "nI7le",
-  "fontSizeModalInputButton": "TtkCd"
+  "fontSizeButton": "tghSl",
+  "disabled": "oQYjp",
+  "active": "MPWgx",
+  "fontSizeModalButton": "X7AuN",
+  "fontSizeModalInputButton": "VBSsU"
 };
 export {
   FontSizeButton_default as default,

package/dist/es/toolbars-v3/components/buttons/FontSizeButton/FontSizeButton-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/toolbars-v3/components/buttons/FontSizeButton/FontSizeButton.scss"],
-  "sourcesContent": ["var styleDataHash = 'a5e05edc';  \nexport const injectCss = (() => {\n  var css = `.sFxtI{align-items:center;background:var(--wds-toggle-button-fill-inverted,transparent);border-radius:var(--wds-toggle-button-border-radius-square-small,4px);color:var(--wds-toggle-button-label-fill-inverted-default,var(--wsr-color-D10,#000624));cursor:pointer;display:flex;font-size:var(--wds-toggle-button-square-label-font-size-small,var(--wsr-text-font-size-tiny,12px));height:var(--wds-button-size-small,30px);justify-content:center;min-width:var(--wds-button-size-small,30px)}.sFxtI svg{fill:currentColor}.sFxtI:hover:not(.DAQG9){background-color:var(--wds-toggle-button-fill-inverted-hover,var(--wsr-color-B50,#e7f0ff));color:var(--wds-toggle-button-label-fill-inverted-hover,var(--wsr-color-B10,#116dff))}.sFxtI.ZbmPu{background-color:var(--wds-toggle-button-fill-inverted-selected,var(--wsr-color-B10,#116dff));color:var(--wds-toggle-button-label-fill-inverted-selected,var(--wsr-color-D80,#fff))}.sFxtI.DAQG9{color:var(--wds-toggle-button-label-fill-inverted-disabled,var(--wsr-color-D55,#cfd1dc));cursor:default;pointer-events:none}.nI7le{align-items:center;display:flex;gap:var(--wds-space-100,3px);height:var(--wds-button-size-small,30px);justify-content:center;min-width:33px}.TtkCd{background-color:transparent;border:none;box-sizing:border-box;color:inherit;font-family:inherit;font-size:inherit;width:22px}`;\n  var isTest = typeof process !== 'undefined' && process.env && process.env['NODE_ENV'] === 'test';\n\n  if (isTest || !css || typeof document === 'undefined') { return; }\n  if (document.querySelector('style[data-ricos-style-hash=\"' + styleDataHash + '\"]')) { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.setAttribute('data-ricos-style-hash', styleDataHash);\n  style.type = 'text/css';\n\n  head.appendChild(style);\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n});\n\ninjectCss();\n\n\n\nexport default {\n  \"fontSizeButton\": \"sFxtI\",\n  \"disabled\": \"DAQG9\",\n  \"active\": \"ZbmPu\",\n  \"fontSizeModalButton\": \"nI7le\",\n  \"fontSizeModalInputButton\": \"TtkCd\"\n};"],
+  "sourcesContent": ["var styleDataHash = '2560f9c4';  \nexport const injectCss = (() => {\n  var css = `.tghSl{align-items:center;background:var(--wds-toggle-button-fill-inverted,transparent);border-radius:var(--wds-toggle-button-border-radius-square-small,4px);color:var(--wds-toggle-button-label-fill-inverted-default,var(--wsr-color-D10,#000624));cursor:pointer;display:flex;font-size:var(--wds-toggle-button-square-label-font-size-small,var(--wsr-text-font-size-tiny,12px));height:var(--wds-button-size-small,30px);justify-content:center;min-width:var(--wds-button-size-small,30px)}.tghSl svg{fill:currentColor}.tghSl:hover:not(.oQYjp){background-color:var(--wds-toggle-button-fill-inverted-hover,var(--wsr-color-B50,#e7f0ff));color:var(--wds-toggle-button-label-fill-inverted-hover,var(--wsr-color-B10,#116dff))}.tghSl.MPWgx{background-color:var(--wds-toggle-button-fill-inverted-selected,var(--wsr-color-B10,#116dff));color:var(--wds-toggle-button-label-fill-inverted-selected,var(--wsr-color-D80,#fff))}.tghSl.oQYjp{color:var(--wds-toggle-button-label-fill-inverted-disabled,var(--wsr-color-D55,#cfd1dc));cursor:default;pointer-events:none}.X7AuN{align-items:center;display:flex;gap:var(--wds-space-100,3px);height:var(--wds-button-size-small,30px);justify-content:center;min-width:33px}.VBSsU{background-color:transparent;border:none;box-sizing:border-box;color:inherit;font-family:inherit;font-size:inherit;width:22px}`;\n  var isTest = typeof process !== 'undefined' && process.env && process.env['NODE_ENV'] === 'test';\n\n  if (isTest || !css || typeof document === 'undefined') { return; }\n  if (document.querySelector('style[data-ricos-style-hash=\"' + styleDataHash + '\"]')) { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.setAttribute('data-ricos-style-hash', styleDataHash);\n  style.type = 'text/css';\n\n  head.appendChild(style);\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n});\n\ninjectCss();\n\n\n\nexport default {\n  \"fontSizeButton\": \"tghSl\",\n  \"disabled\": \"oQYjp\",\n  \"active\": \"MPWgx\",\n  \"fontSizeModalButton\": \"X7AuN\",\n  \"fontSizeModalInputButton\": \"VBSsU\"\n};"],
   "mappings": "AAAA,IAAI,gBAAgB;AACb,MAAM,aAAa,MAAM;AAC9B,MAAI,MAAM;AACV,MAAI,SAAS,OAAO,YAAY,eAAe,QAAQ,OAAO;AAE9D,MAAI,UAAU,CAAC,OAAO,OAAO,aAAa,aAAa;AAAE;AAAA,EAAQ;AACjE,MAAI,SAAS,cAAc,kCAAkC,gBAAgB,IAAI,GAAG;AAAE;AAAA,EAAQ;AAE9F,MAAI,OAAO,SAAS,QAAQ,SAAS,qBAAqB,MAAM,EAAE,CAAC;AACnE,MAAI,QAAQ,SAAS,cAAc,OAAO;AAC1C,QAAM,aAAa,yBAAyB,aAAa;AACzD,QAAM,OAAO;AAEb,OAAK,YAAY,KAAK;AAEtB,MAAI,MAAM,YAAY;AACpB,UAAM,WAAW,UAAU;AAAA,EAC7B,OAAO;AACL,UAAM,YAAY,SAAS,eAAe,GAAG,CAAC;AAAA,EAChD;AACF;AAEA,UAAU;AAIV,IAAO,yBAAQ;AAAA,EACb,kBAAkB;AAAA,EAClB,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,uBAAuB;AAAA,EACvB,4BAA4B;AAC9B;",
   "names": []
 }

package/dist/es/toolbars-v3/modals/FloatingPluginMenu/styles/floating-add-plugin-menu-scss.js

@@ -1,6 +1,6 @@
-var styleDataHash = "a4426d8d";
+var styleDataHash = "3ed8cfdc";
 const injectCss = (() => {
-  var css = `._-24IF{position:relative;width:100%}.rp2wg{background-color:#fff;border:1px solid rgba(51,51,51,.1);border-radius:var(--ricos-settings-whitebox-border-radius,2px);box-shadow:var(--ricos-settings-whitebox-box-shadow,0 0 10px 0 rgba(0,0,0,.06));color:var(--ricos-settings-text-color,#000);max-width:fit-content}._4Iuzy{border:none;cursor:pointer;display:flex;height:19px;overflow:hidden;padding:0;position:absolute;width:19px;z-index:3}.X8Vye{background-color:#fff;border-radius:4px}.X8Vye:before{background-color:var(--ricos-custom-editor-add-plugin-button-plus-icon-color,var(--ricos-action-color,#116dff));bottom:0;content:"";left:0;opacity:.1;position:absolute;right:0;top:0}.X8Vye svg{color:var(--ricos-custom-editor-add-plugin-button-plus-icon-color,var(--ricos-action-color,#116dff));fill:var(--ricos-custom-editor-add-plugin-button-plus-icon-color,var(--ricos-action-color,#116dff))}.X8Vye:hover{background-color:var(--ricos-custom-editor-add-plugin-button-plus-icon-color,var(--ricos-action-color,#116dff))}.X8Vye:hover svg{color:#fff;fill:#fff}.i5emS{justify-content:start;right:var(--ricos-custom-editor-add-plugin-button-position-inline-start,-26px)}.tse5M{justify-content:start;left:var(--ricos-custom-editor-add-plugin-button-position-inline-start,-26px)}`;
+  var css = `.CxCHJ{position:relative;width:100%}.ZGYdP{background-color:#fff;border:1px solid rgba(51,51,51,.1);border-radius:var(--ricos-settings-whitebox-border-radius,2px);box-shadow:var(--ricos-settings-whitebox-box-shadow,0 0 10px 0 rgba(0,0,0,.06));color:var(--ricos-settings-text-color,#000);max-width:fit-content}.Z-3YT{border:none;cursor:pointer;display:flex;height:19px;overflow:hidden;padding:0;position:absolute;width:19px;z-index:3}.W6kOK{background-color:#fff;border-radius:4px}.W6kOK:before{background-color:var(--ricos-custom-editor-add-plugin-button-plus-icon-color,var(--ricos-action-color,#116dff));bottom:0;content:"";left:0;opacity:.1;position:absolute;right:0;top:0}.W6kOK svg{color:var(--ricos-custom-editor-add-plugin-button-plus-icon-color,var(--ricos-action-color,#116dff));fill:var(--ricos-custom-editor-add-plugin-button-plus-icon-color,var(--ricos-action-color,#116dff))}.W6kOK:hover{background-color:var(--ricos-custom-editor-add-plugin-button-plus-icon-color,var(--ricos-action-color,#116dff))}.W6kOK:hover svg{color:#fff;fill:#fff}.QTS6t{justify-content:start;right:var(--ricos-custom-editor-add-plugin-button-position-inline-start,-26px)}.FzGIO{justify-content:start;left:var(--ricos-custom-editor-add-plugin-button-position-inline-start,-26px)}`;
   var isTest = typeof process !== "undefined" && process.env && false;
   if (isTest || !css || typeof document === "undefined") {
     return;
@@ -21,12 +21,12 @@ const injectCss = (() => {
 });
 injectCss();
 var floating_add_plugin_menu_default = {
-  "floatingAddPluginMenu_wrapper": "_-24IF",
-  "addPluginMenu_horizontal_wrapper": "rp2wg",
-  "floatingAddPluginMenu_plus_button_position": "_4Iuzy",
-  "floatingAddPluginMenu_plus_button": "X8Vye",
-  "rtl": "i5emS",
-  "ltr": "tse5M"
+  "floatingAddPluginMenu_wrapper": "CxCHJ",
+  "addPluginMenu_horizontal_wrapper": "ZGYdP",
+  "floatingAddPluginMenu_plus_button_position": "Z-3YT",
+  "floatingAddPluginMenu_plus_button": "W6kOK",
+  "rtl": "QTS6t",
+  "ltr": "FzGIO"
 };
 export {
   floating_add_plugin_menu_default as default,

package/dist/es/toolbars-v3/modals/FloatingPluginMenu/styles/floating-add-plugin-menu-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/toolbars-v3/modals/FloatingPluginMenu/styles/floating-add-plugin-menu.scss"],
-  "sourcesContent": ["var styleDataHash = 'a4426d8d';  \nexport const injectCss = (() => {\n  var css = `._-24IF{position:relative;width:100%}.rp2wg{background-color:#fff;border:1px solid rgba(51,51,51,.1);border-radius:var(--ricos-settings-whitebox-border-radius,2px);box-shadow:var(--ricos-settings-whitebox-box-shadow,0 0 10px 0 rgba(0,0,0,.06));color:var(--ricos-settings-text-color,#000);max-width:fit-content}._4Iuzy{border:none;cursor:pointer;display:flex;height:19px;overflow:hidden;padding:0;position:absolute;width:19px;z-index:3}.X8Vye{background-color:#fff;border-radius:4px}.X8Vye:before{background-color:var(--ricos-custom-editor-add-plugin-button-plus-icon-color,var(--ricos-action-color,#116dff));bottom:0;content:\"\";left:0;opacity:.1;position:absolute;right:0;top:0}.X8Vye svg{color:var(--ricos-custom-editor-add-plugin-button-plus-icon-color,var(--ricos-action-color,#116dff));fill:var(--ricos-custom-editor-add-plugin-button-plus-icon-color,var(--ricos-action-color,#116dff))}.X8Vye:hover{background-color:var(--ricos-custom-editor-add-plugin-button-plus-icon-color,var(--ricos-action-color,#116dff))}.X8Vye:hover svg{color:#fff;fill:#fff}.i5emS{justify-content:start;right:var(--ricos-custom-editor-add-plugin-button-position-inline-start,-26px)}.tse5M{justify-content:start;left:var(--ricos-custom-editor-add-plugin-button-position-inline-start,-26px)}`;\n  var isTest = typeof process !== 'undefined' && process.env && process.env['NODE_ENV'] === 'test';\n\n  if (isTest || !css || typeof document === 'undefined') { return; }\n  if (document.querySelector('style[data-ricos-style-hash=\"' + styleDataHash + '\"]')) { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.setAttribute('data-ricos-style-hash', styleDataHash);\n  style.type = 'text/css';\n\n  head.appendChild(style);\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n});\n\ninjectCss();\n\n\n\nexport default {\n  \"floatingAddPluginMenu_wrapper\": \"_-24IF\",\n  \"addPluginMenu_horizontal_wrapper\": \"rp2wg\",\n  \"floatingAddPluginMenu_plus_button_position\": \"_4Iuzy\",\n  \"floatingAddPluginMenu_plus_button\": \"X8Vye\",\n  \"rtl\": \"i5emS\",\n  \"ltr\": \"tse5M\"\n};"],
+  "sourcesContent": ["var styleDataHash = '3ed8cfdc';  \nexport const injectCss = (() => {\n  var css = `.CxCHJ{position:relative;width:100%}.ZGYdP{background-color:#fff;border:1px solid rgba(51,51,51,.1);border-radius:var(--ricos-settings-whitebox-border-radius,2px);box-shadow:var(--ricos-settings-whitebox-box-shadow,0 0 10px 0 rgba(0,0,0,.06));color:var(--ricos-settings-text-color,#000);max-width:fit-content}.Z-3YT{border:none;cursor:pointer;display:flex;height:19px;overflow:hidden;padding:0;position:absolute;width:19px;z-index:3}.W6kOK{background-color:#fff;border-radius:4px}.W6kOK:before{background-color:var(--ricos-custom-editor-add-plugin-button-plus-icon-color,var(--ricos-action-color,#116dff));bottom:0;content:\"\";left:0;opacity:.1;position:absolute;right:0;top:0}.W6kOK svg{color:var(--ricos-custom-editor-add-plugin-button-plus-icon-color,var(--ricos-action-color,#116dff));fill:var(--ricos-custom-editor-add-plugin-button-plus-icon-color,var(--ricos-action-color,#116dff))}.W6kOK:hover{background-color:var(--ricos-custom-editor-add-plugin-button-plus-icon-color,var(--ricos-action-color,#116dff))}.W6kOK:hover svg{color:#fff;fill:#fff}.QTS6t{justify-content:start;right:var(--ricos-custom-editor-add-plugin-button-position-inline-start,-26px)}.FzGIO{justify-content:start;left:var(--ricos-custom-editor-add-plugin-button-position-inline-start,-26px)}`;\n  var isTest = typeof process !== 'undefined' && process.env && process.env['NODE_ENV'] === 'test';\n\n  if (isTest || !css || typeof document === 'undefined') { return; }\n  if (document.querySelector('style[data-ricos-style-hash=\"' + styleDataHash + '\"]')) { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.setAttribute('data-ricos-style-hash', styleDataHash);\n  style.type = 'text/css';\n\n  head.appendChild(style);\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n});\n\ninjectCss();\n\n\n\nexport default {\n  \"floatingAddPluginMenu_wrapper\": \"CxCHJ\",\n  \"addPluginMenu_horizontal_wrapper\": \"ZGYdP\",\n  \"floatingAddPluginMenu_plus_button_position\": \"Z-3YT\",\n  \"floatingAddPluginMenu_plus_button\": \"W6kOK\",\n  \"rtl\": \"QTS6t\",\n  \"ltr\": \"FzGIO\"\n};"],
   "mappings": "AAAA,IAAI,gBAAgB;AACb,MAAM,aAAa,MAAM;AAC9B,MAAI,MAAM;AACV,MAAI,SAAS,OAAO,YAAY,eAAe,QAAQ,OAAO;AAE9D,MAAI,UAAU,CAAC,OAAO,OAAO,aAAa,aAAa;AAAE;AAAA,EAAQ;AACjE,MAAI,SAAS,cAAc,kCAAkC,gBAAgB,IAAI,GAAG;AAAE;AAAA,EAAQ;AAE9F,MAAI,OAAO,SAAS,QAAQ,SAAS,qBAAqB,MAAM,EAAE,CAAC;AACnE,MAAI,QAAQ,SAAS,cAAc,OAAO;AAC1C,QAAM,aAAa,yBAAyB,aAAa;AACzD,QAAM,OAAO;AAEb,OAAK,YAAY,KAAK;AAEtB,MAAI,MAAM,YAAY;AACpB,UAAM,WAAW,UAAU;AAAA,EAC7B,OAAO;AACL,UAAM,YAAY,SAAS,eAAe,GAAG,CAAC;AAAA,EAChD;AACF;AAEA,UAAU;AAIV,IAAO,mCAAQ;AAAA,EACb,iCAAiC;AAAA,EACjC,oCAAoC;AAAA,EACpC,8CAA8C;AAAA,EAC9C,qCAAqC;AAAA,EACrC,OAAO;AAAA,EACP,OAAO;AACT;",
   "names": []
 }

package/dist/es/toolbars-v3/ricos-toolbars/footer/FooterToolbar-scss.js

@@ -1,6 +1,6 @@
-var styleDataHash = "d62a07cb";
+var styleDataHash = "d811e684";
 const injectCss = (() => {
-  var css = `._36X1p{margin-top:var(--ricos-custom-footer-toolbar-margin-top,60px);min-height:36px;padding-inline-end:var(--ricos-custom-footer-toolbar-padding-inline-end,0);padding-inline-start:var(--ricos-custom-footer-toolbar-padding-inline-start,0);width:100%;z-index:2}._36X1p svg{fill:var(--ricos-custom-footer-toolbar-icon-color,var(--ricos-text-color));color:var(--ricos-custom-footer-toolbar-icon-color,var(--ricos-text-color))}`;
+  var css = `.Eh0VL{margin-top:var(--ricos-custom-footer-toolbar-margin-top,60px);min-height:36px;padding-inline-end:var(--ricos-custom-footer-toolbar-padding-inline-end,0);padding-inline-start:var(--ricos-custom-footer-toolbar-padding-inline-start,0);width:100%;z-index:2}.Eh0VL svg{fill:var(--ricos-custom-footer-toolbar-icon-color,var(--ricos-text-color));color:var(--ricos-custom-footer-toolbar-icon-color,var(--ricos-text-color))}`;
   var isTest = typeof process !== "undefined" && process.env && false;
   if (isTest || !css || typeof document === "undefined") {
     return;
@@ -21,7 +21,7 @@ const injectCss = (() => {
 });
 injectCss();
 var FooterToolbar_default = {
-  "footerToolbar": "_36X1p"
+  "footerToolbar": "Eh0VL"
 };
 export {
   FooterToolbar_default as default,