Test another

package.json

@@ -26,7 +26,7 @@
         "@changesets/changelog-github": "^0.5.0",
         "@changesets/cli": "^2.27.1",
         "@cypress/vite-dev-server": "^7.0.0",
-        "@frontify/fondue": "^13.0.0-rc.5",
+        "@frontify/fondue": "^13.0.0-rc.7",
         "@types/react": "^18.3.24",
         "@vitejs/plugin-react": "^5.0.2",
         "cypress": "^15.0.0",

packages/guideline-blocks-settings/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@frontify/guideline-blocks-settings",
     "type": "module",
-    "version": "1.0.8-alpha.3",
+    "version": "1.0.12",
     "description": "Provides types and helpers for the guideline block development",
     "author": "Frontify Developers <developers@frontify.com>",
     "repository": {
@@ -50,7 +50,7 @@
         "@dnd-kit/core": "^6.3.1",
         "@dnd-kit/modifiers": "^9.0.0",
         "@dnd-kit/sortable": "^10.0.0",
-        "@frontify/fondue": "^13.0.0-rc.5",
+        "@frontify/fondue": "^13.0.0-rc.7",
         "@frontify/sidebar-settings": "workspace:^",
         "@react-aria/focus": "^3.16.2",
         "@react-stately/overlays": "^3.6.5",

packages/guideline-blocks-settings/src/components/Link/utils/getUrl.ts

@@ -1,6 +1,6 @@
 /* (c) Copyright Frontify Ltd., all rights reserved. */
 
-import { ELEMENT_LINK, type PlateEditor, getAboveNode } from '@frontify/fondue';
+import { ELEMENT_LINK, type PlateEditor, getAboveNode } from '@frontify/fondue/rte';
 
 import { type TLinkElement } from '../../RichTextEditor/plugins/LinkPlugin/types';
 

packages/guideline-blocks-settings/src/components/RichTextEditor/RichTextEditor.spec.ct.tsx

@@ -1,7 +1,7 @@
 /* (c) Copyright Frontify Ltd., all rights reserved. */
 
 import { DocumentApiDummy, getAppBridgeBlockStub } from '@frontify/app-bridge';
-import { PluginComposer } from '@frontify/fondue';
+import { PluginComposer } from '@frontify/fondue/rte';
 import { type SinonStub } from 'sinon';
 
 import { convertToRteValue } from '../../helpers';

packages/guideline-blocks-settings/src/components/RichTextEditor/RichTextEditor.tsx

@@ -1,6 +1,6 @@
 /* (c) Copyright Frontify Ltd., all rights reserved. */
 
-import { RichTextEditor as FondueRichTextEditor } from '@frontify/fondue';
+import { RichTextEditor as FondueRichTextEditor } from '@frontify/fondue/rte';
 import { memo, useCallback, useEffect, useId, useRef, useState } from 'react';
 
 import { useIsInViewport } from '../../hooks/useIsInViewport';

packages/guideline-blocks-settings/src/components/RichTextEditor/SerializedText.tsx

@@ -1,6 +1,6 @@
 /* (c) Copyright Frontify Ltd., all rights reserved. */
 
-import { serializeRawToHtmlAsync } from '@frontify/fondue';
+import { serializeRawToHtmlAsync } from '@frontify/fondue/rte';
 import { useCallback, useEffect, useState } from 'react';
 
 import { type SerializedTextProps } from './types';

packages/guideline-blocks-settings/src/components/RichTextEditor/pluginPresets/defaultPluginsWithLinkChooser.tsx

@@ -19,7 +19,7 @@ import {
     TextStylePlugin,
     UnderlinePlugin,
     UnorderedListPlugin,
-} from '@frontify/fondue';
+} from '@frontify/fondue/rte';
 
 import { ButtonPlugin, LinkPlugin, TextStylePluginsWithoutImage, TextStylesWithoutImage } from '../plugins';
 

packages/guideline-blocks-settings/src/components/RichTextEditor/plugins/ButtonPlugin/ButtonMarkupElement/ButtonMarkupElementNode.tsx

