@orangelogic/design-system 2.198.0 → 2.200.0

package/library/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@orangelogic/design-system",
   "type": "module",
-  "version": "2.198.0",
+  "version": "2.200.0",
   "license": "UNLICENSED",
   "types": "library/types.d.ts",
   "scripts": {

package/library/packages/organisms/src/content-builder/blocks/image/image.d.ts

@@ -48,8 +48,6 @@ export default class CxSbImage extends CxImage {
     retryOnError: boolean;
     /** Content-builder images keep their measured box visible while the asset loads. */
     skeleton: boolean;
-    /** Content-builder blocks hold the box without an animated sheen. */
-    protected placeholderSkeletonEffect: "none";
     /**
      * The path to the image to load in dark mode.
      */

package/library/packages/organisms/src/content-builder/components/config-form/config-form-controller.d.ts

@@ -16,6 +16,13 @@ export declare class ConfigFormController implements ReactiveController {
     constructor(host: ReactiveControllerHost & CxConfigForm);
     hostConnected(): void;
     /**
+     * Resolves the delivery URL to persist for an asset under a given format.
+     *
+     * A blank `format` means `Auto`, which is what a reset leaves behind: the proxy is then
+     * derived from the asset's own extension and size (`resolveAutoFormat`), matching what
+     * the block computes at runtime. Without this the reset would keep whichever URL the
+     * previous hand-picked format wrote.
+     *
      * `TRX` proxies preserve the asset's original extension. When that extension is not a
      * browser-displayable image format, fall back to the `TR1` transformation proxy, which is
      * always transcoded to a raster format. Mirrors the same fallback in `FetchImageController`

package/library/packages/organisms/src/content-builder/plugins/rich-text-editor/extensions/index.d.ts

@@ -1,4 +1,6 @@
-export declare const baseExtensions: (import('@tiptap/core').Node<any, any> | import('@tiptap/core').Extension<any, any> | import('@tiptap/core').Mark<import('../../../../../../tools/src/tiptap/extensions/text-style').TextStyleOptions, any>)[];
+import { RTE_CONFIG } from '../../../../../../types/src/content-builder';
+
+export declare const baseExtensions: (import('@tiptap/core').Mark<any, any> | import('@tiptap/core').Node<any, any> | import('@tiptap/core').Extension<any, any>)[];
 export declare const basicFormatExtensions: import('@tiptap/core').Mark<import('@tiptap/extension-bold').BoldOptions, any>[];
 export declare const textScriptExtensions: import('@tiptap/core').Mark<import('@tiptap/extension-subscript').SubscriptExtensionOptions, any>[];
 export declare const linkExtensions: import('@tiptap/core').Mark<import('@tiptap/extension-link').LinkOptions, any>[];
@@ -25,4 +27,13 @@ export declare const lineHeightExtensions: import('@tiptap/core').Extension<{
 export declare const blockFormatExtensions: import('@tiptap/core').Node<any, any>[];
 export declare const listExtensions: import('@tiptap/core').Node<any, any>[];
 export declare const customNodes: import('@tiptap/core').Node<any, any>[];
-export declare const testingExtensions: (import('@tiptap/core').Mark<import('@tiptap/extension-bold').BoldOptions, any> | import('@tiptap/core').Node<any, any> | import('@tiptap/core').Extension<any, any>)[];
+/**
+ * Inline styling a paste may keep, derived from the same `rteConfigs` flags that
+ * decide which extensions are loaded. Anything not enabled at inline level is
+ * stripped on paste so the block-level setting stays in control — notably
+ * `font-family`, which has no inline config and is block-only.
+ *
+ * Keep in sync with the extension branches in `rich-text-editor/index.ts`.
+ */
+export declare const buildPasteInlineFilter: (rteConfigs?: RTE_CONFIG) => import('@tiptap/core').Extension<import('../../../../../../tools/src/tiptap/extensions/paste-inline-filter').PasteInlineFilterOptions, any>;
+export declare const testingExtensions: (import('@tiptap/core').Mark<any, any> | import('@tiptap/core').Node<any, any> | import('@tiptap/core').Extension<any, any>)[];

package/library/packages/tools/src/tiptap/extensions/google/index.d.ts

@@ -0,0 +1,4 @@
+import { Mark } from '@tiptap/core';
+
+declare const Google: Mark<any, any>;
+export default Google;

package/library/packages/tools/src/tiptap/extensions/paste-inline-filter/index.d.ts

@@ -0,0 +1,28 @@
+import { Extension } from '@tiptap/core';
+
+export type PasteInlineFilterOptions = {
+    /**
+     * Mark names that may survive a paste, e.g. `['bold', 'link']`.
+     * `textStyle` is always kept (it is filtered by `allowedStyles` instead) so
+     * that allowed declarations have a mark to live on.
+     */
+    allowedMarks: string[];
+    /**
+     * Inline CSS properties that may survive a paste, e.g. `['color', 'font-size']`.
+     * Every other declaration on a `textStyle` mark is dropped so the block-level
+     * setting stays in control. An empty set strips all inline styling.
+     */
+    allowedStyles: string[];
+};
+/**
+ * Removes inline styling that the host has not enabled, so block-level settings
+ * (font family, line height, …) are not overridden by whatever the clipboard
+ * carried. Pasted content from Google Docs, Word, and web pages all arrive as
+ * `<span style="...">` runs; without this filter those inline declarations win
+ * over the block setting and the setting appears to have no effect.
+ *
+ * Runs on `transformPasted`, so it covers every paste source rather than a
+ * single vendor-specific handler.
+ */
+declare const PasteInlineFilter: Extension<PasteInlineFilterOptions, any>;
+export default PasteInlineFilter;

package/library/packages/tools/src/tiptap/utils/flatten-spans.d.ts

@@ -0,0 +1,5 @@
+declare function flattenSpans(htmlString: string, options?: {
+    normalizeTabs?: boolean;
+    removeSuggestionTrack?: boolean;
+}): string;
+export default flattenSpans;

package/library/packages/tools/src/tiptap/utils/normalize-tabs.d.ts

@@ -0,0 +1,7 @@
+/**
+ *
+ * @param html
+ * Prevents whitespace collapse by converting consecutive spaces and literal tabs to non-breaking spaces
+ */
+declare function normalizeTabs(html: string): string;
+export default normalizeTabs;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@orangelogic/design-system",
   "type": "module",
-  "version": "2.198.0",
+  "version": "2.200.0",
   "license": "UNLICENSED",
   "types": "library/types.d.ts",
   "scripts": {