@multiplatform.one/rich-text 7.67.0 → 7.69.0

package/src/toolbar/LinkDialog.native.tsx

@@ -9,12 +9,14 @@
 import { useCallback, useState } from "react";
 import { Modal, Pressable, StyleSheet } from "react-native";
 import { Input, SizableText, XStack, YStack } from "tamagui";
-import { Button } from "@multiplatform.one/forms";
+import { IconButton } from "@multiplatform.one/forms";
+import { LinkBreakIcon } from "@phosphor-icons/react";
 import type { EditorState, RichEditorRef } from "../types";
 import { ToolbarButton } from "./ToolbarButton";
 import { LinkIcon } from "./icons";
 import { t } from "../shared/t";
 import { normalizeUrl } from "../shared/url";
+import { ActionButton } from "@multiplatform.one/components";
 
 export interface LinkDialogProps {
   /** Reference to the editor */
@@ -76,24 +78,21 @@ export function LinkDialog({ editorRef, state, disabled }: LinkDialogProps) {
                 autoCapitalize="none"
                 keyboardType="url"
               />
-              <XStack gap="$2" justifyContent="flex-end">
-                <Button size="$2" onPress={() => setOpen(false)} aria-label={t("Cancel")}>
-                  {t("Cancel")}
-                </Button>
+              <XStack gap="$2" justifyContent="flex-end" alignItems="center">
+                <ActionButton kind="cancel" onPress={() => setOpen(false)} />
                 {state.isLink && (
-                  <Button size="$2" error onPress={handleRemove} aria-label={t("Remove link")}>
-                    {t("Remove")}
-                  </Button>
+                  <IconButton
+                    icon={LinkBreakIcon}
+                    onPress={handleRemove}
+                    aria-label={t("Remove link")}
+                  />
                 )}
-                <Button
-                  size="$2"
-                  theme="active"
+                <ActionButton
+                  kind="confirm"
                   onPress={handleSubmit}
                   disabled={!linkUrl.trim()}
-                  aria-label={state.isLink ? t("Update link") : t("Add link")}
-                >
-                  {state.isLink ? t("Update") : t("Add")}
-                </Button>
+                  label={state.isLink ? t("Update link") : t("Add link")}
+                />
               </XStack>
             </YStack>
           </Pressable>

package/src/toolbar/LinkDialog.tsx

@@ -3,11 +3,12 @@
  */
 
 import { useCallback, useState } from "react";
-import { PopoverContent } from "@multiplatform.one/components";
+import { ActionButton, PopoverContent } from "@multiplatform.one/components";
 import { useResolvedKnobs } from "@multiplatform.one/theme";
 import type { FontSizeTokens } from "tamagui";
 import { Input, Popover, SizableText, XStack, YStack } from "tamagui";
-import { Button } from "@multiplatform.one/forms";
+import { IconButton } from "@multiplatform.one/forms";
+import { LinkBreakIcon } from "@phosphor-icons/react";
 import type { EditorState, RichEditorRef } from "../types";
 import { ToolbarButton } from "./ToolbarButton";
 import { LinkIcon } from "./icons";
@@ -101,19 +102,18 @@ export function LinkDialog({
           />
           <XStack gap="$2" justifyContent="flex-end">
             {state.isLink && (
-              <Button size="$2" error onPress={handleRemove} aria-label={t("Remove link")}>
-                {t("Remove")}
-              </Button>
+              <IconButton
+                icon={LinkBreakIcon}
+                onPress={handleRemove}
+                aria-label={t("Remove link")}
+              />
             )}
-            <Button
-              size="$2"
-              theme="active"
+            <ActionButton
+              kind="confirm"
               onPress={handleSubmit}
               disabled={!linkUrl.trim()}
-              aria-label={state.isLink ? t("Update link") : t("Add link")}
-            >
-              {state.isLink ? t("Update") : t("Add")}
-            </Button>
+              label={state.isLink ? t("Update link") : t("Add link")}
+            />
           </XStack>
         </YStack>
       </PopoverContent>

package/src/toolbar/MathBubble.tsx

@@ -10,11 +10,10 @@ import { BubbleMenu } from "@tiptap/react/menus";
 import { useResolvedKnobs } from "@multiplatform.one/theme";
 import { PencilSimpleIcon, TrashIcon } from "@phosphor-icons/react";
 import { Input, Text as TamaguiText, XStack, YStack } from "tamagui";
-import { Button } from "@multiplatform.one/forms";
 import { renderKatexHtml } from "../editor/lazyKatex";
 import { ToolbarButton } from "./ToolbarButton";
 import { t } from "../shared/t";
-import { Text } from "@multiplatform.one/components";
+import { Text, ActionButton } from "@multiplatform.one/components";
 
 export interface MathBubbleProps {
   editor: Editor | null;
@@ -99,13 +98,9 @@ export function MathBubble({ editor }: MathBubbleProps) {
                 {error}
               </Text>
             ) : null}
-            <XStack gap="$1" justifyContent="flex-end">
-              <Button size="$2" onPress={() => setEditing(false)} aria-label={t("Cancel")}>
-                {t("Cancel")}
-              </Button>
-              <Button size="$2" theme="active" onPress={handleSave} aria-label={t("Save math")}>
-                {t("Save")}
-              </Button>
+            <XStack gap="$1" justifyContent="flex-end" alignItems="center">
+              <ActionButton kind="cancel" onPress={() => setEditing(false)} />
+              <ActionButton kind="save" onPress={handleSave} label={t("Save math")} />
             </XStack>
           </YStack>
         ) : (

package/types/RichEditor.native.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RichEditor.native.d.ts","sourceRoot":"","sources":["../src/RichEditor.native.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AAWH,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAiB1C,OAAO,KAAK,EAAe,eAAe,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAI3F,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAUtD,MAAM,WAAW,uBAAwB,SAAQ,eAAe;IAC9D,gCAAgC;IAChC,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,6CAA6C;IAC7C,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,mFAAmF;IACnF,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,cAAc,EAAE,CAAC;IAC5B,oEAAoE;IACpE,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,kEAAkE;IAClE,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,+CAA+C;IAC/C,kBAAkB,CAAC,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;IACnD;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAMD,8EAA8E;AAC9E,iBAAS,mBAAmB,SAE3B;AAugBD,eAAO,MAAM,UAAU;;;;CAIrB,CAAC"}
+{"version":3,"file":"RichEditor.native.d.ts","sourceRoot":"","sources":["../src/RichEditor.native.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AAWH,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAiB1C,OAAO,KAAK,EAAe,eAAe,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAI3F,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAUtD,MAAM,WAAW,uBAAwB,SAAQ,eAAe;IAC9D,gCAAgC;IAChC,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,6CAA6C;IAC7C,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,mFAAmF;IACnF,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,cAAc,EAAE,CAAC;IAC5B,oEAAoE;IACpE,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,kEAAkE;IAClE,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,+CAA+C;IAC/C,kBAAkB,CAAC,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;IACnD;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAMD,8EAA8E;AAC9E,iBAAS,mBAAmB,SAE3B;AA4fD,eAAO,MAAM,UAAU;;;;CAIrB,CAAC"}

package/types/toolbar/ImageBubble.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ImageBubble.d.ts","sourceRoot":"","sources":["../../src/toolbar/ImageBubble.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAGH,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAU5C,MAAM,WAAW,gBAAgB;IAC/B,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;CACvB;AAED,wBAAgB,WAAW,CAAC,EAAE,MAAM,EAAE,EAAE,gBAAgB,kDAsFvD"}
+{"version":3,"file":"ImageBubble.d.ts","sourceRoot":"","sources":["../../src/toolbar/ImageBubble.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAGH,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAS5C,MAAM,WAAW,gBAAgB;IAC/B,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;CACvB;AAED,wBAAgB,WAAW,CAAC,EAAE,MAAM,EAAE,EAAE,gBAAgB,kDAkFvD"}

package/types/toolbar/ImageDialog.native.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ImageDialog.native.d.ts","sourceRoot":"","sources":["../../src/toolbar/ImageDialog.native.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAMH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAK9C,MAAM,WAAW,gBAAgB;IAC/B,8BAA8B;IAC9B,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,aAAa,GAAG,IAAI,CAAC,CAAC;IACjD,qCAAqC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,wBAAgB,WAAW,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,gBAAgB,2CAiEpE"}
+{"version":3,"file":"ImageDialog.native.d.ts","sourceRoot":"","sources":["../../src/toolbar/ImageDialog.native.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAMH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAM9C,MAAM,WAAW,gBAAgB;IAC/B,8BAA8B;IAC9B,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,aAAa,GAAG,IAAI,CAAC,CAAC;IACjD,qCAAqC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,wBAAgB,WAAW,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,gBAAgB,2CA+DpE"}

package/types/toolbar/LinkBubble.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LinkBubble.d.ts","sourceRoot":"","sources":["../../src/toolbar/LinkBubble.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAGH,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAU5C,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;CACvB;AAED,wBAAgB,UAAU,CAAC,EAAE,MAAM,EAAE,EAAE,eAAe,kDA6GrD"}
+{"version":3,"file":"LinkBubble.d.ts","sourceRoot":"","sources":["../../src/toolbar/LinkBubble.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAGH,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAS5C,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;CACvB;AAED,wBAAgB,UAAU,CAAC,EAAE,MAAM,EAAE,EAAE,eAAe,kDAyGrD"}

package/types/toolbar/LinkDialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LinkDialog.d.ts","sourceRoot":"","sources":["../../src/toolbar/LinkDialog.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAQH,OAAO,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAK3D,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAM7C,MAAM,WAAW,eAAe;IAC9B,8BAA8B;IAC9B,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,aAAa,GAAG,IAAI,CAAC,CAAC;IACjD,2BAA2B;IAC3B,KAAK,EAAE,WAAW,CAAC;IACnB,qCAAqC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mEAAmE;IACnE,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,yCAAyC;IACzC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACxC;AAMD,wBAAgB,UAAU,CAAC,EACzB,SAAS,EACT,KAAK,EACL,QAAQ,EACR,IAAI,EAAE,QAAQ,EACd,YAAY,GACb,EAAE,eAAe,2CA6EjB;AAED,OAAO,EAAE,YAAY,EAAE,CAAC"}
+{"version":3,"file":"LinkDialog.d.ts","sourceRoot":"","sources":["../../src/toolbar/LinkDialog.tsx"],"names":[],"mappings":"AAAA;;GAEG;AASH,OAAO,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAK3D,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAM7C,MAAM,WAAW,eAAe;IAC9B,8BAA8B;IAC9B,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,aAAa,GAAG,IAAI,CAAC,CAAC;IACjD,2BAA2B;IAC3B,KAAK,EAAE,WAAW,CAAC;IACnB,qCAAqC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mEAAmE;IACnE,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,yCAAyC;IACzC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACxC;AAMD,wBAAgB,UAAU,CAAC,EACzB,SAAS,EACT,KAAK,EACL,QAAQ,EACR,IAAI,EAAE,QAAQ,EACd,YAAY,GACb,EAAE,eAAe,2CA4EjB;AAED,OAAO,EAAE,YAAY,EAAE,CAAC"}

package/types/toolbar/LinkDialog.native.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LinkDialog.native.d.ts","sourceRoot":"","sources":["../../src/toolbar/LinkDialog.native.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAMH,OAAO,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAM3D,MAAM,WAAW,eAAe;IAC9B,8BAA8B;IAC9B,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,aAAa,GAAG,IAAI,CAAC,CAAC;IACjD,2BAA2B;IAC3B,KAAK,EAAE,WAAW,CAAC;IACnB,qCAAqC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,wBAAgB,UAAU,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,eAAe,2CA4EzE"}
+{"version":3,"file":"LinkDialog.native.d.ts","sourceRoot":"","sources":["../../src/toolbar/LinkDialog.native.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAOH,OAAO,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAO3D,MAAM,WAAW,eAAe;IAC9B,8BAA8B;IAC9B,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,aAAa,GAAG,IAAI,CAAC,CAAC;IACjD,2BAA2B;IAC3B,KAAK,EAAE,WAAW,CAAC;IACnB,qCAAqC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,wBAAgB,UAAU,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,eAAe,2CAyEzE"}

package/types/toolbar/MathBubble.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MathBubble.d.ts","sourceRoot":"","sources":["../../src/toolbar/MathBubble.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAW5C,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;CACvB;AAED,wBAAgB,UAAU,CAAC,EAAE,MAAM,EAAE,EAAE,eAAe,kDAsHrD"}
+{"version":3,"file":"MathBubble.d.ts","sourceRoot":"","sources":["../../src/toolbar/MathBubble.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAU5C,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;CACvB;AAED,wBAAgB,UAAU,CAAC,EAAE,MAAM,EAAE,EAAE,eAAe,kDAkHrD"}