@@ -1,6 +1,6 @@
 /* (c) Copyright Frontify Ltd., all rights reserved. */
 
-import { type PlateRenderElementProps, type Value } from '@frontify/fondue';
+import { type PlateRenderElementProps, type Value } from '@frontify/fondue/rte';
 import { type CSSProperties, type HTMLAttributeAnchorTarget, type ReactElement, type ReactNode, useState } from 'react';
 
 import { type TButtonElement } from '../types';

packages/guideline-blocks-settings/src/components/RichTextEditor/plugins/ButtonPlugin/ButtonMarkupElement/index.ts

@@ -1,6 +1,6 @@
 /* (c) Copyright Frontify Ltd., all rights reserved. */
 
-import { MarkupElement } from '@frontify/fondue';
+import { MarkupElement } from '@frontify/fondue/rte';
 
 import { ELEMENT_BUTTON } from '../createButtonPlugin';
 

packages/guideline-blocks-settings/src/components/RichTextEditor/plugins/ButtonPlugin/components/ButtonButton.tsx

@@ -9,7 +9,7 @@ import {
     someNode,
     useEditorState,
     useEventPlateId,
-} from '@frontify/fondue';
+} from '@frontify/fondue/rte';
 
 import { ELEMENT_BUTTON } from '../createButtonPlugin';
 

packages/guideline-blocks-settings/src/components/RichTextEditor/plugins/ButtonPlugin/components/ButtonToolbarButton.tsx

@@ -1,6 +1,7 @@
 /* (c) Copyright Frontify Ltd., all rights reserved. */
 
-import { IconButton16, IconStylingWrapper, ToolbarButton, focusEditor, useEditorRef } from '@frontify/fondue';
+import { IconButton } from '@frontify/fondue/icons';
+import { IconStylingWrapper, ToolbarButton, focusEditor, useEditorRef } from '@frontify/fondue/rte';
 import { type ReactNode, forwardRef } from 'react';
 
 import { triggerFloatingButton } from '../utils';
@@ -23,7 +24,7 @@ export const ButtonToolbarButton = forwardRef<
                 triggerFloatingButton(editor, { focused: true });
             }}
         >
-            <IconStylingWrapper icon={<IconButton16 />} />
+            <IconStylingWrapper icon={<IconButton size={16} />} />
         </ToolbarButton>
     );
 });

packages/guideline-blocks-settings/src/components/RichTextEditor/plugins/ButtonPlugin/components/FloatingButton/CustomFloatingButton.tsx

@@ -1,6 +1,6 @@
 /* (c) Copyright Frontify Ltd., all rights reserved. */
 
-import { TextStyles, type UseVirtualFloatingOptions, flip, offset, useEditorRef } from '@frontify/fondue';
+import { TextStyles, type UseVirtualFloatingOptions, flip, offset, useEditorRef } from '@frontify/fondue/rte';
 import { createPortal } from 'react-dom';
 
 import { BlockStyles } from '../../../../../RichTextEditor/plugins/styles';

packages/guideline-blocks-settings/src/components/RichTextEditor/plugins/ButtonPlugin/components/FloatingButton/EditButtonModal/EditModal.tsx

@@ -1,6 +1,7 @@
 /* (c) Copyright Frontify Ltd., all rights reserved. */
 
-import { FloatingModalWrapper, IconPen16, IconTrashBin16, focusEditor, useEditorRef } from '@frontify/fondue';
+import { IconPen, IconTrashBin } from '@frontify/fondue/icons';
+import { FloatingModalWrapper, focusEditor, useEditorRef } from '@frontify/fondue/rte';
 
 import { LINK_PLUGIN } from '../../../../LinkPlugin/id';
 import { BlockStyles } from '../../../../styles';
