@crystallize/design-system 1.10.0 → 1.11.0

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @crystallize/design-system
 
+## 1.11.0
+
+### Minor Changes
+
+- e621c3b: Rich text editor now supports passing translations, via `labelTranslations` as a prop.
+
 ## 1.10.0
 
 ### Minor Changes

package/dist/index.css

@@ -2975,6 +2975,21 @@ button {
   outline: 2px solid rgb(60, 132, 244);
   user-select: none;
 }
+.c-rich-text-editor .ContentEditable__root {
+  tab-size: 1;
+  min-height: calc(100% - 16px);
+  position: relative;
+  display: block;
+  border-width: 0px;
+  padding-left: 1.5rem;
+  padding-right: 1.5rem;
+  padding-top: 0.5rem;
+  padding-bottom: 0.5rem;
+  padding-top: 0px !important;
+  font-size: 0.875rem;
+  line-height: 1.25rem;
+  outline-width: 0px;
+}
 .c-rich-text-editor .TableNode__contentEditable {
   min-height: 20px;
   border: 0px;
@@ -3854,20 +3869,3 @@ button {
 .CrystallizeRTEditorTheme__embedBlockFocus {
   outline: 2px solid rgb(60, 132, 244);
 }
-
-/* src/rich-text-editor/ui/ContentEditable.css */
-.ContentEditable__root {
-  tab-size: 1;
-  min-height: calc(100% - 16px);
-  position: relative;
-  display: block;
-  border-width: 0px;
-  padding-left: 1.5rem;
-  padding-right: 1.5rem;
-  padding-top: 0.5rem;
-  padding-bottom: 0.5rem;
-  padding-top: 0px !important;
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  outline-width: 0px;
-}

package/dist/index.d.ts

@@ -296,6 +296,11 @@ declare const tagStyles: (props?: ({
 type TagProps = ComponentProps<'span'> & TagStylesProps;
 declare function Tag({ children, className, variant, ...delegated }: TagProps): JSX.Element;
 
+type I18NKeys = 'actionClearTextFormatting' | 'actionTextFormattingOptions' | 'actionFormatAsStrongLabel' | 'actionFormatAsStrongTitle' | 'actionFormatAsStrongTitleApple' | 'actionFormatAsEmphasizedLabel' | 'actionFormatAsEmphasizedTitle' | 'actionFormatAsEmphasizedTitleApple' | 'actionFormatAsUnderlinedLabel' | 'actionFormatAsUnderlinedTitle' | 'actionFormatAsUnderlinedTitleApple' | 'actionFormatWithStrikethroughLabel' | 'actionFormatWithStrikethroughTitle' | 'actionFormatWithSubscriptLabel' | 'actionFormatWithSubscriptTitle' | 'actionFormatWithSuperscriptLabel' | 'actionFormatWithSuperscriptTitle' | 'actionCopyJSON' | 'actionClear' | 'actionFormatCode' | 'actionCopyCode' | 'actionInsertCodeBlock' | 'actionInsertlink' | 'actionTableInsertRowsAbove' | 'actionTableInsertRowsAbove_plural' | 'actionTableInsertRowsBelow' | 'actionTableInsertRowsBelow_plural' | 'actionTableInsertColumnsBefore' | 'actionTableInsertColumnsBefore_plural' | 'actionTableInsertColumnsAfter' | 'actionTableInsertColumnsAfter_plural' | 'actionTableAddRowHeader' | 'actionTableRemoveRowHeader' | 'actionTableAddColumnHeader' | 'actionTableRemoveColumnHeader' | 'actionTableDeleteColumn' | 'actionTableDeleteRow' | 'actionTableDeleteTable' | 'actionTableOpenOptions' | 'actionUndoLabel' | 'actionUndoTitle' | 'actionUndoTitleApple' | 'actionRedoLabel' | 'actionRedoTitle' | 'actionRedoTitleApple' | 'codeSelectLanguage' | 'linkEditorLink' | 'linkEditorRel' | 'linkEditorTarget' | 'linkEditorCommit' | 'linkEditorEdit' | 'linkPreviewReplaceTextWithTitle' | 'horizontalRule' | 'table' | 'insertTableTitle' | 'insertTableDescription' | 'insertTableRows' | 'insertTableColumns' | 'insertTableCommit';
+type I18N = Record<I18NKeys, string>;
+
+type SupportedLanguages = 'en';
+
 declare const CODE_ALL_NAME_OPTIONS: {
     readonly javascript: "js";
     readonly md: "markdown";
@@ -396,8 +401,10 @@ type TRichTextBase = {
     slotPreContent?: ReactNode;
     maxLength?: number;
     editable?: boolean;
+    language?: SupportedLanguages;
+    labelTranslations?: I18N;
 };
-declare function RichTextEditor({ initialData, editable, ...rest }: TRichTextBase & {
+declare function RichTextEditor({ initialData, editable, language, labelTranslations, ...rest }: TRichTextBase & {
     initialData?: CrystallizeRichText;
 }): JSX.Element;