@wix/ricos 11.20.3 → 11.20.4

package/dist/cjs/plugin-table/statics/styles/resizer-scss.js

@@ -22,23 +22,23 @@ __export(resizer_exports, {
 });
 module.exports = __toCommonJS(resizer_exports);
 var resizer_default = {
-  "resizer": "Ezl-P",
-  "horizonResizer": "wXUxh",
-  "verticalResizer": "rWyUB",
-  "highlightOnly": "_59CVV",
-  "resizeOverlay": "_11Iuw",
-  "columnResizeHitZone": "gz3Hs",
-  "peerHovered": "ZUanN",
-  "active": "umnOs",
-  "rowResizeHitZone": "kJf-4",
-  "columnResizeHandle": "_0sNGl",
-  "resizeHandleFadeIn": "CA7uU",
-  "rowResizeHandle": "KI1J9",
-  "measuringRowHeight": "_3ouL9",
-  "reorderCursorCol": "YNKOE",
-  "reorderCursorRow": "i0PnF",
-  "columnDropIndicator": "DpQIq",
-  "rowDropIndicator": "e0d2K",
-  "dragGhost": "_6IKGU"
+  "resizer": "tfqYt",
+  "horizonResizer": "L9aSe",
+  "verticalResizer": "OR90a",
+  "highlightOnly": "kY5l4",
+  "resizeOverlay": "qU0dO",
+  "columnResizeHitZone": "_4RKpy",
+  "peerHovered": "ZcPZM",
+  "active": "q248L",
+  "rowResizeHitZone": "cB-Yw",
+  "columnResizeHandle": "rAJcq",
+  "resizeHandleFadeIn": "WqH9a",
+  "rowResizeHandle": "KGqDz",
+  "measuringRowHeight": "XYet5",
+  "reorderCursorCol": "PI7U-",
+  "reorderCursorRow": "c--s-",
+  "columnDropIndicator": "_9Rscv",
+  "rowDropIndicator": "_6GCUG",
+  "dragGhost": "_67DnM"
 };
 //# sourceMappingURL=resizer-scss.js.map

package/dist/cjs/plugin-table/statics/styles/resizer-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/plugin-table/statics/styles/resizer.scss"],
-  "sourcesContent": ["export default {\n  \"resizer\": \"Ezl-P\",\n  \"horizonResizer\": \"wXUxh\",\n  \"verticalResizer\": \"rWyUB\",\n  \"highlightOnly\": \"_59CVV\",\n  \"resizeOverlay\": \"_11Iuw\",\n  \"columnResizeHitZone\": \"gz3Hs\",\n  \"peerHovered\": \"ZUanN\",\n  \"active\": \"umnOs\",\n  \"rowResizeHitZone\": \"kJf-4\",\n  \"columnResizeHandle\": \"_0sNGl\",\n  \"resizeHandleFadeIn\": \"CA7uU\",\n  \"rowResizeHandle\": \"KI1J9\",\n  \"measuringRowHeight\": \"_3ouL9\",\n  \"reorderCursorCol\": \"YNKOE\",\n  \"reorderCursorRow\": \"i0PnF\",\n  \"columnDropIndicator\": \"DpQIq\",\n  \"rowDropIndicator\": \"e0d2K\",\n  \"dragGhost\": \"_6IKGU\"\n};"],
+  "sourcesContent": ["export default {\n  \"resizer\": \"tfqYt\",\n  \"horizonResizer\": \"L9aSe\",\n  \"verticalResizer\": \"OR90a\",\n  \"highlightOnly\": \"kY5l4\",\n  \"resizeOverlay\": \"qU0dO\",\n  \"columnResizeHitZone\": \"_4RKpy\",\n  \"peerHovered\": \"ZcPZM\",\n  \"active\": \"q248L\",\n  \"rowResizeHitZone\": \"cB-Yw\",\n  \"columnResizeHandle\": \"rAJcq\",\n  \"resizeHandleFadeIn\": \"WqH9a\",\n  \"rowResizeHandle\": \"KGqDz\",\n  \"measuringRowHeight\": \"XYet5\",\n  \"reorderCursorCol\": \"PI7U-\",\n  \"reorderCursorRow\": \"c--s-\",\n  \"columnDropIndicator\": \"_9Rscv\",\n  \"rowDropIndicator\": \"_6GCUG\",\n  \"dragGhost\": \"_67DnM\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,kBAAQ;AAAA,EACb,WAAW;AAAA,EACX,kBAAkB;AAAA,EAClB,mBAAmB;AAAA,EACnB,iBAAiB;AAAA,EACjB,iBAAiB;AAAA,EACjB,uBAAuB;AAAA,EACvB,eAAe;AAAA,EACf,UAAU;AAAA,EACV,oBAAoB;AAAA,EACpB,sBAAsB;AAAA,EACtB,sBAAsB;AAAA,EACtB,mBAAmB;AAAA,EACnB,sBAAsB;AAAA,EACtB,oBAAoB;AAAA,EACpB,oBAAoB;AAAA,EACpB,uBAAuB;AAAA,EACvB,oBAAoB;AAAA,EACpB,aAAa;AACf;",
   "names": []
 }

package/dist/cjs/plugin-table/statics/styles/table-settings-modal-scss.js

@@ -22,6 +22,6 @@ __export(table_settings_modal_exports, {
 });
 module.exports = __toCommonJS(table_settings_modal_exports);
 var table_settings_modal_default = {
-  "pickerField": "KsXUV"
+  "pickerField": "LrWdm"
 };
 //# sourceMappingURL=table-settings-modal-scss.js.map

package/dist/cjs/plugin-table/statics/styles/table-settings-modal-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/plugin-table/statics/styles/table-settings-modal.scss"],
-  "sourcesContent": ["export default {\n  \"pickerField\": \"KsXUV\"\n};"],
+  "sourcesContent": ["export default {\n  \"pickerField\": \"LrWdm\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,+BAAQ;AAAA,EACb,eAAe;AACjB;",
   "names": []
 }

package/dist/cjs/plugin-table/statics/styles/table-viewer-scss.js

@@ -22,11 +22,11 @@ __export(table_viewer_exports, {
 });
 module.exports = __toCommonJS(table_viewer_exports);
 var table_viewer_default = {
-  "root": "_2J8MI",
-  "viewMode": "_1yVyS",
-  "editMode": "_9GEFR",
-  "container": "_6kZ7M",
-  "tableViewport": "wCDqc",
-  "cell": "Cq-JK"
+  "root": "dIFJ-",
+  "viewMode": "NLPS6",
+  "editMode": "_5ULrL",
+  "container": "_8MYys",
+  "tableViewport": "HrV56",
+  "cell": "VYEnF"
 };
 //# sourceMappingURL=table-viewer-scss.js.map

package/dist/cjs/plugin-table/statics/styles/table-viewer-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/plugin-table/statics/styles/table-viewer.scss"],
-  "sourcesContent": ["export default {\n  \"root\": \"_2J8MI\",\n  \"viewMode\": \"_1yVyS\",\n  \"editMode\": \"_9GEFR\",\n  \"container\": \"_6kZ7M\",\n  \"tableViewport\": \"wCDqc\",\n  \"cell\": \"Cq-JK\"\n};"],
+  "sourcesContent": ["export default {\n  \"root\": \"dIFJ-\",\n  \"viewMode\": \"NLPS6\",\n  \"editMode\": \"_5ULrL\",\n  \"container\": \"_8MYys\",\n  \"tableViewport\": \"HrV56\",\n  \"cell\": \"VYEnF\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,uBAAQ;AAAA,EACb,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,iBAAiB;AAAA,EACjB,QAAQ;AACV;",
   "names": []
 }

package/dist/cjs/plugin-table/tiptap/decorations/tableHandles-scss.js