@@ -32,7 +33,7 @@ export const EditModal = () => {
                         data-test-id="edit-button-button"
                         className="tw-transition tw-cursor-pointer tw-rounded hover:tw-bg-black-10 tw-p-1"
                     >
-                        <IconPen16 />
+                        <IconPen size={16} />
                     </button>
 
                     <button
@@ -44,7 +45,7 @@ export const EditModal = () => {
                         data-test-id="remove-button-button"
                         className="tw-transition tw-cursor-pointer tw-rounded hover:tw-bg-black-10 tw-p-1"
                     >
-                        <IconTrashBin16 />
+                        <IconTrashBin size={16} />
                     </button>
                 </span>
             </span>

packages/guideline-blocks-settings/src/components/RichTextEditor/plugins/ButtonPlugin/components/FloatingButton/InsertButtonModal/useInsertModal.ts

@@ -1,7 +1,7 @@
 /* (c) Copyright Frontify Ltd., all rights reserved. */
 
 import { type AppBridgeBlock } from '@frontify/app-bridge';
-import { getPluginOptions, useEditorRef, useHotkeys } from '@frontify/fondue';
+import { getPluginOptions, useEditorRef, useHotkeys } from '@frontify/fondue/rte';
 import { type Dispatch, type Reducer, useEffect, useReducer } from 'react';
 
 import { addHttps } from '../../../../../../../helpers';

packages/guideline-blocks-settings/src/components/RichTextEditor/plugins/ButtonPlugin/components/FloatingButton/floatingButtonStore.ts

@@ -1,6 +1,6 @@
 /* (c) Copyright Frontify Ltd., all rights reserved. */
 
-import { createStore } from '@frontify/fondue';
+import { createStore } from '@frontify/fondue/rte';
 
 import { type RichTextButtonStyle } from '../../types';
 

packages/guideline-blocks-settings/src/components/RichTextEditor/plugins/ButtonPlugin/components/FloatingButton/useFloatingButtonEdit.ts

@@ -14,7 +14,7 @@ import {
     useEditorRef,
     useEditorVersion,
     useHotkeys,
-} from '@frontify/fondue';
+} from '@frontify/fondue/rte';
 import { type Ref, useCallback, useEffect } from 'react';
 
 import { type ButtonPlugin, ELEMENT_BUTTON } from '../../createButtonPlugin';

packages/guideline-blocks-settings/src/components/RichTextEditor/plugins/ButtonPlugin/components/FloatingButton/useFloatingButtonEnter.ts

@@ -1,6 +1,6 @@
 /* (c) Copyright Frontify Ltd., all rights reserved. */
 
-import { useEditorRef, useHotkeys } from '@frontify/fondue';
+import { useEditorRef, useHotkeys } from '@frontify/fondue/rte';
 
 import { submitFloatingButton } from '../../transforms/submitFloatingButton';
 

packages/guideline-blocks-settings/src/components/RichTextEditor/plugins/ButtonPlugin/components/FloatingButton/useFloatingButtonEscape.ts

@@ -1,6 +1,6 @@
 /* (c) Copyright Frontify Ltd., all rights reserved. */
 
-import { focusEditor, useEditorRef, useHotkeys } from '@frontify/fondue';
+import { focusEditor, useEditorRef, useHotkeys } from '@frontify/fondue/rte';
 
 import { floatingButtonActions, floatingButtonSelectors } from './floatingButtonStore';
 

packages/guideline-blocks-settings/src/components/RichTextEditor/plugins/ButtonPlugin/components/FloatingButton/useFloatingButtonInsert.ts

@@ -8,7 +8,7 @@ import {
     useEditorRef,
     useFocused,
     useHotkeys,
-} from '@frontify/fondue';
+} from '@frontify/fondue/rte';
 import { type Ref, useEffect } from 'react';
 
 import { type ButtonPlugin, ELEMENT_BUTTON } from '../../createButtonPlugin';

packages/guideline-blocks-settings/src/components/RichTextEditor/plugins/ButtonPlugin/components/FloatingButton/useVirtualFloatingButton.ts

@@ -1,6 +1,6 @@
 /* (c) Copyright Frontify Ltd., all rights reserved. */
 
