@crystallize/design-system 1.24.25 → 1.24.26

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @crystallize/design-system
 
+## 1.24.26
+
+### Patch Changes
+
+- 045d05a: It was found that table th and td elements were both rendered as td. To fix it, now we tell lexical that they are different.
+
 ## 1.24.25
 
 ### Patch Changes

package/dist/index.js

@@ -8363,13 +8363,12 @@ function composeInitialState({ richText }) {
             lexicalNode = (0, import_table.$createTableRowNode)();
             break;
           }
-          case "table-cell":
+          case "table-cell": {
+            lexicalNode = (0, import_table.$createTableCellNode)(0, void 0);
+            break;
+          }
           case "table-head-cell": {
-            const colSpan = void 0;
-            lexicalNode = (0, import_table.$createTableCellNode)(
-              0,
-              colSpan
-            );
+            lexicalNode = (0, import_table.$createTableCellNode)(2, void 0);
             break;
           }
           case "container":
@@ -40396,7 +40395,7 @@ var import_jsx_runtime3 = require("react/jsx-runtime");
 var cardStyles = (0, import_class_variance_authority3.cva)("c-card", {
   variants: {
     variant: {
-      default: "c-card",
+      default: "",
       elevate: "c-card-elevate"
     }
   },

package/dist/index.mjs

@@ -26,7 +26,7 @@ import { jsx } from "react/jsx-runtime";
 var cardStyles = cva("c-card", {
   variants: {
     variant: {
-      default: "c-card",
+      default: "",
       elevate: "c-card-elevate"
     }
   },
@@ -486,7 +486,7 @@ function Tag({
 // src/rich-text-editor/index.tsx
 import { lazy, Suspense } from "react";
 import { jsx as jsx15 } from "react/jsx-runtime";
-var LazyRichTextEditor = lazy(() => import("./rich-text-editor-7VOY4KHA.mjs"));
+var LazyRichTextEditor = lazy(() => import("./rich-text-editor-QPSSPPTF.mjs"));
 var RichTextEditor = (props) => {
   return /* @__PURE__ */ jsx15(Suspense, {
     fallback: null,

package/dist/{rich-text-editor-7VOY4KHA.mjs → rich-text-editor-QPSSPPTF.mjs}

@@ -269,13 +269,12 @@ function composeInitialState({ richText }) {
             lexicalNode = $createTableRowNode();
             break;
           }
-          case "table-cell":
+          case "table-cell": {
+            lexicalNode = $createTableCellNode(0, void 0);
+            break;
+          }
           case "table-head-cell": {
-            const colSpan = void 0;
-            lexicalNode = $createTableCellNode(
-              0,
-              colSpan
-            );
+            lexicalNode = $createTableCellNode(2, void 0);
             break;
           }
           case "container":

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@crystallize/design-system",
-  "version": "1.24.25",
+  "version": "1.24.26",
   "types": "./dist/index.d.ts",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",

package/src/card/card.tsx

@@ -7,7 +7,7 @@ type CardStylesProps = VariantProps<typeof cardStyles>;
 const cardStyles = cva('c-card', {
   variants: {
     variant: {
-      default: 'c-card',
+      default: '',
       elevate: 'c-card-elevate',
     },
   },

package/src/rich-text-editor/model/crystallize-to-lexical.ts

@@ -116,23 +116,12 @@ export function composeInitialState({ richText }: { richText: CrystallizeRichTex
             lexicalNode = $createTableRowNode();
             break;
           }
-          case 'table-cell':
+          case 'table-cell': {
+            lexicalNode = $createTableCellNode(0, undefined);
+            break;
+          }
           case 'table-head-cell': {
-            // ** colSpan / rowSpan has not yet been implemented **
-            // const colSpanFromMeta = metadata?.colSpan;
-            // const colSpanParsed =
-            //   typeof colSpanFromMeta === 'number'
-            //     ? colSpanFromMeta
-            //     : parseInt(colSpanFromMeta as unknown as string, 10);
-            // const colSpan = !isNaN(colSpanParsed) ? colSpanParsed : undefined;
-            const colSpan = undefined;
-
-            lexicalNode = $createTableCellNode(
-              // 2 indicates NO_HEADER_STATUS
-              // See TableCellHeaderStates in @lexical/table/LexicalTableCellNode for details
-              0,
-              colSpan,
-            );
+            lexicalNode = $createTableCellNode(2, undefined);
             break;
           }
           // We do not deal with these tags. They should just be skipped.