@@ -22,14 +22,14 @@ __export(tableHandles_exports, {
 });
 module.exports = __toCommonJS(tableHandles_exports);
 var tableHandles_default = {
-  "tableHandle": "YdfyF",
-  "selected": "Orq2a",
-  "columnHandle": "_4vciS YdfyF",
-  "rowHandle": "VZ4fj YdfyF",
-  "tableSelector": "XsHYd",
-  "tableSelectorAnchor": "YvZz2",
-  "addButton": "EJtc0",
-  "addRowButton": "UE7Zv EJtc0",
-  "addColButton": "vydQq EJtc0"
+  "tableHandle": "EOwXv",
+  "selected": "JCN9k",
+  "columnHandle": "pEKBZ EOwXv",
+  "rowHandle": "xoTld EOwXv",
+  "tableSelector": "O85v0",
+  "tableSelectorAnchor": "lMPPW",
+  "addButton": "Qs5bF",
+  "addRowButton": "ioPGM Qs5bF",
+  "addColButton": "dcmAf Qs5bF"
 };
 //# sourceMappingURL=tableHandles-scss.js.map

package/dist/cjs/plugin-table/tiptap/decorations/tableHandles-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/plugin-table/tiptap/decorations/tableHandles.scss"],
-  "sourcesContent": ["export default {\n  \"tableHandle\": \"YdfyF\",\n  \"selected\": \"Orq2a\",\n  \"columnHandle\": \"_4vciS YdfyF\",\n  \"rowHandle\": \"VZ4fj YdfyF\",\n  \"tableSelector\": \"XsHYd\",\n  \"tableSelectorAnchor\": \"YvZz2\",\n  \"addButton\": \"EJtc0\",\n  \"addRowButton\": \"UE7Zv EJtc0\",\n  \"addColButton\": \"vydQq EJtc0\"\n};"],
+  "sourcesContent": ["export default {\n  \"tableHandle\": \"EOwXv\",\n  \"selected\": \"JCN9k\",\n  \"columnHandle\": \"pEKBZ EOwXv\",\n  \"rowHandle\": \"xoTld EOwXv\",\n  \"tableSelector\": \"O85v0\",\n  \"tableSelectorAnchor\": \"lMPPW\",\n  \"addButton\": \"Qs5bF\",\n  \"addRowButton\": \"ioPGM Qs5bF\",\n  \"addColButton\": \"dcmAf Qs5bF\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,uBAAQ;AAAA,EACb,eAAe;AAAA,EACf,YAAY;AAAA,EACZ,gBAAgB;AAAA,EAChB,aAAa;AAAA,EACb,iBAAiB;AAAA,EACjB,uBAAuB;AAAA,EACvB,aAAa;AAAA,EACb,gBAAgB;AAAA,EAChB,gBAAgB;AAClB;",
   "names": []
 }

package/dist/cjs/plugin-table/tiptap/plugins/table-scss.js

@@ -22,38 +22,38 @@ __export(table_exports, {
 });
 module.exports = __toCommonJS(table_exports);
 var table_default = {
-  "resizer": "_0DxLH",
-  "horizonResizer": "SOvCC",
-  "verticalResizer": "RT4TC",
-  "highlightOnly": "Nu-GT",
-  "resizeOverlay": "IW3hz",
-  "columnResizeHitZone": "grR4w",
-  "peerHovered": "VfxSe",
-  "active": "_97oF0",
-  "rowResizeHitZone": "_7sAnN",
-  "columnResizeHandle": "byQez",
-  "resizeHandleFadeIn": "dcGAv",
-  "rowResizeHandle": "xf-5d",
-  "measuringRowHeight": "Q8ann",
-  "reorderCursorCol": "NPBlB",
-  "reorderCursorRow": "_37QwX",
-  "columnDropIndicator": "WK3vd",
-  "rowDropIndicator": "Wv3TT",
-  "dragGhost": "_1AcB9",
-  "tableContainer": "z96R8",
-  "tableViewport": "_6uvPi",
-  "addColBar": "E-mo4",
-  "addRowBar": "Xwn27",
-  "tableSelectorBar": "XCdzn",
-  "tableContainerFocused": "amjIb",
-  "tableWrapper": "xQibV",
-  "cell": "BJ-da",
-  "backgroundColorPreview": "IRgO6",
-  "selectedCells": "t0AWC",
-  "selectedCell": "OteQn",
-  "borderTop": "_0DGWT",
-  "borderBottom": "oCsVk",
-  "borderLeft": "ai1bo",
-  "borderRight": "ziJSn"
+  "resizer": "cFq-4",
+  "horizonResizer": "AbV0q",
+  "verticalResizer": "_4dSAh",
+  "highlightOnly": "_7i6o-",
+  "resizeOverlay": "py-QH",
+  "columnResizeHitZone": "_0lIm0",
+  "peerHovered": "ceoSA",
+  "active": "xbHwY",
+  "rowResizeHitZone": "_4-4qn",
+  "columnResizeHandle": "_4G5-S",
+  "resizeHandleFadeIn": "kp-pV",
+  "rowResizeHandle": "H-Vpr",
+  "measuringRowHeight": "x9igc",
+  "reorderCursorCol": "Gv8im",
+  "reorderCursorRow": "cCvA2",
+  "columnDropIndicator": "TAG3A",
+  "rowDropIndicator": "xSl9T",
+  "dragGhost": "lQj71",
+  "tableContainer": "_5m-DB",
+  "tableViewport": "-gQGS",
+  "addColBar": "_4ZuI6",
+  "addRowBar": "bVobJ",
+  "tableSelectorBar": "erGfI",
+  "tableContainerFocused": "iHpO-",
+  "tableWrapper": "WxVLI",
+  "cell": "mEBNX",
+  "backgroundColorPreview": "g5dsM",
+  "selectedCells": "_3kcgF",
+  "selectedCell": "oFWWq",
+  "borderTop": "sne13",
+  "borderBottom": "T64F5",
+  "borderLeft": "j8r6T",
+  "borderRight": "D96Yi"
 };
 //# sourceMappingURL=table-scss.js.map