-import { type UseVirtualFloatingOptions, flip, offset, useVirtualFloating } from '@frontify/fondue';
+import { type UseVirtualFloatingOptions, flip, offset, useVirtualFloating } from '@frontify/fondue/rte';
 import { type CSSProperties, type Ref } from 'react';
 
 const OFFSET_Y = 12;

packages/guideline-blocks-settings/src/components/RichTextEditor/plugins/ButtonPlugin/createButtonPlugin.ts

@@ -7,7 +7,7 @@ import {
     type PluginProps,
     type RangeBeforeOptions,
     createPluginFactory,
-} from '@frontify/fondue';
+} from '@frontify/fondue/rte';
 import { type CSSProperties } from 'react';
 
 import { isValidUrl } from '../../../Link/utils/url';

packages/guideline-blocks-settings/src/components/RichTextEditor/plugins/ButtonPlugin/transforms/insertButton.ts

@@ -1,6 +1,6 @@
 /* (c) Copyright Frontify Ltd., all rights reserved. */
 
-import { type InsertNodesOptions, type PlateEditor, type TText, type Value, insertNodes } from '@frontify/fondue';
+import { type InsertNodesOptions, type PlateEditor, type TText, type Value, insertNodes } from '@frontify/fondue/rte';
 
 import { type TButtonElement } from '../types';
 import { type CreateButtonNodeOptions, createButtonNode } from '../utils/index';

packages/guideline-blocks-settings/src/components/RichTextEditor/plugins/ButtonPlugin/transforms/submitFloatingButton.ts

@@ -1,6 +1,6 @@
 /* (c) Copyright Frontify Ltd., all rights reserved. */
 
-import { type PlateEditor, type Value, focusEditor, getPluginOptions } from '@frontify/fondue';
+import { type PlateEditor, type Value, focusEditor, getPluginOptions } from '@frontify/fondue/rte';
 
 import { floatingButtonActions, floatingButtonSelectors } from '../components/FloatingButton/floatingButtonStore';
 import { type ButtonPlugin, ELEMENT_BUTTON } from '../createButtonPlugin';

packages/guideline-blocks-settings/src/components/RichTextEditor/plugins/ButtonPlugin/transforms/unwrapButton.ts

@@ -10,7 +10,7 @@ import {
     splitNodes,
     unwrapNodes,
     withoutNormalizing,
-} from '@frontify/fondue';
+} from '@frontify/fondue/rte';
 
 import { ELEMENT_BUTTON } from '../createButtonPlugin';
 

packages/guideline-blocks-settings/src/components/RichTextEditor/plugins/ButtonPlugin/transforms/upsertButton.ts

@@ -20,7 +20,7 @@ import {
     isExpanded,
     removeNodes,
     setNodes,
-} from '@frontify/fondue';
+} from '@frontify/fondue/rte';
 
 import { type ButtonPlugin, ELEMENT_BUTTON } from '../createButtonPlugin';
 import { type RichTextButtonStyle, type TButtonElement } from '../types';

packages/guideline-blocks-settings/src/components/RichTextEditor/plugins/ButtonPlugin/transforms/upsertButtonText.ts

@@ -8,7 +8,7 @@ import {
     getEditorString,
     getPluginType,
     replaceNodeChildren,
-} from '@frontify/fondue';
+} from '@frontify/fondue/rte';
 
 import { ELEMENT_BUTTON, type TButtonElement } from '..';
 

packages/guideline-blocks-settings/src/components/RichTextEditor/plugins/ButtonPlugin/transforms/wrapButton.ts

@@ -1,6 +1,6 @@
 /* (c) Copyright Frontify Ltd., all rights reserved. */
 
-import { type PlateEditor, type Value, type WrapNodesOptions, getPluginType, wrapNodes } from '@frontify/fondue';
+import { type PlateEditor, type Value, type WrapNodesOptions, getPluginType, wrapNodes } from '@frontify/fondue/rte';
 
 import { ELEMENT_BUTTON, type RichTextButtonStyle, type TButtonElement } from '..';
 

