@crystallize/design-system 1.20.1 → 1.21.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +12 -0
- package/dist/chunk-QVHGXWBD.mjs +6022 -0
- package/dist/index.css +83 -472
- package/dist/index.d.ts +1 -22
- package/dist/index.js +37053 -35784
- package/dist/index.mjs +274 -9461
- package/dist/rich-text-editor-HJ3MS6B5.css +2366 -0
- package/dist/rich-text-editor-VCJEH7QE.mjs +3227 -0
- package/package.json +20 -20
- package/src/action-menu/action-menu.css +4 -0
- package/src/action-menu/action-menu.tsx +1 -1
- package/src/button/Button.stories.tsx +8 -1
- package/src/checkbox/checkbox.stories.tsx +13 -7
- package/src/colors/Colors.stories.tsx +37 -8
- package/src/dialog/Dialog.stories.tsx +4 -4
- package/src/dialog/confirm-dialog.tsx +1 -1
- package/src/dialog/dialog.css +10 -0
- package/src/dialog/dialog.tsx +1 -1
- package/src/dropdown-menu/DropdownMenu.stories.tsx +4 -4
- package/src/icon-button/IconButton.stories.tsx +9 -2
- package/src/iconography/Icon.stories.tsx +6 -3
- package/src/index.css +0 -11
- package/src/input-with-label/InputWithLabel.stories.tsx +1 -1
- package/src/popover/popover.stories.tsx +2 -2
- package/src/progress/progress.css +1 -1
- package/src/radio/radio.stories.tsx +75 -37
- package/src/rich-text-editor/index.tsx +15 -0
- package/src/rich-text-editor/plugins/DraggableBlockPlugin/index.css +1 -1
- package/src/rich-text-editor/plugins/FloatingLinkEditorPlugin/index.css +2 -1
- package/src/rich-text-editor/plugins/ToolbarPlugin/index.css +6 -1
- package/src/rich-text-editor/plugins/ToolbarPlugin/index.tsx +1 -1
- package/src/rich-text-editor/rich-text-editor.css +2 -1
- package/src/rich-text-editor/rich-text-editor.stories.tsx +9 -15
- package/src/rich-text-editor/rich-text-editor.tsx +2 -4
- package/src/rich-text-editor/tests/rich-text-editor-text-formats.test.tsx +11 -2
- package/src/rich-text-editor/themes/CrystallizeRTEditorTheme.css +8 -9
- package/src/select/select.css +2 -1
- package/src/select/select.stories.tsx +1 -1
- package/src/slider/Slider.stories.tsx +1 -1
- package/src/stack-icon/stack-icon.css +8 -0
- package/src/stack-icon/stack-icon.tsx +3 -5
- package/src/switch/Switch.stories.tsx +15 -9
- package/src/tag/tag.css +4 -0
- package/src/tag/tag.tsx +1 -1
- package/src/toast/toast.css +3 -1
- package/src/toast/toast.stories.tsx +2 -2
- package/src/tooltip/Tooltip.stories.tsx +20 -7
- package/src/tooltip/tooltip.css +2 -1
- package/tailwind.config.cjs +17 -1
- package/src/rich-text-editor/index.ts +0 -1
package/dist/index.d.ts
CHANGED
|
@@ -324,11 +324,6 @@ type TagProps = React.ComponentProps<'div'> & TagStylesProps & {
|
|
|
324
324
|
};
|
|
325
325
|
declare function Tag({ children, className, variant, size, prepend, onRemove, ...delegated }: TagProps): JSX.Element;
|
|
326
326
|
|
|
327
|
-
type I18NKeys = 'actionClearTextFormatting' | 'actionTextFormattingOptions' | 'actionFormatAsStrongLabel' | 'actionFormatAsStrongTitle' | 'actionFormatAsStrongTitleApple' | 'actionFormatAsEmphasizedLabel' | 'actionFormatAsEmphasizedTitle' | 'actionFormatAsEmphasizedTitleApple' | 'actionFormatAsUnderlinedLabel' | 'actionFormatAsUnderlinedTitle' | 'actionFormatAsUnderlinedTitleApple' | 'actionFormatWithStrikethroughLabel' | 'actionFormatWithStrikethroughTitle' | 'actionFormatWithSubscriptLabel' | 'actionFormatWithSubscriptTitle' | 'actionFormatWithSuperscriptLabel' | 'actionFormatWithSuperscriptTitle' | 'actionFormatClear' | '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';
|
|
328
|
-
type I18N = Record<I18NKeys, string>;
|
|
329
|
-
|
|
330
|
-
type SupportedLanguages = 'en';
|
|
331
|
-
|
|
332
327
|
declare const CODE_ALL_NAME_OPTIONS: {
|
|
333
328
|
readonly javascript: "js";
|
|
334
329
|
readonly md: "markdown";
|
|
@@ -420,23 +415,7 @@ type CrystallizeRichTextActionMenuItem = {
|
|
|
420
415
|
disabled?: boolean;
|
|
421
416
|
};
|
|
422
417
|
|
|
423
|
-
|
|
424
|
-
placeholder?: string;
|
|
425
|
-
onChange?: (data: CrystallizeRichText) => void;
|
|
426
|
-
triggerOnChangeOnAutoFocus?: boolean;
|
|
427
|
-
autoFocus?: boolean;
|
|
428
|
-
actionsMenuPrepend?: CrystallizeRichTextActionMenuItem[];
|
|
429
|
-
actionsMenuAppend?: CrystallizeRichTextActionMenuItem[];
|
|
430
|
-
slotPreContent?: ReactNode;
|
|
431
|
-
maxLength?: number;
|
|
432
|
-
language?: SupportedLanguages;
|
|
433
|
-
labelTranslations?: I18N;
|
|
434
|
-
id?: string;
|
|
435
|
-
disabled?: boolean;
|
|
436
|
-
};
|
|
437
|
-
declare function RichTextEditor({ initialData, language, labelTranslations, ...rest }: TRichTextBase & {
|
|
438
|
-
initialData?: CrystallizeRichText | null;
|
|
439
|
-
}): JSX.Element;
|
|
418
|
+
declare const RichTextEditor: (props: any) => JSX.Element;
|
|
440
419
|
|
|
441
420
|
declare const toastStyles: (props?: ({
|
|
442
421
|
type?: "info" | "error" | "warning" | "success" | null | undefined;
|