package/dist/cjs/plugin-table/tiptap/plugins/table-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/plugin-table/tiptap/plugins/table.scss"],
-  "sourcesContent": ["export default {\n  \"resizer\": \"_0DxLH\",\n  \"horizonResizer\": \"SOvCC\",\n  \"verticalResizer\": \"RT4TC\",\n  \"highlightOnly\": \"Nu-GT\",\n  \"resizeOverlay\": \"IW3hz\",\n  \"columnResizeHitZone\": \"grR4w\",\n  \"peerHovered\": \"VfxSe\",\n  \"active\": \"_97oF0\",\n  \"rowResizeHitZone\": \"_7sAnN\",\n  \"columnResizeHandle\": \"byQez\",\n  \"resizeHandleFadeIn\": \"dcGAv\",\n  \"rowResizeHandle\": \"xf-5d\",\n  \"measuringRowHeight\": \"Q8ann\",\n  \"reorderCursorCol\": \"NPBlB\",\n  \"reorderCursorRow\": \"_37QwX\",\n  \"columnDropIndicator\": \"WK3vd\",\n  \"rowDropIndicator\": \"Wv3TT\",\n  \"dragGhost\": \"_1AcB9\",\n  \"tableContainer\": \"z96R8\",\n  \"tableViewport\": \"_6uvPi\",\n  \"addColBar\": \"E-mo4\",\n  \"addRowBar\": \"Xwn27\",\n  \"tableSelectorBar\": \"XCdzn\",\n  \"tableContainerFocused\": \"amjIb\",\n  \"tableWrapper\": \"xQibV\",\n  \"cell\": \"BJ-da\",\n  \"backgroundColorPreview\": \"IRgO6\",\n  \"selectedCells\": \"t0AWC\",\n  \"selectedCell\": \"OteQn\",\n  \"borderTop\": \"_0DGWT\",\n  \"borderBottom\": \"oCsVk\",\n  \"borderLeft\": \"ai1bo\",\n  \"borderRight\": \"ziJSn\"\n};"],
+  "sourcesContent": ["export default {\n  \"resizer\": \"cFq-4\",\n  \"horizonResizer\": \"AbV0q\",\n  \"verticalResizer\": \"_4dSAh\",\n  \"highlightOnly\": \"_7i6o-\",\n  \"resizeOverlay\": \"py-QH\",\n  \"columnResizeHitZone\": \"_0lIm0\",\n  \"peerHovered\": \"ceoSA\",\n  \"active\": \"xbHwY\",\n  \"rowResizeHitZone\": \"_4-4qn\",\n  \"columnResizeHandle\": \"_4G5-S\",\n  \"resizeHandleFadeIn\": \"kp-pV\",\n  \"rowResizeHandle\": \"H-Vpr\",\n  \"measuringRowHeight\": \"x9igc\",\n  \"reorderCursorCol\": \"Gv8im\",\n  \"reorderCursorRow\": \"cCvA2\",\n  \"columnDropIndicator\": \"TAG3A\",\n  \"rowDropIndicator\": \"xSl9T\",\n  \"dragGhost\": \"lQj71\",\n  \"tableContainer\": \"_5m-DB\",\n  \"tableViewport\": \"-gQGS\",\n  \"addColBar\": \"_4ZuI6\",\n  \"addRowBar\": \"bVobJ\",\n  \"tableSelectorBar\": \"erGfI\",\n  \"tableContainerFocused\": \"iHpO-\",\n  \"tableWrapper\": \"WxVLI\",\n  \"cell\": \"mEBNX\",\n  \"backgroundColorPreview\": \"g5dsM\",\n  \"selectedCells\": \"_3kcgF\",\n  \"selectedCell\": \"oFWWq\",\n  \"borderTop\": \"sne13\",\n  \"borderBottom\": \"T64F5\",\n  \"borderLeft\": \"j8r6T\",\n  \"borderRight\": \"D96Yi\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,gBAAQ;AAAA,EACb,WAAW;AAAA,EACX,kBAAkB;AAAA,EAClB,mBAAmB;AAAA,EACnB,iBAAiB;AAAA,EACjB,iBAAiB;AAAA,EACjB,uBAAuB;AAAA,EACvB,eAAe;AAAA,EACf,UAAU;AAAA,EACV,oBAAoB;AAAA,EACpB,sBAAsB;AAAA,EACtB,sBAAsB;AAAA,EACtB,mBAAmB;AAAA,EACnB,sBAAsB;AAAA,EACtB,oBAAoB;AAAA,EACpB,oBAAoB;AAAA,EACpB,uBAAuB;AAAA,EACvB,oBAAoB;AAAA,EACpB,aAAa;AAAA,EACb,kBAAkB;AAAA,EAClB,iBAAiB;AAAA,EACjB,aAAa;AAAA,EACb,aAAa;AAAA,EACb,oBAAoB;AAAA,EACpB,yBAAyB;AAAA,EACzB,gBAAgB;AAAA,EAChB,QAAQ;AAAA,EACR,0BAA0B;AAAA,EAC1B,iBAAiB;AAAA,EACjB,gBAAgB;AAAA,EAChB,aAAa;AAAA,EACb,gBAAgB;AAAA,EAChB,cAAc;AAAA,EACd,eAAe;AACjB;",
   "names": []
 }

package/dist/cjs/plugin-table/toolbar/modals/border-scope-selector-scss.js

@@ -22,7 +22,7 @@ __export(border_scope_selector_exports, {
 });
 module.exports = __toCommonJS(border_scope_selector_exports);
 var border_scope_selector_default = {
-  "cellBordersIconBase": "uq1bL",
-  "cellBordersIconOverlay": "isyNa"
+  "cellBordersIconBase": "vj89I",
+  "cellBordersIconOverlay": "N4jfN"
 };
 //# sourceMappingURL=border-scope-selector-scss.js.map

package/dist/cjs/plugin-table/toolbar/modals/border-scope-selector-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/plugin-table/toolbar/modals/border-scope-selector.scss"],
-  "sourcesContent": ["export default {\n  \"cellBordersIconBase\": \"uq1bL\",\n  \"cellBordersIconOverlay\": \"isyNa\"\n};"],
+  "sourcesContent": ["export default {\n  \"cellBordersIconBase\": \"vj89I\",\n  \"cellBordersIconOverlay\": \"N4jfN\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,gCAAQ;AAAA,EACb,uBAAuB;AAAA,EACvB,0BAA0B;AAC5B;",
   "names": []
 }

package/dist/cjs/plugin-text-color/get-text-color-text-buttons.js

@@ -35,6 +35,8 @@ module.exports = __toCommonJS(get_text_color_text_buttons_exports);
 var import_lazy = require("@wix/wix-ui-icons-common/lazy");
 var import_react = __toESM(require("react"));
 var import_ricos_types = require("./../ricos-types/index.js");
+var import_memo_last = require("./../_shared/memo-last.js");
+var import_resolve_css_color = require("./../_shared/resolve-css-color.js");
 var import_get_text_color_in_selection = require("./../_shared/resolvers/get-text-color-in-selection.js");
 var import_is_always_visible = require("./../_shared/resolvers/is-always-visible.js");
 var import_is_node_selected = require("./../_shared/resolvers/is-node-selected.js");
