@crystallize/design-system 1.9.0 → 1.11.0

package/src/rich-text-editor/ui/LinkPreview.tsx

@@ -12,6 +12,7 @@ import { $getSelection, $isTextNode } from 'lexical';
 import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';
 
 import { Button } from '../../button';
+import { useTr } from '../i18n';
 
 type MetaTagBaseShared = {
   description?: string;
@@ -77,6 +78,7 @@ function LinkPreviewContent({
   const [textContent, setTextContent] = useState('');
   const { preview } = useSuspenseRequest(url);
   const [editor] = useLexicalComposerContext();
+  const tr = useTr();
 
   const hasPreview = preview !== null && preview.google?.title;
 
@@ -128,7 +130,7 @@ function LinkPreviewContent({
       {preview.google.description && <div className="LinkPreview__description">{preview.google.description}</div>}
       {textContent && textContent !== preview.google.title ? (
         <Button className="mb-4 ml-5" onClick={useTitleForText}>
-          Replace link text with its title
+          {tr('linkPreviewReplaceTextWithTitle')}
         </Button>
       ) : null}
     </div>

package/src/rich-text-editor/ui/ContentEditable.css

@@ -1,13 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- *
- */
-.ContentEditable__root {
-  tab-size: 1;
-  min-height: calc(100% - 16px);
-  @apply relative block border-0 px-6 py-2 !pt-0 text-sm outline-0;
-}

package/src/rich-text-editor/ui/ContentEditable.tsx

@@ -1,15 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- */
-
-import './ContentEditable.css';
-import * as React from 'react';
-import { ContentEditable } from '@lexical/react/LexicalContentEditable';
-
-export default function LexicalContentEditable({ className }: { className?: string }): JSX.Element {
-  return <ContentEditable className={className || 'ContentEditable__root'} />;
-}