@byline/richtext-lexical 4.10.2 → 4.11.1

package/dist/field/content-editable-inline.js

@@ -1,9 +1,9 @@
 import { jsx } from "react/jsx-runtime";
 import { ContentEditable } from "@lexical/react/LexicalContentEditable";
-import classnames from "classnames";
+import clsx from "clsx";
 import "./content-editable.css";
 function ContentEditableInline({ className }) {
-    const classes = classnames(className);
+    const classes = clsx(className);
     return /*#__PURE__*/ jsx(ContentEditable, {
         className: classes
     });

package/dist/field/content-editable.js

@@ -1,12 +1,12 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
 import { ContentEditable } from "@lexical/react/LexicalContentEditable";
-import classnames from "classnames";
+import clsx from "clsx";
 import { useEditorConfig } from "./config/editor-config-context.js";
 import "./content-editable.css";
 function content_editable_ContentEditable({ className }) {
     const { config } = useEditorConfig();
-    const classes = classnames('ContentEditable__root', className);
+    const classes = clsx('ContentEditable__root', className);
     return /*#__PURE__*/ jsx(ContentEditable, {
         className: classes
     });

package/dist/field/extensions/admonition/icons/danger-icon.js

@@ -1,9 +1,9 @@
 import { jsx } from "react/jsx-runtime";
-import classnames from "classnames";
+import clsx from "clsx";
 import "./danger-icon.css";
 function DangerIcon({ className, ...rest }) {
     return /*#__PURE__*/ jsx("div", {
-        className: classnames('danger-icon', className),
+        className: clsx('danger-icon', className),
         ...rest,
         children: /*#__PURE__*/ jsx("svg", {
             focusable: "false",

package/dist/field/extensions/admonition/icons/note-icon.js

@@ -1,9 +1,9 @@
 import { jsx } from "react/jsx-runtime";
-import classnames from "classnames";
+import clsx from "clsx";
 import "./note-icon.css";
 function NoteIcon({ className, ...rest }) {
     return /*#__PURE__*/ jsx("div", {
-        className: classnames('note-icon', className),
+        className: clsx('note-icon', className),
         ...rest,
         children: /*#__PURE__*/ jsx("svg", {
             focusable: "false",

package/dist/field/extensions/admonition/icons/tip-icon.js

@@ -1,9 +1,9 @@
 import { jsx } from "react/jsx-runtime";
-import classnames from "classnames";
+import clsx from "clsx";
 import "./tip-icon.css";
 function TipIcon({ className, ...rest }) {
     return /*#__PURE__*/ jsx("div", {
-        className: classnames('tip-icon', className),
+        className: clsx('tip-icon', className),
         ...rest,
         children: /*#__PURE__*/ jsx("svg", {
             focusable: "false",

package/dist/field/extensions/admonition/icons/warning-icon.js

@@ -1,9 +1,9 @@
 import { jsx } from "react/jsx-runtime";
-import classnames from "classnames";
+import clsx from "clsx";
 import "./warning-icon.css";
 function WarningIcon({ className, ...rest }) {
     return /*#__PURE__*/ jsx("div", {
-        className: classnames('warning-icon', className),
+        className: clsx('warning-icon', className),
         ...rest,
         children: /*#__PURE__*/ jsx("svg", {
             focusable: "false",

package/dist/field/extensions/inline-image/inline-image-node-component.js

@@ -8,7 +8,7 @@ import { OnChangePlugin } from "@lexical/react/LexicalOnChangePlugin";
 import { RichTextPlugin } from "@lexical/react/LexicalRichTextPlugin";
 import { useLexicalNodeSelection } from "@lexical/react/useLexicalNodeSelection";
 import { mergeRegister } from "@lexical/utils";
-import classnames from "classnames";
+import clsx from "clsx";
 import { $getNodeByKey, $getSelection, $isNodeSelection, $setSelection, CLICK_COMMAND, COMMAND_PRIORITY_LOW, DRAGSTART_COMMAND, KEY_BACKSPACE_COMMAND, KEY_DELETE_COMMAND, KEY_ENTER_COMMAND, KEY_ESCAPE_COMMAND, SELECTION_CHANGE_COMMAND } from "lexical";
 import content_editable_inline from "../../content-editable-inline.js";
 import { useSharedHistoryContext } from "../../context/shared-history-context.js";
@@ -155,7 +155,7 @@ function InlineImageComponent({ relation, src, position, altText, width, height,
             nodeKey
         });
     };
-    const classNames = classnames('InlineImageNode__container', {
+    const classNames = clsx('InlineImageNode__container', {
         focused: isFocused
     }, {
         draggable: $isNodeSelection(selection)

package/dist/field/ui/placeholder-inline.js

@@ -1,9 +1,9 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
-import classnames from "classnames";
+import clsx from "clsx";
 import "./placeholder.css";
 function PlaceholderInline({ children, className }) {
-    const classes = classnames('Placeholder__root', className);
+    const classes = clsx('Placeholder__root', className);
     return /*#__PURE__*/ jsx("span", {
         className: classes,
         children: children

package/dist/field/ui/placeholder.js

@@ -1,11 +1,11 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
-import classnames from "classnames";
+import clsx from "clsx";
 import "./placeholder.css";
 import { useEditorConfig } from "../config/editor-config-context.js";
 function Placeholder({ children, className }) {
     const { config } = useEditorConfig();
-    const classes = classnames('Placeholder__root', className);
+    const classes = clsx('Placeholder__root', className);
     return /*#__PURE__*/ jsx("div", {
         className: classes,
         children: children

package/dist/richtext-field.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { LocaleBadge, useFieldError, useFieldValue } from "@byline/admin/react";
 import { ErrorText, Label } from "@byline/ui/react";
-import classnames from "classnames";
+import clsx from "clsx";
 import { defaultEditorConfig } from "./field/config/default.js";
 import { defaultExtensionsList } from "./field/config/default-extensions.js";
 import { resolveEditorConfig } from "./field/config/resolve-editor-config.js";
@@ -21,7 +21,7 @@ const RichTextField = ({ field, value, defaultValue, editorConfig, readonly = fa
     };
     const resolvedEditorConfig = baseEditorConfig;
     const labelNode = locale && field.label ? /*#__PURE__*/ jsxs("div", {
-        className: classnames('byline-field-richtext-label', richtext_field_module["label-row"]),
+        className: clsx('byline-field-richtext-label', richtext_field_module["label-row"]),
         children: [
             /*#__PURE__*/ jsx(Label, {
                 id: `${fieldId}-label`,
@@ -35,9 +35,9 @@ const RichTextField = ({ field, value, defaultValue, editorConfig, readonly = fa
         ]
     }) : field.label;
     return /*#__PURE__*/ jsx("div", {
-        className: classnames('byline-field-richtext', field.name, richtext_field_module.wrapper),
+        className: clsx('byline-field-richtext', field.name, richtext_field_module.wrapper),
         children: /*#__PURE__*/ jsxs("div", {
-            className: classnames('byline-field-richtext-body', richtext_field_module.body),
+            className: clsx('byline-field-richtext-body', richtext_field_module.body),
             children: [
                 /*#__PURE__*/ jsx(EditorField, {
                     onChange: onChange,

package/package.json

@@ -3,7 +3,7 @@
   "private": false,
   "type": "module",
   "license": "MPL-2.0",
-  "version": "4.10.2",
+  "version": "4.11.1",
   "engines": {
     "node": ">=20.9.0"
   },
@@ -69,13 +69,13 @@
     "@lexical/selection": "0.48.0",
     "@lexical/table": "0.48.0",
     "@lexical/utils": "0.48.0",
-    "classnames": "^2.5.1",
+    "clsx": "^2.1.1",
     "lexical": "0.48.0",
     "react-error-boundary": "^6.1.2",
-    "@byline/admin": "4.10.2",
-    "@byline/ui": "4.10.2",
-    "@byline/client": "4.10.2",
-    "@byline/core": "4.10.2"
+    "@byline/admin": "4.11.1",
+    "@byline/client": "4.11.1",
+    "@byline/ui": "4.11.1",
+    "@byline/core": "4.11.1"
   },
   "peerDependencies": {
     "react": "^19.0.0",

package/src/field/content-editable-inline.tsx

@@ -8,7 +8,7 @@
 import type * as React from 'react'
 
 import { ContentEditable as LexicalContentEditable } from '@lexical/react/LexicalContentEditable'
-import cx from 'classnames'
+import cx from 'clsx'
 
 import './content-editable.css'
 

package/src/field/content-editable.tsx

@@ -10,7 +10,7 @@
 import type * as React from 'react'
 
 import { ContentEditable as LexicalContentEditable } from '@lexical/react/LexicalContentEditable'
-import cx from 'classnames'
+import cx from 'clsx'
 
 import { useEditorConfig } from './config/editor-config-context'
 

package/src/field/extensions/admonition/icons/danger-icon.tsx

@@ -1,6 +1,6 @@
 import type React from 'react'
 
-import cx from 'classnames'
+import cx from 'clsx'
 
 import './danger-icon.css'
 

package/src/field/extensions/admonition/icons/note-icon.tsx

@@ -1,6 +1,6 @@
 import type React from 'react'
 
-import cx from 'classnames'
+import cx from 'clsx'
 
 import './note-icon.css'
 

package/src/field/extensions/admonition/icons/tip-icon.tsx

@@ -1,6 +1,6 @@
 import type React from 'react'
 
-import cx from 'classnames'
+import cx from 'clsx'
 
 import './tip-icon.css'
 

package/src/field/extensions/admonition/icons/warning-icon.tsx

@@ -1,6 +1,6 @@
 import type React from 'react'
 
-import cx from 'classnames'
+import cx from 'clsx'
 
 import './warning-icon.css'
 

package/src/field/extensions/inline-image/inline-image-node-component.tsx

@@ -19,7 +19,7 @@ import { OnChangePlugin } from '@lexical/react/LexicalOnChangePlugin'
 import { RichTextPlugin } from '@lexical/react/LexicalRichTextPlugin'
 import { useLexicalNodeSelection } from '@lexical/react/useLexicalNodeSelection'
 import { mergeRegister } from '@lexical/utils'
-import cx from 'classnames'
+import cx from 'clsx'
 import type { BaseSelection, LexicalEditor, NodeKey, NodeSelection, RangeSelection } from 'lexical'
 import {
   $getNodeByKey,

package/src/field/ui/placeholder-inline.tsx

@@ -9,7 +9,7 @@
  */
 import type * as React from 'react'
 
-import cx from 'classnames'
+import cx from 'clsx'
 
 import './placeholder.css'
 

package/src/field/ui/placeholder.tsx

@@ -9,7 +9,7 @@
  */
 import type * as React from 'react'
 
-import cx from 'classnames'
+import cx from 'clsx'
 
 import './placeholder.css'
 

package/src/richtext-field.tsx

@@ -11,7 +11,7 @@ import type React from 'react'
 import { LocaleBadge, useFieldError, useFieldValue } from '@byline/admin/react'
 import type { RichTextField as FieldType } from '@byline/core'
 import { ErrorText, Label } from '@byline/ui/react'
-import cx from 'classnames'
+import cx from 'clsx'
 
 import { defaultEditorConfig } from './field/config/default'
 import { defaultExtensionsList } from './field/config/default-extensions'