packages/guideline-blocks-settings/src/components/RichTextEditor/plugins/ButtonPlugin/types.ts

@@ -1,6 +1,6 @@
 /* (c) Copyright Frontify Ltd., all rights reserved. */
 
-import { type TLinkElement } from '@frontify/fondue';
+import { type TLinkElement } from '@frontify/fondue/rte';
 
 export type TButtonElement = TLinkElement & {
     chosenLink?: {

packages/guideline-blocks-settings/src/components/RichTextEditor/plugins/ButtonPlugin/utils/createButtonNode.ts

@@ -1,6 +1,6 @@
 /* (c) Copyright Frontify Ltd., all rights reserved. */
 
-import { type PlateEditor, type TText, type Value, getPluginType } from '@frontify/fondue';
+import { type PlateEditor, type TText, type Value, getPluginType } from '@frontify/fondue/rte';
 
 import { type RichTextButtonStyle, type TButtonElement } from '..';
 import { ELEMENT_BUTTON } from '../createButtonPlugin';

packages/guideline-blocks-settings/src/components/RichTextEditor/plugins/ButtonPlugin/utils/getButtonStyle.ts

@@ -1,6 +1,6 @@
 /* (c) Copyright Frontify Ltd., all rights reserved. */
 
-import { type PlateEditor, getAboveNode } from '@frontify/fondue';
+import { type PlateEditor, getAboveNode } from '@frontify/fondue/rte';
 
 import { ELEMENT_BUTTON, type RichTextButtonStyle, type TButtonElement } from '..';
 

packages/guideline-blocks-settings/src/components/RichTextEditor/plugins/ButtonPlugin/utils/getUrl.ts

@@ -1,6 +1,6 @@
 /* (c) Copyright Frontify Ltd., all rights reserved. */
 
-import { type PlateEditor, getAboveNode } from '@frontify/fondue';
+import { type PlateEditor, getAboveNode } from '@frontify/fondue/rte';
 
 import { ELEMENT_BUTTON, type TButtonElement } from '..';
 

packages/guideline-blocks-settings/src/components/RichTextEditor/plugins/ButtonPlugin/utils/triggerFloatingButton.ts

@@ -1,6 +1,6 @@
 /* (c) Copyright Frontify Ltd., all rights reserved. */
 
-import { type PlateEditor, type Value } from '@frontify/fondue';
+import { type PlateEditor, type Value } from '@frontify/fondue/rte';
 
 import { floatingButtonSelectors } from '../components';
 

packages/guideline-blocks-settings/src/components/RichTextEditor/plugins/ButtonPlugin/utils/triggerFloatingButtonEdit.ts

@@ -1,6 +1,6 @@
 /* (c) Copyright Frontify Ltd., all rights reserved. */
 
-import { type PlateEditor, type Value, findNode, getEditorString, getPluginType } from '@frontify/fondue';
+import { type PlateEditor, type Value, findNode, getEditorString, getPluginType } from '@frontify/fondue/rte';
 
 import { ELEMENT_BUTTON, type TButtonElement } from '..';
 import { floatingButtonActions } from '../components/FloatingButton/floatingButtonStore';

packages/guideline-blocks-settings/src/components/RichTextEditor/plugins/ButtonPlugin/utils/triggerFloatingButtonInsert.ts

@@ -7,7 +7,7 @@ import {
     getPluginType,
     isRangeAcrossBlocks,
     someNode,
-} from '@frontify/fondue';
+} from '@frontify/fondue/rte';
 
 import { floatingButtonActions, floatingButtonSelectors } from '../components/FloatingButton/floatingButtonStore';
 import { ELEMENT_BUTTON } from '../createButtonPlugin';

packages/guideline-blocks-settings/src/components/RichTextEditor/plugins/ButtonPlugin/withButton.ts

@@ -19,7 +19,7 @@ import {
     mockPlugin,
     select,
     withRemoveEmptyNodes,
-} from '@frontify/fondue';
+} from '@frontify/fondue/rte';
 
 import { ELEMENT_BUTTON } from './createButtonPlugin';
 

