@commercetools/nimbus 0.0.0-canary-20251001071243 → 0.0.0-canary-20251001130410

package/dist/chunks/{rich-text-input-BmdxXmR4.es.js → rich-text-input-MyC1ucSo.es.js}

@@ -1,20 +1,20 @@
 import { jsx as R, jsxs as G } from "react/jsx-runtime";
 import $, { useRef as ne, useCallback as q, useEffect as we, useState as ze, useLayoutEffect as ma, createContext as Ye, useMemo as fe, useContext as Lr, Fragment as Ba, useImperativeHandle as Ea } from "react";
 import { defineSlotRecipe as Aa, createSlotRecipeContext as Fa, mergeRefs as ya, useSlotRecipe as wa } from "@chakra-ui/react";
-import { e as ba } from "./extractStyleProps-i_um9deg.es.js";
+import { e as ba } from "./extractStyleProps-DjVNA871.es.js";
 import Oa from "react-dom";
 import { $ as xa } from "./useObjectRef-CaJ5pgjX.es.js";
 import { G as nn } from "./group-DRLYSxIt.es.js";
 import { MoreHoriz as Sa, FormatStrikethrough as Pa, Code as ka, KeyboardArrowDown as Ta, FormatBold as Ra, FormatItalic as Na, FormatUnderlined as Ia, FormatListBulleted as Ma, FormatListNumbered as ja, Undo as La, Redo as _a } from "@commercetools/nimbus-icons";
-import { M as Ee } from "./menu-CVO7gYdK.es.js";
+import { M as Ee } from "./menu-BjwsANQd.es.js";
 import { b as ue } from "./tooltip-B8OD-6ed.es.js";
-import { I as Et } from "./icon-button-_9swBHc3.es.js";
+import { I as Et } from "./icon-button-CctfLs8I.es.js";
 import { B as He } from "./box-DuBoAZvq.es.js";
 import { T as ke } from "./text-05SUCJIk.es.js";
-import { T as Wa } from "./toolbar-CpMMNKHw.es.js";
-import { S as un } from "./separator-kuEDe6AG.es.js";
+import { T as Wa } from "./toolbar-kJJMLzLV.es.js";
+import { S as un } from "./separator-DgdTy5cy.es.js";
 import { T as an } from "./toggle-button-group-CYpa7G3-.es.js";
-import { I as fr } from "./icon-toggle-button-S56p30pP.es.js";
+import { I as fr } from "./icon-toggle-button-0s_KaTfe.es.js";
 import { V as cr } from "./visually-hidden-BoNAVE5W.es.js";
 var Ar = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
 function Br(e) {
@@ -34,6 +34,9 @@ const Au = /* @__PURE__ */ Aa({
       colorPalette: "slate",
       borderColor: "colorPalette.7",
       backgroundColor: "colorPalette.contrast",
+      _focusWithin: {
+        layerStyle: "focusRing"
+      },
       // Invalid state styling
       "&[data-invalid='true']": {
         borderWidth: "{sizes.50}",
@@ -51,11 +54,15 @@ const Au = /* @__PURE__ */ Aa({
       padding: "400",
       minHeight: "inherit",
       outline: "none",
+      color: "colorPalette.12",
       // Disabled state styling for editable
       "[data-disabled='true'] &": {
         cursor: "not-allowed",
         opacity: "0.5"
       },
+      "& [data-slate-placeholder]": {
+        opacity: "0.5!"
+      },
       // Styling for user-facing editor text
       "& p": {
         textStyle: "md",
@@ -7888,6 +7895,7 @@ const tl = (e) => {
   return /* @__PURE__ */ R(
     $a,
     {
+      role: "group",
       ...C,
       ...B,
       ...b,
@@ -7916,4 +7924,4 @@ export {
   tl as R,
   Br as g
 };
-//# sourceMappingURL=rich-text-input-BmdxXmR4.es.js.map
+//# sourceMappingURL=rich-text-input-MyC1ucSo.es.js.map