@@ -44,6 +46,13 @@ var import_data_hooks = require("./data-hooks.js");
 var import_text_button_color_scss = __toESM(require("./text-button-color-scss.js"));
 var import_text_color_picker = require("./text-color-picker.js");
 const getTextColorTextButtons = (config = { type: "textColor" }) => {
+  const colorIcon = (0, import_memo_last.memoLast)((color) => () => /* @__PURE__ */ import_react.default.createElement(
+    import_lazy.TextColor,
+    {
+      className: import_text_button_color_scss.default.textColorIcon,
+      style: { "--ricos-internal-text-color": color }
+    }
+  ));
   return [
     {
       id: `${import_ricos_types.Decoration_Type.COLOR}.foreground`,
@@ -51,16 +60,8 @@ const getTextColorTextButtons = (config = { type: "textColor" }) => {
       presentation: {
         dataHook: import_data_hooks.TEXT_BUTTON_TEXT_COLOR,
         tooltip: "TextColorButton_Tooltip",
-        getIcon({ publicCommands }) {
-          const color = publicCommands.getColor("ricos-text-color");
-          return () => /* @__PURE__ */ import_react.default.createElement(
-            import_lazy.TextColor,
-            {
-              className: import_text_button_color_scss.default.textColorIcon,
-              style: { "--ricos-internal-text-color": color }
-            }
-          );
-        },
+        // Theme tokens become CSS variables inside the editor, hex in external toolbars.
+        getIcon: ({ publicCommands, resolveColor = import_resolve_css_color.resolveCssColor }) => colorIcon(resolveColor(publicCommands.getColor("ricos-text-color"))),
         renderer: (toolbarItem) => /* @__PURE__ */ import_react.default.createElement(import_text_color_button.ColorPickerButton, { toolbarItem, modalId: import_constants.TEXT_COLOR_MODAL_ID })
       },
       attributes: {

package/dist/cjs/plugin-text-color/get-text-color-text-buttons.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/plugin-text-color/get-text-color-text-buttons.tsx"],
-  "sourcesContent": ["import { TextColor } from '@wix/wix-ui-icons-common/lazy';\nimport React from 'react';\n\nimport type { ModalService } from './../ricos-modals/modal-service.js';\nimport type { Modal, TextButton } from './../ricos-types/index.js';\nimport { Decoration_Type } from './../ricos-types/index.js';\nimport { getTextColorInSelection } from './../_shared/resolvers/get-text-color-in-selection.js';\nimport { isAlwaysVisible } from './../_shared/resolvers/is-always-visible.js';\nimport { isNodeSelected } from './../_shared/resolvers/is-node-selected.js';\nimport { ColorPickerButton } from './../toolbars-v3/components/buttons/TextColorButton/text-color-button.js';\n\nimport { TEXT_COLOR_MODAL_ID } from './constants.js';\nimport { TEXT_BUTTON_TEXT_COLOR } from './data-hooks.js';\nimport classes from './text-button-color-scss.js';\nimport { TextColorPicker } from './text-color-picker.js';\nimport type { TextColorPluginEditorConfig, TextHighlightPluginEditorConfig } from './types.js';\n\nexport const getTextColorTextButtons = (\n  config: TextColorPluginEditorConfig = { type: 'textColor' }\n): TextButton[] => {\n  return [\n    {\n      id: `${Decoration_Type.COLOR}.foreground`,\n      type: 'modal',\n      presentation: {\n        dataHook: TEXT_BUTTON_TEXT_COLOR,\n        tooltip: 'TextColorButton_Tooltip',\n        getIcon({ publicCommands }) {\n          const color = publicCommands.getColor('ricos-text-color');\n          return () => (\n            <TextColor\n              className={classes.textColorIcon}\n              style={{ '--ricos-internal-text-color': color } as React.CSSProperties}\n            />\n          );\n        },\n        renderer: toolbarItem => (\n          <ColorPickerButton toolbarItem={toolbarItem} modalId={TEXT_COLOR_MODAL_ID} />\n        ),\n      },\n      attributes: {\n        visible: isAlwaysVisible,\n        selectedTextColor: getTextColorInSelection,\n        disabled: isNodeSelected,\n      },\n      command:\n        ({ referenceElement, modalService }) =>\n        () => {\n          modalService.isModalOpen(TEXT_COLOR_MODAL_ID)\n            ? modalService.closeModal(TEXT_COLOR_MODAL_ID)\n            : openColorModal({\n                modalId: TEXT_COLOR_MODAL_ID,\n                modalType: 'ricos-text-color',\n                modalService,\n                config,\n                referenceElement,\n              });\n          return true;\n        },\n    },\n  ];\n};\n\nexport const openColorModal = ({\n  modalId,\n  modalType,\n  modalService,\n  referenceElement,\n  config,\n}: {\n  modalId: string;\n  modalService: ModalService;\n  onClickOutside?: Modal['onClickOutside'];\n  referenceElement?: HTMLElement | null;\n  modalType: 'ricos-text-color' | 'ricos-text-highlight';\n  config: TextColorPluginEditorConfig | TextHighlightPluginEditorConfig;\n}) => {\n  modalService.openModal({\n    id: modalId,\n    Component: TextColorPicker,\n    componentProps: {\n      referenceElement: referenceElement as HTMLDivElement,\n      type: modalType,\n      config,\n    },\n    layout: {\n      desktop: referenceElement ? 'floating' : 'dialog',\n      mobile: 'drawer',\n    },\n    noPadding: true,\n    ...(referenceElement && {\n      positioning: { placement: 'bottom', referenceElement },\n    }),\n    onClickOutside: {\n      on: 'pointerup',\n      handler: () => {},\n    },\n    returnFocusToEditor: true,\n    disableArrowNavigation: true,\n    dragHandleSelector: '[data-drag-handler]',\n    enableDrag: true,\n    withTransition: true,\n  });\n};\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAA0B;AAC1B,mBAAkB;AAIlB,yBAAgC;AAChC,yCAAwC;AACxC,+BAAgC;AAChC,8BAA+B;AAC/B,+BAAkC;AAElC,uBAAoC;AACpC,wBAAuC;AACvC,oCAAoB;AACpB,+BAAgC;AAGzB,MAAM,0BAA0B,CACrC,SAAsC,EAAE,MAAM,YAAY,MACzC;AACjB,SAAO;AAAA,IACL;AAAA,MACE,IAAI,GAAG,mCAAgB,KAAK;AAAA,MAC5B,MAAM;AAAA,MACN,cAAc;AAAA,QACZ,UAAU;AAAA,QACV,SAAS;AAAA,QACT,QAAQ,EAAE,eAAe,GAAG;AAC1B,gBAAM,QAAQ,eAAe,SAAS,kBAAkB;AACxD,iBAAO,MACL,6BAAAA,QAAA;AAAA,YAAC;AAAA;AAAA,cACC,WAAW,8BAAAC,QAAQ;AAAA,cACnB,OAAO,EAAE,+BAA+B,MAAM;AAAA;AAAA,UAChD;AAAA,QAEJ;AAAA,QACA,UAAU,iBACR,6BAAAD,QAAA,cAAC,8CAAkB,aAA0B,SAAS,sCAAqB;AAAA,MAE/E;AAAA,MACA,YAAY;AAAA,QACV,SAAS;AAAA,QACT,mBAAmB;AAAA,QACnB,UAAU;AAAA,MACZ;AAAA,MACA,SACE,CAAC,EAAE,kBAAkB,aAAa,MAClC,MAAM;AACJ,qBAAa,YAAY,oCAAmB,IACxC,aAAa,WAAW,oCAAmB,IAC3C,eAAe;AAAA,UACb,SAAS;AAAA,UACT,WAAW;AAAA,UACX;AAAA,UACA;AAAA,UACA;AAAA,QACF,CAAC;AACL,eAAO;AAAA,MACT;AAAA,IACJ;AAAA,EACF;AACF;AAEO,MAAM,iBAAiB,CAAC;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAOM;AACJ,eAAa,UAAU;AAAA,IACrB,IAAI;AAAA,IACJ,WAAW;AAAA,IACX,gBAAgB;AAAA,MACd;AAAA,MACA,MAAM;AAAA,MACN;AAAA,IACF;AAAA,IACA,QAAQ;AAAA,MACN,SAAS,mBAAmB,aAAa;AAAA,MACzC,QAAQ;AAAA,IACV;AAAA,IACA,WAAW;AAAA,IACX,GAAI,oBAAoB;AAAA,MACtB,aAAa,EAAE,WAAW,UAAU,iBAAiB;AAAA,IACvD;AAAA,IACA,gBAAgB;AAAA,MACd,IAAI;AAAA,MACJ,SAAS,MAAM;AAAA,MAAC;AAAA,IAClB;AAAA,IACA,qBAAqB;AAAA,IACrB,wBAAwB;AAAA,IACxB,oBAAoB;AAAA,IACpB,YAAY;AAAA,IACZ,gBAAgB;AAAA,EAClB,CAAC;AACH;",
+  "sourcesContent": ["import { TextColor } from '@wix/wix-ui-icons-common/lazy';\nimport React from 'react';\n\nimport type { ModalService } from './../ricos-modals/modal-service.js';\nimport type { Modal, TextButton } from './../ricos-types/index.js';\nimport { Decoration_Type } from './../ricos-types/index.js';\nimport { memoLast } from './../_shared/memo-last.js';\nimport { resolveCssColor } from './../_shared/resolve-css-color.js';\nimport { getTextColorInSelection } from './../_shared/resolvers/get-text-color-in-selection.js';\nimport { isAlwaysVisible } from './../_shared/resolvers/is-always-visible.js';\nimport { isNodeSelected } from './../_shared/resolvers/is-node-selected.js';\nimport { ColorPickerButton } from './../toolbars-v3/components/buttons/TextColorButton/text-color-button.js';\n\nimport { TEXT_COLOR_MODAL_ID } from './constants.js';\nimport { TEXT_BUTTON_TEXT_COLOR } from './data-hooks.js';\nimport classes from './text-button-color-scss.js';\nimport { TextColorPicker } from './text-color-picker.js';\nimport type { TextColorPluginEditorConfig, TextHighlightPluginEditorConfig } from './types.js';\n\nexport const getTextColorTextButtons = (\n  config: TextColorPluginEditorConfig = { type: 'textColor' }\n): TextButton[] => {\n  const colorIcon = memoLast((color: string | undefined) => () => (\n    <TextColor\n      className={classes.textColorIcon}\n      style={{ '--ricos-internal-text-color': color } as React.CSSProperties}\n    />\n  ));\n  return [\n    {\n      id: `${Decoration_Type.COLOR}.foreground`,\n      type: 'modal',\n      presentation: {\n        dataHook: TEXT_BUTTON_TEXT_COLOR,\n        tooltip: 'TextColorButton_Tooltip',\n        // Theme tokens become CSS variables inside the editor, hex in external toolbars.\n        getIcon: ({ publicCommands, resolveColor = resolveCssColor }) =>\n          colorIcon(resolveColor(publicCommands.getColor('ricos-text-color'))),\n        renderer: toolbarItem => (\n          <ColorPickerButton toolbarItem={toolbarItem} modalId={TEXT_COLOR_MODAL_ID} />\n        ),\n      },\n      attributes: {\n        visible: isAlwaysVisible,\n        selectedTextColor: getTextColorInSelection,\n        disabled: isNodeSelected,\n      },\n      command:\n        ({ referenceElement, modalService }) =>\n        () => {\n          modalService.isModalOpen(TEXT_COLOR_MODAL_ID)\n            ? modalService.closeModal(TEXT_COLOR_MODAL_ID)\n            : openColorModal({\n                modalId: TEXT_COLOR_MODAL_ID,\n                modalType: 'ricos-text-color',\n                modalService,\n                config,\n                referenceElement,\n              });\n          return true;\n        },\n    },\n  ];\n};\n\nexport const openColorModal = ({\n  modalId,\n  modalType,\n  modalService,\n  referenceElement,\n  config,\n}: {\n  modalId: string;\n  modalService: ModalService;\n  onClickOutside?: Modal['onClickOutside'];\n  referenceElement?: HTMLElement | null;\n  modalType: 'ricos-text-color' | 'ricos-text-highlight';\n  config: TextColorPluginEditorConfig | TextHighlightPluginEditorConfig;\n}) => {\n  modalService.openModal({\n    id: modalId,\n    Component: TextColorPicker,\n    componentProps: {\n      referenceElement: referenceElement as HTMLDivElement,\n      type: modalType,\n      config,\n    },\n    layout: {\n      desktop: referenceElement ? 'floating' : 'dialog',\n      mobile: 'drawer',\n    },\n    noPadding: true,\n    ...(referenceElement && {\n      positioning: { placement: 'bottom', referenceElement },\n    }),\n    onClickOutside: {\n      on: 'pointerup',\n      handler: () => {},\n    },\n    returnFocusToEditor: true,\n    disableArrowNavigation: true,\n    dragHandleSelector: '[data-drag-handler]',\n    enableDrag: true,\n    withTransition: true,\n  });\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAA0B;AAC1B,mBAAkB;AAIlB,yBAAgC;AAChC,uBAAyB;AACzB,+BAAgC;AAChC,yCAAwC;AACxC,+BAAgC;AAChC,8BAA+B;AAC/B,+BAAkC;AAElC,uBAAoC;AACpC,wBAAuC;AACvC,oCAAoB;AACpB,+BAAgC;AAGzB,MAAM,0BAA0B,CACrC,SAAsC,EAAE,MAAM,YAAY,MACzC;AACjB,QAAM,gBAAY,2BAAS,CAAC,UAA8B,MACxD,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,8BAAAC,QAAQ;AAAA,MACnB,OAAO,EAAE,+BAA+B,MAAM;AAAA;AAAA,EAChD,CACD;AACD,SAAO;AAAA,IACL;AAAA,MACE,IAAI,GAAG,mCAAgB,KAAK;AAAA,MAC5B,MAAM;AAAA,MACN,cAAc;AAAA,QACZ,UAAU;AAAA,QACV,SAAS;AAAA;AAAA,QAET,SAAS,CAAC,EAAE,gBAAgB,eAAe,yCAAgB,MACzD,UAAU,aAAa,eAAe,SAAS,kBAAkB,CAAC,CAAC;AAAA,QACrE,UAAU,iBACR,6BAAAD,QAAA,cAAC,8CAAkB,aAA0B,SAAS,sCAAqB;AAAA,MAE/E;AAAA,MACA,YAAY;AAAA,QACV,SAAS;AAAA,QACT,mBAAmB;AAAA,QACnB,UAAU;AAAA,MACZ;AAAA,MACA,SACE,CAAC,EAAE,kBAAkB,aAAa,MAClC,MAAM;AACJ,qBAAa,YAAY,oCAAmB,IACxC,aAAa,WAAW,oCAAmB,IAC3C,eAAe;AAAA,UACb,SAAS;AAAA,UACT,WAAW;AAAA,UACX;AAAA,UACA;AAAA,UACA;AAAA,QACF,CAAC;AACL,eAAO;AAAA,MACT;AAAA,IACJ;AAAA,EACF;AACF;AAEO,MAAM,iBAAiB,CAAC;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAOM;AACJ,eAAa,UAAU;AAAA,IACrB,IAAI;AAAA,IACJ,WAAW;AAAA,IACX,gBAAgB;AAAA,MACd;AAAA,MACA,MAAM;AAAA,MACN;AAAA,IACF;AAAA,IACA,QAAQ;AAAA,MACN,SAAS,mBAAmB,aAAa;AAAA,MACzC,QAAQ;AAAA,IACV;AAAA,IACA,WAAW;AAAA,IACX,GAAI,oBAAoB;AAAA,MACtB,aAAa,EAAE,WAAW,UAAU,iBAAiB;AAAA,IACvD;AAAA,IACA,gBAAgB;AAAA,MACd,IAAI;AAAA,MACJ,SAAS,MAAM;AAAA,MAAC;AAAA,IAClB;AAAA,IACA,qBAAqB;AAAA,IACrB,wBAAwB;AAAA,IACxB,oBAAoB;AAAA,IACpB,YAAY;AAAA,IACZ,gBAAgB;AAAA,EAClB,CAAC;AACH;",
   "names": ["React", "classes"]
 }

package/dist/cjs/plugin-text-color/sketch/text-highlight-button.js

@@ -36,6 +36,7 @@ var import_react = __toESM(require("react"));
 var import_ricos_context = require("./../../ricos-context/index.js");
 var import_modal_service_provider = require("./../../ricos-modals/modal-service-provider.js");
 var import_ricos_types = require("./../../ricos-types/index.js");
+var import_memo_last = require("./../../_shared/memo-last.js");
 var import_resolve_css_color = require("./../../_shared/resolve-css-color.js");
 var import_is_always_visible = require("./../../_shared/resolvers/is-always-visible.js");
 var import_is_node_selected = require("./../../_shared/resolvers/is-node-selected.js");
@@ -59,6 +60,26 @@ const getMarkColor = (editor, markName) => {
   const cursorMark = editor.state.selection.$from.marks().find((mark) => mark.type.name === markName && mark.attrs.color);
   return cursorMark?.attrs.color;
 };
+const readHighlight = (editor) => {
+  if (editor.isActive(import_ricos_types.Mark_Type.SKETCH)) {
+    return { active: true, color: getMarkColor(editor, import_ricos_types.Mark_Type.SKETCH) ?? import_defaults.DEFAULT_COLOR };
+  }
+  if (editor.isActive(import_ricos_types.Mark_Type.COLOR_BACKGROUND)) {
+    return {
+      active: true,
+      color: getMarkColor(editor, import_ricos_types.Mark_Type.COLOR_BACKGROUND) ?? import_defaults.DEFAULT_COLOR
+    };
+  }
+  return { active: false, color: import_defaults.DEFAULT_COLOR };
+};
+const createHighlightIcon = () => (0, import_memo_last.memoLast)((color) => () => /* @__PURE__ */ import_react.default.createElement(
+  import_lazy.TextHighlightColor,
+  {
+    className: import_text_button_color_scss.default.textHighlightIcon,
+    style: { "--ricos-internal-text-highlight": color }
+  }
+));
+const highlightIcon = createHighlightIcon();
 const TextHighlightDesignButton = ({ toolbarItem, dataHook }) => {
   const { t } = (0, import_react.useContext)(import_ricos_context.RicosContext);
   const { adapter } = (0, import_react.useContext)(import_ricos_context.EditorContext);
@@ -66,21 +87,7 @@ const TextHighlightDesignButton = ({ toolbarItem, dataHook }) => {
   const [referenceElement, setReferenceElement] = (0, import_react.useState)(null);
   const tooltip = t(toolbarItem.presentation?.tooltip);
   const isModalOpen = (0, import_modal_service_provider.useModalState)((0, import_modal_service_provider.getIsModalOpen)(import_data_hooks2.SKETCH_DESIGN_MODAL_ID));
-  const readMarkState = () => {
-    if (editor.isActive(import_ricos_types.Mark_Type.SKETCH)) {
-      return {
-        active: true,
-        color: getMarkColor(editor, import_ricos_types.Mark_Type.SKETCH) ?? import_defaults.DEFAULT_COLOR
-      };
-    }
-    if (editor.isActive(import_ricos_types.Mark_Type.COLOR_BACKGROUND)) {
-      return {
-        active: true,
-        color: getMarkColor(editor, import_ricos_types.Mark_Type.COLOR_BACKGROUND) ?? import_defaults.DEFAULT_COLOR
-      };
-    }
-    return { active: false, color: import_defaults.DEFAULT_COLOR };
-  };
+  const readMarkState = () => readHighlight(editor);
   const [markState, setMarkState] = (0, import_react.useState)(readMarkState);
   (0, import_react.useEffect)(() => {
     const update = () => setMarkState(readMarkState());
@@ -94,15 +101,7 @@ const TextHighlightDesignButton = ({ toolbarItem, dataHook }) => {
   const onClick = (event) => {
     toolbarItem.commands.click({ referenceElement, clickFromKeyboard: !event.detail });
   };
-  const Icon = () => /* @__PURE__ */ import_react.default.createElement(
-    import_lazy.TextHighlightColor,
-    {
-      className: import_text_button_color_scss.default.textHighlightIcon,
-      style: {
-        "--ricos-internal-text-highlight": (0, import_resolve_css_color.resolveCssColor)(markState.color)
-      }
-    }
-  );
+  const Icon = highlightIcon((0, import_resolve_css_color.resolveCssColor)(markState.color));
   return /* @__PURE__ */ import_react.default.createElement(
     import_toolbar_button.ToolbarButton,
     {
@@ -117,55 +116,63 @@ const TextHighlightDesignButton = ({ toolbarItem, dataHook }) => {
     }
   );
 };
-const getSketchHighlightTextButtons = (config) => [
-  {
-    id: `${import_ricos_types.Decoration_Type.COLOR}.background`,
-    type: "modal",
-    presentation: {
-      dataHook: import_data_hooks.TEXT_BUTTON_TEXT_HIGHLIGHT,
-      tooltip: "TextHighlightButton_Tooltip",
-      icon: import_lazy.TextHighlightColor,
-      renderer: (toolbarItem) => /* @__PURE__ */ import_react.default.createElement(
-        TextHighlightDesignButton,
-        {
-          toolbarItem,
-          dataHook: import_data_hooks.TEXT_BUTTON_TEXT_HIGHLIGHT
+const getSketchHighlightTextButtons = (config) => {
+  const externalIcon = createHighlightIcon();
+  return [
+    {
+      id: `${import_ricos_types.Decoration_Type.COLOR}.background`,
+      type: "modal",
+      presentation: {
+        dataHook: import_data_hooks.TEXT_BUTTON_TEXT_HIGHLIGHT,
+        tooltip: "TextHighlightButton_Tooltip",
+        // External toolbars draw this icon, not the renderer. Without an applied highlight the
+        // droplet is left empty, so the theme's default color doesn't read as an active highlight.
+        getIcon: ({ editor, resolveColor = import_resolve_css_color.resolveCssColor }) => {
+          const highlight = editor && readHighlight(editor);
+          return externalIcon(highlight?.active ? resolveColor(highlight.color) : "transparent");
+        },
+        renderer: (toolbarItem) => /* @__PURE__ */ import_react.default.createElement(
+          TextHighlightDesignButton,
+          {
+            toolbarItem,
+            dataHook: import_data_hooks.TEXT_BUTTON_TEXT_HIGHLIGHT
+          }
+        )
+      },
+      attributes: {
+        visible: import_is_always_visible.isAlwaysVisible,
+        disabled: import_is_node_selected.isNodeSelected
+      },
+      command: ({ modalService, referenceElement, isMobile }) => () => {
+        if (!referenceElement) {
+          return false;
         }
-      )
-    },
-    attributes: {
-      visible: import_is_always_visible.isAlwaysVisible,
-      disabled: import_is_node_selected.isNodeSelected
-    },
-    command: ({ modalService, referenceElement, isMobile }) => () => {
-      if (!referenceElement) {
-        return false;
-      }
-      modalService.togglePluginPanel({
-        id: import_data_hooks2.SKETCH_DESIGN_MODAL_ID,
-        Component: import_design_modal.SketchDesignModal,
-        componentProps: { config, referenceElement },
-        isMobile,
-        positioning: { referenceElement, placement: "bottom" },
-        focusReturnElement: referenceElement,
-        type: void 0,
-        // Default click-outside only knows the toolbar button; a click in
-        // the color-picker subpanel (a separately-mounted floating panel)
-        // would close us. Skip closing while the picker is open.
-        onClickOutside: {
-          on: "pointerup",
-          handler: (e) => {
-            if (modalService.isModalOpen(import_data_hooks2.SKETCH_COLOR_PICKER_MODAL_ID)) {
-              return;
-            }
-            if (!referenceElement?.contains?.(e.target)) {
-              modalService.closeModal(import_data_hooks2.SKETCH_DESIGN_MODAL_ID);
+        modalService.togglePluginPanel({
+          id: import_data_hooks2.SKETCH_DESIGN_MODAL_ID,
+          Component: import_design_modal.SketchDesignModal,
+          componentProps: { config, referenceElement },
+          isMobile,
+          positioning: { referenceElement, placement: "bottom" },
+          focusReturnElement: referenceElement,
+          type: void 0,
+          // Default click-outside only knows the toolbar button; a click in
+          // the color-picker subpanel (a separately-mounted floating panel)
+          // would close us. Skip closing while the picker is open.
+          onClickOutside: {
+            on: "pointerup",
+            handler: (e) => {
+              if (modalService.isModalOpen(import_data_hooks2.SKETCH_COLOR_PICKER_MODAL_ID)) {
+                return;
+              }
+              if (!referenceElement?.contains?.(e.target)) {
+                modalService.closeModal(import_data_hooks2.SKETCH_DESIGN_MODAL_ID);
+              }
             }
           }
-        }
-      });
-      return true;
+        });
+        return true;
+      }
     }
-  }
-];
+  ];
+};
 //# sourceMappingURL=text-highlight-button.js.map

package/dist/cjs/plugin-text-color/sketch/text-highlight-button.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/plugin-text-color/sketch/text-highlight-button.tsx"],
-  "sourcesContent": ["import { TextHighlightColor } from '@wix/wix-ui-icons-common/lazy';\nimport React, { useContext, useEffect, useState } from 'react';\n\nimport { EditorContext, RicosContext } from './../../ricos-context/index.js';\nimport { getIsModalOpen, useModalState } from './../../ricos-modals/modal-service-provider.js';\nimport type { IToolbarItem, TextButton } from './../../ricos-types/index.js';\nimport { Decoration_Type, Mark_Type } from './../../ricos-types/index.js';\nimport { resolveCssColor } from './../../_shared/resolve-css-color.js';\nimport { isAlwaysVisible } from './../../_shared/resolvers/is-always-visible.js';\nimport { isNodeSelected } from './../../_shared/resolvers/is-node-selected.js';\nimport { ToolbarButton } from './../../_shared/toolbar-button/toolbar-button.js';\nimport type { Editor } from './../../tiptap/core/index.js';\n\nimport { TEXT_BUTTON_TEXT_HIGHLIGHT } from '../data-hooks.js';\nimport classes from '../text-button-color-scss.js';\nimport type { TextHighlightPluginEditorConfig } from '../types.js';\nimport { SKETCH_COLOR_PICKER_MODAL_ID, SKETCH_DESIGN_MODAL_ID } from './data-hooks.js';\nimport { DEFAULT_COLOR } from './defaults.js';\nimport { SketchDesignModal } from './modals/design-modal.js';\n\nconst getMarkColor = (editor: Editor, markName: string): string | undefined => {\n  const attrs = editor.getAttributes(markName) as { color?: string };\n  if (attrs.color) {\n    return attrs.color;\n  }\n  const storedMark = editor.state.storedMarks?.find(\n    mark => mark.type.name === markName && mark.attrs.color\n  );\n  if (storedMark?.attrs.color) {\n    return storedMark.attrs.color;\n  }\n  const cursorMark = editor.state.selection.$from\n    .marks()\n    .find(mark => mark.type.name === markName && mark.attrs.color);\n  return cursorMark?.attrs.color;\n};\n\n// Icon bar tracks whichever mark currently covers the selection — classic\n// background highlight or sketch — so users see the active colour\n// without opening the design panel. Active state combines two conditions:\n// the design panel is open OR the selection already carries a\n// highlight-family mark.\nconst TextHighlightDesignButton: React.FC<{\n  toolbarItem: IToolbarItem;\n  dataHook?: string;\n}> = ({ toolbarItem, dataHook }) => {\n  const { t } = useContext(RicosContext);\n  const { adapter } = useContext(EditorContext);\n  const editor = adapter.tiptapEditor;\n  const [referenceElement, setReferenceElement] = useState<HTMLButtonElement | null>(null);\n  const tooltip = t(toolbarItem.presentation?.tooltip);\n  const isModalOpen = useModalState(getIsModalOpen(SKETCH_DESIGN_MODAL_ID));\n\n  const readMarkState = () => {\n    if (editor.isActive(Mark_Type.SKETCH)) {\n      return {\n        active: true,\n        color: getMarkColor(editor, Mark_Type.SKETCH) ?? DEFAULT_COLOR,\n      };\n    }\n    if (editor.isActive(Mark_Type.COLOR_BACKGROUND)) {\n      return {\n        active: true,\n        color: getMarkColor(editor, Mark_Type.COLOR_BACKGROUND) ?? DEFAULT_COLOR,\n      };\n    }\n    return { active: false, color: DEFAULT_COLOR };\n  };\n  const [markState, setMarkState] = useState(readMarkState);\n\n  useEffect(() => {\n    const update = () => setMarkState(readMarkState());\n    editor.on('transaction', update);\n    editor.on('selectionUpdate', update);\n    return () => {\n      editor.off('transaction', update);\n      editor.off('selectionUpdate', update);\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [editor]);\n\n  const onClick = (event: React.MouseEvent | React.KeyboardEvent) => {\n    toolbarItem.commands.click({ referenceElement, clickFromKeyboard: !event.detail });\n  };\n\n  const Icon = () => (\n    <TextHighlightColor\n      className={classes.textHighlightIcon}\n      style={\n        {\n          '--ricos-internal-text-highlight': resolveCssColor(markState.color),\n        } as React.CSSProperties\n      }\n    />\n  );\n\n  return (\n    <ToolbarButton\n      active={isModalOpen || markState.active}\n      ref={setReferenceElement}\n      disabled={toolbarItem.attributes.disabled}\n      tooltip={tooltip}\n      onClick={onClick}\n      prefix={Icon}\n      dataHook={dataHook}\n      tabIndex={toolbarItem.presentation.tabIndex}\n    />\n  );\n};\n\nexport const getSketchHighlightTextButtons = (\n  config: TextHighlightPluginEditorConfig\n): TextButton[] => [\n  {\n    id: `${Decoration_Type.COLOR}.background`,\n    type: 'modal',\n    presentation: {\n      dataHook: TEXT_BUTTON_TEXT_HIGHLIGHT,\n      tooltip: 'TextHighlightButton_Tooltip',\n      icon: TextHighlightColor,\n      renderer: toolbarItem => (\n        <TextHighlightDesignButton\n          toolbarItem={toolbarItem}\n          dataHook={TEXT_BUTTON_TEXT_HIGHLIGHT}\n        />\n      ),\n    },\n    attributes: {\n      visible: isAlwaysVisible,\n      disabled: isNodeSelected,\n    },\n    command:\n      ({ modalService, referenceElement, isMobile }) =>\n      () => {\n        if (!referenceElement) {\n          return false;\n        }\n        modalService.togglePluginPanel({\n          id: SKETCH_DESIGN_MODAL_ID,\n          Component: SketchDesignModal,\n          componentProps: { config, referenceElement: referenceElement as HTMLElement },\n          isMobile,\n          positioning: { referenceElement, placement: 'bottom' },\n          focusReturnElement: referenceElement,\n          type: undefined,\n          // Default click-outside only knows the toolbar button; a click in\n          // the color-picker subpanel (a separately-mounted floating panel)\n          // would close us. Skip closing while the picker is open.\n          onClickOutside: {\n            on: 'pointerup',\n            handler: (e: PointerEvent) => {\n              if (modalService.isModalOpen(SKETCH_COLOR_PICKER_MODAL_ID)) {\n                return;\n              }\n              if (!referenceElement?.contains?.(e.target as Node)) {\n                modalService.closeModal(SKETCH_DESIGN_MODAL_ID);\n              }\n            },\n          },\n        });\n        return true;\n      },\n  },\n];\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { TextHighlightColor } from '@wix/wix-ui-icons-common/lazy';\nimport React, { useContext, useEffect, useState } from 'react';\n\nimport { EditorContext, RicosContext } from './../../ricos-context/index.js';\nimport { getIsModalOpen, useModalState } from './../../ricos-modals/modal-service-provider.js';\nimport type { IToolbarItem, TextButton } from './../../ricos-types/index.js';\nimport { Decoration_Type, Mark_Type } from './../../ricos-types/index.js';\nimport { memoLast } from './../../_shared/memo-last.js';\nimport { resolveCssColor } from './../../_shared/resolve-css-color.js';\nimport { isAlwaysVisible } from './../../_shared/resolvers/is-always-visible.js';\nimport { isNodeSelected } from './../../_shared/resolvers/is-node-selected.js';\nimport { ToolbarButton } from './../../_shared/toolbar-button/toolbar-button.js';\nimport type { Editor } from './../../tiptap/core/index.js';\n\nimport { TEXT_BUTTON_TEXT_HIGHLIGHT } from '../data-hooks.js';\nimport classes from '../text-button-color-scss.js';\nimport type { TextHighlightPluginEditorConfig } from '../types.js';\nimport { SKETCH_COLOR_PICKER_MODAL_ID, SKETCH_DESIGN_MODAL_ID } from './data-hooks.js';\nimport { DEFAULT_COLOR } from './defaults.js';\nimport { SketchDesignModal } from './modals/design-modal.js';\n\nconst getMarkColor = (editor: Editor, markName: string): string | undefined => {\n  const attrs = editor.getAttributes(markName) as { color?: string };\n  if (attrs.color) {\n    return attrs.color;\n  }\n  const storedMark = editor.state.storedMarks?.find(\n    mark => mark.type.name === markName && mark.attrs.color\n  );\n  if (storedMark?.attrs.color) {\n    return storedMark.attrs.color;\n  }\n  const cursorMark = editor.state.selection.$from\n    .marks()\n    .find(mark => mark.type.name === markName && mark.attrs.color);\n  return cursorMark?.attrs.color;\n};\n\n// Icon bar tracks whichever mark currently covers the selection — classic\n// background highlight or sketch — so users see the active colour\n// without opening the design panel. Active state combines two conditions:\n// the design panel is open OR the selection already carries a\n// highlight-family mark.\nconst readHighlight = (editor: Editor) => {\n  if (editor.isActive(Mark_Type.SKETCH)) {\n    return { active: true, color: getMarkColor(editor, Mark_Type.SKETCH) ?? DEFAULT_COLOR };\n  }\n  if (editor.isActive(Mark_Type.COLOR_BACKGROUND)) {\n    return {\n      active: true,\n      color: getMarkColor(editor, Mark_Type.COLOR_BACKGROUND) ?? DEFAULT_COLOR,\n    };\n  }\n  return { active: false, color: DEFAULT_COLOR };\n};\n\nconst createHighlightIcon = () =>\n  memoLast((color: string | undefined) => () => (\n    <TextHighlightColor\n      className={classes.textHighlightIcon}\n      style={{ '--ricos-internal-text-highlight': color } as React.CSSProperties}\n    />\n  ));\n\n/** The design button's own icon: one component per color, so it isn't remounted per render. */\nconst highlightIcon = createHighlightIcon();\n\nconst TextHighlightDesignButton: React.FC<{\n  toolbarItem: IToolbarItem;\n  dataHook?: string;\n}> = ({ toolbarItem, dataHook }) => {\n  const { t } = useContext(RicosContext);\n  const { adapter } = useContext(EditorContext);\n  const editor = adapter.tiptapEditor;\n  const [referenceElement, setReferenceElement] = useState<HTMLButtonElement | null>(null);\n  const tooltip = t(toolbarItem.presentation?.tooltip);\n  const isModalOpen = useModalState(getIsModalOpen(SKETCH_DESIGN_MODAL_ID));\n\n  const readMarkState = () => readHighlight(editor);\n  const [markState, setMarkState] = useState(readMarkState);\n\n  useEffect(() => {\n    const update = () => setMarkState(readMarkState());\n    editor.on('transaction', update);\n    editor.on('selectionUpdate', update);\n    return () => {\n      editor.off('transaction', update);\n      editor.off('selectionUpdate', update);\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [editor]);\n\n  const onClick = (event: React.MouseEvent | React.KeyboardEvent) => {\n    toolbarItem.commands.click({ referenceElement, clickFromKeyboard: !event.detail });\n  };\n\n  const Icon = highlightIcon(resolveCssColor(markState.color));\n\n  return (\n    <ToolbarButton\n      active={isModalOpen || markState.active}\n      ref={setReferenceElement}\n      disabled={toolbarItem.attributes.disabled}\n      tooltip={tooltip}\n      onClick={onClick}\n      prefix={Icon}\n      dataHook={dataHook}\n      tabIndex={toolbarItem.presentation.tabIndex}\n    />\n  );\n};\n\nexport const getSketchHighlightTextButtons = (\n  config: TextHighlightPluginEditorConfig\n): TextButton[] => {\n  const externalIcon = createHighlightIcon();\n  return [\n    {\n      id: `${Decoration_Type.COLOR}.background`,\n      type: 'modal',\n      presentation: {\n        dataHook: TEXT_BUTTON_TEXT_HIGHLIGHT,\n        tooltip: 'TextHighlightButton_Tooltip',\n        // External toolbars draw this icon, not the renderer. Without an applied highlight the\n        // droplet is left empty, so the theme's default color doesn't read as an active highlight.\n        getIcon: ({ editor, resolveColor = resolveCssColor }) => {\n          const highlight = editor && readHighlight(editor);\n          return externalIcon(highlight?.active ? resolveColor(highlight.color) : 'transparent');\n        },\n        renderer: toolbarItem => (\n          <TextHighlightDesignButton\n            toolbarItem={toolbarItem}\n            dataHook={TEXT_BUTTON_TEXT_HIGHLIGHT}\n          />\n        ),\n      },\n      attributes: {\n        visible: isAlwaysVisible,\n        disabled: isNodeSelected,\n      },\n      command:\n        ({ modalService, referenceElement, isMobile }) =>\n        () => {\n          if (!referenceElement) {\n            return false;\n          }\n          modalService.togglePluginPanel({\n            id: SKETCH_DESIGN_MODAL_ID,\n            Component: SketchDesignModal,\n            componentProps: { config, referenceElement: referenceElement as HTMLElement },\n            isMobile,\n            positioning: { referenceElement, placement: 'bottom' },\n            focusReturnElement: referenceElement,\n            type: undefined,\n            // Default click-outside only knows the toolbar button; a click in\n            // the color-picker subpanel (a separately-mounted floating panel)\n            // would close us. Skip closing while the picker is open.\n            onClickOutside: {\n              on: 'pointerup',\n              handler: (e: PointerEvent) => {\n                if (modalService.isModalOpen(SKETCH_COLOR_PICKER_MODAL_ID)) {\n                  return;\n                }\n                if (!referenceElement?.contains?.(e.target as Node)) {\n                  modalService.closeModal(SKETCH_DESIGN_MODAL_ID);\n                }\n              },\n            },\n          });\n          return true;\n        },\n    },\n  ];\n};\n"],
+  "mappings": "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",
   "names": ["import_data_hooks", "React", "classes"]
 }

package/dist/cjs/plugin-text-color/text-button-color-scss.js

@@ -22,7 +22,7 @@ __export(text_button_color_exports, {
 });
 module.exports = __toCommonJS(text_button_color_exports);
 var text_button_color_default = {
-  "textColorIcon": "pXeON",
-  "textHighlightIcon": "_4Y-lZ"
+  "textColorIcon": "_1-yby",
+  "textHighlightIcon": "Z9HAj"
 };
 //# sourceMappingURL=text-button-color-scss.js.map

package/dist/cjs/plugin-text-color/text-button-color-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/plugin-text-color/text-button-color.scss"],
-  "sourcesContent": ["export default {\n  \"textColorIcon\": \"pXeON\",\n  \"textHighlightIcon\": \"_4Y-lZ\"\n};"],
+  "sourcesContent": ["export default {\n  \"textColorIcon\": \"_1-yby\",\n  \"textHighlightIcon\": \"Z9HAj\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,4BAAQ;AAAA,EACb,iBAAiB;AAAA,EACjB,qBAAqB;AACvB;",
   "names": []
 }

package/dist/cjs/plugin-toc/toc-view-scss.js

@@ -22,7 +22,7 @@ __export(toc_view_exports, {
 });
 module.exports = __toCommonJS(toc_view_exports);
 var toc_view_default = {
-  "fontElementMap": "B-R-c",
-  "tocLink": "xG7JI"
+  "fontElementMap": "ZtqwG",
+  "tocLink": "_4bcAi"
 };
 //# sourceMappingURL=toc-view-scss.js.map