packages/guideline-blocks-settings/src/components/RichTextEditor/plugins/ColumnBreakPlugin/ColumnBreakPlugin.ts

@@ -1,6 +1,6 @@
 /* (c) Copyright Frontify Ltd., all rights reserved. */
 
-import { type PlatePlugin, Plugin, createColumnBreakPlugin, ColumnBreakButton } from '@frontify/fondue';
+import { type PlatePlugin, Plugin, createColumnBreakPlugin, ColumnBreakButton } from '@frontify/fondue/rte';
 import { type CSSProperties } from 'react';
 
 import { getResponsiveColumnClasses } from './helpers';

packages/guideline-blocks-settings/src/components/RichTextEditor/plugins/LinkPlugin/FloatingLink/CustomFloatingLink.tsx

@@ -9,7 +9,7 @@ import {
     useFloatingLinkEditState,
     useFloatingLinkInsert,
     useFloatingLinkInsertState,
-} from '@frontify/fondue';
+} from '@frontify/fondue/rte';
 import { createPortal } from 'react-dom';
 
 import { BlockStyles, TextStyles } from '../../../../RichTextEditor/plugins/styles';

packages/guideline-blocks-settings/src/components/RichTextEditor/plugins/LinkPlugin/FloatingLink/EditLinkModal/EditModal.tsx

@@ -1,6 +1,7 @@
 /* (c) Copyright Frontify Ltd., all rights reserved. */
 
-import { FloatingModalWrapper, IconPen16, IconTrashBin16, useLinkOpenButtonState } from '@frontify/fondue';
+import { IconPen, IconTrashBin } from '@frontify/fondue/icons';
+import { FloatingModalWrapper, useLinkOpenButtonState } from '@frontify/fondue/rte';
 import { type MouseEvent } from 'react';
 
 import { getUrlFromLinkOrLegacyLink } from '../../../../../Link';
@@ -41,7 +42,7 @@ export const EditModal = ({ editButtonProps, unlinkButtonProps }: EditModalProps
                         className="tw-transition tw-cursor-pointer tw-rounded hover:tw-bg-black-10 tw-p-1"
                         {...editButtonProps}
                     >
-                        <IconPen16 />
+                        <IconPen size={16} />
                     </button>
 
                     <button
@@ -50,7 +51,7 @@ export const EditModal = ({ editButtonProps, unlinkButtonProps }: EditModalProps
                         className="tw-transition tw-cursor-pointer tw-rounded hover:tw-bg-black-10 tw-p-1"
                         {...unlinkButtonProps}
                     >
-                        <IconTrashBin16 />
+                        <IconTrashBin size={16} />
                     </button>
                 </span>
             </span>

packages/guideline-blocks-settings/src/components/RichTextEditor/plugins/LinkPlugin/FloatingLink/InsertLinkModal/InsertModal.tsx

@@ -1,9 +1,10 @@
 /* (c) Copyright Frontify Ltd., all rights reserved. */
 
 import { type AppBridgeBlock } from '@frontify/app-bridge';
-import { FloatingModalWrapper, FormControl } from '@frontify/fondue';
+import { FormControl } from '@frontify/fondue';
 import { Button, TextInput } from '@frontify/fondue/components';
 import { IconCheckMark } from '@frontify/fondue/icons';
+import { FloatingModalWrapper } from '@frontify/fondue/rte';
 import { type MouseEvent, type ReactElement, type ReactNode } from 'react';
 
 import { LinkInput } from '../../../../../Link';

packages/guideline-blocks-settings/src/components/RichTextEditor/plugins/LinkPlugin/FloatingLink/InsertLinkModal/useInsertModal.ts

@@ -9,7 +9,7 @@ import {
     submitFloatingLink,
     useEditorRef,
     useHotkeys,
-} from '@frontify/fondue';
+} from '@frontify/fondue/rte';
 import { type Dispatch, type MouseEvent, type Reducer, useEffect, useReducer } from 'react';
 
 import { addHttps } from '../../../../../../helpers';