@crystallize/design-system 1.21.0 → 1.21.2

package/dist/index.css

@@ -1773,6 +1773,13 @@
     var(--tw-ring-shadow, 0 0 #0000),
     var(--tw-shadow);
 }
+.c-tag-xxs {
+  height: 1.25rem;
+  padding-left: 0.5rem;
+  padding-right: 0.5rem;
+  font-size: 0.75rem;
+  line-height: 1rem;
+}
 .c-tag-xs {
   height: 1.5rem;
   padding-left: 0.5rem;
@@ -2294,7 +2301,6 @@
   margin: 0px auto;
   position: relative;
   line-height: 1.7;
-  --c-rte-min-height: 150px;
 }
 .c-rich-text-editor > * {
   box-sizing: border-box;
@@ -2321,7 +2327,7 @@
   color: rgb(var(--c-color-gray-900-50) / var(--tw-text-opacity));
 }
 .c-rich-text-editor .c-rte-editor-scroller {
-  min-height: var(--c-rte-min-height);
+  min-height: var(--c-rte-min-height, 150px);
   border: 0;
   resize: none;
   cursor: text;
@@ -2436,7 +2442,6 @@
 .c-rich-text-editor .c-rte-placeholder {
   pointer-events: none;
   position: absolute;
-  left: 1.5rem;
   right: 2.5rem;
   top: 0px;
   display: inline-block;
@@ -2449,6 +2454,7 @@
   --tw-text-opacity: 1;
   color: rgb(var(--c-color-gray-300-600) / var(--tw-text-opacity));
   font-style: italic;
+  left: var(--c-rte-content-pl, 1.5rem);
 }
 @keyframes CursorBlink {
   to {
@@ -2469,7 +2475,7 @@
   outline-width: 0px;
   tab-size: 1;
   padding-bottom: 8px;
-  min-height: calc(var(--c-rte-min-height) - 8px);
+  min-height: calc(var(--c-rte-min-height, 150px) - 8px);
   padding-top: var(--c-rte-content-pt, 0);
   padding-left: var(--c-rte-content-pl, 1.5rem);
   padding-right: var(--c-rte-content-pr, 1.5rem);

package/dist/index.d.ts

@@ -203,23 +203,23 @@ declare namespace DialogBase {
 type DialogType = typeof DialogBase & DialogFuncProps;
 declare const Dialog: DialogType;
 declare function showDialog(delegated: DialogFuncProps): {
-    destroy: (...args: any[]) => void;
+    destroy: () => void;
     update: (configUpdate: ConfigUpdate) => void;
 };
 declare function showWarning(delegated: DialogFuncProps): {
-    destroy: (...args: any[]) => void;
+    destroy: () => void;
     update: (configUpdate: ConfigUpdate) => void;
 };
 declare function showConfirm(delegated: DialogFuncProps): {
-    destroy: (...args: any[]) => void;
+    destroy: () => void;
     update: (configUpdate: ConfigUpdate) => void;
 };
 declare function showError(delegated: DialogFuncProps): {
-    destroy: (...args: any[]) => void;
+    destroy: () => void;
     update: (configUpdate: ConfigUpdate) => void;
 };
 declare function showInfo(delegated: DialogFuncProps): {
-    destroy: (...args: any[]) => void;
+    destroy: () => void;
     update: (configUpdate: ConfigUpdate) => void;
 };
 declare function destroyAll(): void;
@@ -316,7 +316,7 @@ declare function StackIcon({ type, children, size }: StackIconProps): JSX.Elemen
 type TagStylesProps = VariantProps<typeof tagStyles>;
 declare const tagStyles: (props?: ({
     variant?: "default" | "elevate" | null | undefined;
-    size?: "xs" | "sm" | "md" | "lg" | null | undefined;
+    size?: "xs" | "sm" | "md" | "lg" | "xxs" | null | undefined;
 } & class_variance_authority_dist_types.ClassProp) | undefined) => string;
 type TagProps = React.ComponentProps<'div'> & TagStylesProps & {
     prepend?: React.ReactNode;
@@ -324,11 +324,6 @@ type TagProps = React.ComponentProps<'div'> & TagStylesProps & {
 };
 declare function Tag({ children, className, variant, size, prepend, onRemove, ...delegated }: TagProps): JSX.Element;
 
-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';
-type I18N = Record<I18NKeys, string>;
-
-type SupportedLanguages = 'en';
-
 declare const CODE_ALL_NAME_OPTIONS: {
     readonly javascript: "js";
     readonly md: "markdown";
@@ -420,23 +415,7 @@ type CrystallizeRichTextActionMenuItem = {
     disabled?: boolean;
 };
 
-type TRichTextBase = {
-    placeholder?: string;
-    onChange?: (data: CrystallizeRichText) => void;
-    triggerOnChangeOnAutoFocus?: boolean;
-    autoFocus?: boolean;
-    actionsMenuPrepend?: CrystallizeRichTextActionMenuItem[];
-    actionsMenuAppend?: CrystallizeRichTextActionMenuItem[];
-    slotPreContent?: ReactNode;
-    maxLength?: number;
-    language?: SupportedLanguages;
-    labelTranslations?: I18N;
-    id?: string;
-    disabled?: boolean;
-};
-declare function RichTextEditor({ initialData, language, labelTranslations, ...rest }: TRichTextBase & {
-    initialData?: CrystallizeRichText | null;
-}): JSX.Element;
+declare const RichTextEditor: (props: any) => JSX.Element;
 
 declare const toastStyles: (props?: ({
     type?: "info" | "error" | "warning" | "success" | null | undefined;