npm - @riverbankcms/sdk - Versions diffs - 0.149.0 → 0.150.0 - Mend

@riverbankcms/sdk 0.149.0 → 0.150.0

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.

Files changed (165) hide show

package/dist/_dts/theme-core/src/mock-themes/all.d.ts CHANGED Viewed

@@ -1734,6 +1734,17 @@ export declare const mockThemes: {
                             linkColor?: string | null | undefined;
                             supportingColor?: string | null | undefined;
                             color?: string | null | undefined;
+                            mediaScrim?: {
+                                type: "none";
+                            } | {
+                                type: "color";
+                                color?: string | null | undefined;
+                                opacity?: number | null | undefined;
+                            } | {
+                                type: "gradient";
+                                gradient?: string | null | undefined;
+                                opacity?: number | null | undefined;
+                            } | null | undefined;
                         } | {
                             type: "gradient";
                             contentOwner?: "page-design-editor" | undefined;
@@ -1743,6 +1754,17 @@ export declare const mockThemes: {
                             supportingColor?: string | null | undefined;
                             gradient?: string | null | undefined;
                             gradientPresetId?: string | null | undefined;
+                            mediaScrim?: {
+                                type: "none";
+                            } | {
+                                type: "color";
+                                color?: string | null | undefined;
+                                opacity?: number | null | undefined;
+                            } | {
+                                type: "gradient";
+                                gradient?: string | null | undefined;
+                                opacity?: number | null | undefined;
+                            } | null | undefined;
                         } | {
                             type: "image";
                             contentOwner?: "page-design-editor" | undefined;
@@ -1909,6 +1931,17 @@ export declare const mockThemes: {
                             linkColor?: string | null | undefined;
                             supportingColor?: string | null | undefined;
                             color?: string | null | undefined;
+                            mediaScrim?: {
+                                type: "none";
+                            } | {
+                                type: "color";
+                                color?: string | null | undefined;
+                                opacity?: number | null | undefined;
+                            } | {
+                                type: "gradient";
+                                gradient?: string | null | undefined;
+                                opacity?: number | null | undefined;
+                            } | null | undefined;
                         } | {
                             type: "gradient";
                             contentOwner?: "page-design-editor" | undefined;
@@ -1918,6 +1951,17 @@ export declare const mockThemes: {
                             supportingColor?: string | null | undefined;
                             gradient?: string | null | undefined;
                             gradientPresetId?: string | null | undefined;
+                            mediaScrim?: {
+                                type: "none";
+                            } | {
+                                type: "color";
+                                color?: string | null | undefined;
+                                opacity?: number | null | undefined;
+                            } | {
+                                type: "gradient";
+                                gradient?: string | null | undefined;
+                                opacity?: number | null | undefined;
+                            } | null | undefined;
                         } | {
                             type: "image";
                             contentOwner?: "page-design-editor" | undefined;
@@ -2070,6 +2114,17 @@ export declare const mockThemes: {
                             linkColor?: string | null | undefined;
                             supportingColor?: string | null | undefined;
                             color?: string | null | undefined;
+                            mediaScrim?: {
+                                type: "none";
+                            } | {
+                                type: "color";
+                                color?: string | null | undefined;
+                                opacity?: number | null | undefined;
+                            } | {
+                                type: "gradient";
+                                gradient?: string | null | undefined;
+                                opacity?: number | null | undefined;
+                            } | null | undefined;
                         } | {
                             type: "gradient";
                             contentOwner?: "page-design-editor" | undefined;
@@ -2079,6 +2134,17 @@ export declare const mockThemes: {
                             supportingColor?: string | null | undefined;
                             gradient?: string | null | undefined;
                             gradientPresetId?: string | null | undefined;
+                            mediaScrim?: {
+                                type: "none";
+                            } | {
+                                type: "color";
+                                color?: string | null | undefined;
+                                opacity?: number | null | undefined;
+                            } | {
+                                type: "gradient";
+                                gradient?: string | null | undefined;
+                                opacity?: number | null | undefined;
+                            } | null | undefined;
                         } | {
                             type: "image";
                             contentOwner?: "page-design-editor" | undefined;
@@ -4017,6 +4083,17 @@ export declare const mockThemes: {
                             linkColor?: string | null | undefined;
                             supportingColor?: string | null | undefined;
                             color?: string | null | undefined;
+                            mediaScrim?: {
+                                type: "none";
+                            } | {
+                                type: "color";
+                                color?: string | null | undefined;
+                                opacity?: number | null | undefined;
+                            } | {
+                                type: "gradient";
+                                gradient?: string | null | undefined;
+                                opacity?: number | null | undefined;
+                            } | null | undefined;
                         } | {
                             type: "gradient";
                             contentOwner?: "page-design-editor" | undefined;
@@ -4026,6 +4103,17 @@ export declare const mockThemes: {
                             supportingColor?: string | null | undefined;
                             gradient?: string | null | undefined;
                             gradientPresetId?: string | null | undefined;
+                            mediaScrim?: {
+                                type: "none";
+                            } | {
+                                type: "color";
+                                color?: string | null | undefined;
+                                opacity?: number | null | undefined;
+                            } | {
+                                type: "gradient";
+                                gradient?: string | null | undefined;
+                                opacity?: number | null | undefined;
+                            } | null | undefined;
                         } | {
                             type: "image";
                             contentOwner?: "page-design-editor" | undefined;
@@ -4192,6 +4280,17 @@ export declare const mockThemes: {
                             linkColor?: string | null | undefined;
                             supportingColor?: string | null | undefined;
                             color?: string | null | undefined;
+                            mediaScrim?: {
+                                type: "none";
+                            } | {
+                                type: "color";
+                                color?: string | null | undefined;
+                                opacity?: number | null | undefined;
+                            } | {
+                                type: "gradient";
+                                gradient?: string | null | undefined;
+                                opacity?: number | null | undefined;
+                            } | null | undefined;
                         } | {
                             type: "gradient";
                             contentOwner?: "page-design-editor" | undefined;
@@ -4201,6 +4300,17 @@ export declare const mockThemes: {
                             supportingColor?: string | null | undefined;
                             gradient?: string | null | undefined;
                             gradientPresetId?: string | null | undefined;
+                            mediaScrim?: {
+                                type: "none";
+                            } | {
+                                type: "color";
+                                color?: string | null | undefined;
+                                opacity?: number | null | undefined;
+                            } | {
+                                type: "gradient";
+                                gradient?: string | null | undefined;
+                                opacity?: number | null | undefined;
+                            } | null | undefined;
                         } | {
                             type: "image";
                             contentOwner?: "page-design-editor" | undefined;
@@ -4353,6 +4463,17 @@ export declare const mockThemes: {
                             linkColor?: string | null | undefined;
                             supportingColor?: string | null | undefined;
                             color?: string | null | undefined;
+                            mediaScrim?: {
+                                type: "none";
+                            } | {
+                                type: "color";
+                                color?: string | null | undefined;
+                                opacity?: number | null | undefined;
+                            } | {
+                                type: "gradient";
+                                gradient?: string | null | undefined;
+                                opacity?: number | null | undefined;
+                            } | null | undefined;
                         } | {
                             type: "gradient";
                             contentOwner?: "page-design-editor" | undefined;
@@ -4362,6 +4483,17 @@ export declare const mockThemes: {
                             supportingColor?: string | null | undefined;
                             gradient?: string | null | undefined;
                             gradientPresetId?: string | null | undefined;
+                            mediaScrim?: {
+                                type: "none";
+                            } | {
+                                type: "color";
+                                color?: string | null | undefined;
+                                opacity?: number | null | undefined;
+                            } | {
+                                type: "gradient";
+                                gradient?: string | null | undefined;
+                                opacity?: number | null | undefined;
+                            } | null | undefined;
                         } | {
                             type: "image";
                             contentOwner?: "page-design-editor" | undefined;
@@ -6300,6 +6432,17 @@ export declare const mockThemes: {
                             linkColor?: string | null | undefined;
                             supportingColor?: string | null | undefined;
                             color?: string | null | undefined;
+                            mediaScrim?: {
+                                type: "none";
+                            } | {
+                                type: "color";
+                                color?: string | null | undefined;
+                                opacity?: number | null | undefined;
+                            } | {
+                                type: "gradient";
+                                gradient?: string | null | undefined;
+                                opacity?: number | null | undefined;
+                            } | null | undefined;
                         } | {
                             type: "gradient";
                             contentOwner?: "page-design-editor" | undefined;
@@ -6309,6 +6452,17 @@ export declare const mockThemes: {
                             supportingColor?: string | null | undefined;
                             gradient?: string | null | undefined;
                             gradientPresetId?: string | null | undefined;
+                            mediaScrim?: {
+                                type: "none";
+                            } | {
+                                type: "color";
+                                color?: string | null | undefined;
+                                opacity?: number | null | undefined;
+                            } | {
+                                type: "gradient";
+                                gradient?: string | null | undefined;
+                                opacity?: number | null | undefined;
+                            } | null | undefined;
                         } | {
                             type: "image";
                             contentOwner?: "page-design-editor" | undefined;
@@ -6475,6 +6629,17 @@ export declare const mockThemes: {
                             linkColor?: string | null | undefined;
                             supportingColor?: string | null | undefined;
                             color?: string | null | undefined;
+                            mediaScrim?: {
+                                type: "none";
+                            } | {
+                                type: "color";
+                                color?: string | null | undefined;
+                                opacity?: number | null | undefined;
+                            } | {
+                                type: "gradient";
+                                gradient?: string | null | undefined;
+                                opacity?: number | null | undefined;
+                            } | null | undefined;
                         } | {
                             type: "gradient";
                             contentOwner?: "page-design-editor" | undefined;
@@ -6484,6 +6649,17 @@ export declare const mockThemes: {
                             supportingColor?: string | null | undefined;
                             gradient?: string | null | undefined;
                             gradientPresetId?: string | null | undefined;
+                            mediaScrim?: {
+                                type: "none";
+                            } | {
+                                type: "color";
+                                color?: string | null | undefined;
+                                opacity?: number | null | undefined;
+                            } | {
+                                type: "gradient";
+                                gradient?: string | null | undefined;
+                                opacity?: number | null | undefined;
+                            } | null | undefined;
                         } | {
                             type: "image";
                             contentOwner?: "page-design-editor" | undefined;
@@ -6636,6 +6812,17 @@ export declare const mockThemes: {
                             linkColor?: string | null | undefined;
                             supportingColor?: string | null | undefined;
                             color?: string | null | undefined;
+                            mediaScrim?: {
+                                type: "none";
+                            } | {
+                                type: "color";
+                                color?: string | null | undefined;
+                                opacity?: number | null | undefined;
+                            } | {
+                                type: "gradient";
+                                gradient?: string | null | undefined;
+                                opacity?: number | null | undefined;
+                            } | null | undefined;
                         } | {
                             type: "gradient";
                             contentOwner?: "page-design-editor" | undefined;
@@ -6645,6 +6832,17 @@ export declare const mockThemes: {
                             supportingColor?: string | null | undefined;
                             gradient?: string | null | undefined;
                             gradientPresetId?: string | null | undefined;
+                            mediaScrim?: {
+                                type: "none";
+                            } | {
+                                type: "color";
+                                color?: string | null | undefined;
+                                opacity?: number | null | undefined;
+                            } | {
+                                type: "gradient";
+                                gradient?: string | null | undefined;
+                                opacity?: number | null | undefined;
+                            } | null | undefined;
                         } | {
                             type: "image";
                             contentOwner?: "page-design-editor" | undefined;

package/dist/_dts/theme-core/src/palette/utils/index.d.ts CHANGED Viewed

@@ -7,3 +7,5 @@ export * from './generatePalette';
 export * from './textColor';
 export * from './legibility';
 export * from './onColor';
+export * from './opaqueSurfaceColor';
+export * from './scrimContrast';

package/dist/_dts/theme-core/src/palette/utils/scrimContrast.d.ts ADDED Viewed

@@ -0,0 +1,22 @@
+/** `top` at `alpha` over opaque `bottom`, blended as CSS paints an overlay. */
+export declare function compositeHex(topHex: string, alpha: number, bottomHex: string): string;
+/**
+ * The lowest contrast `foreground` can reach over `scrim` at `alpha` laid on
+ * any pixel. A foreground whose luminance falls inside the range the
+ * composites can take has a worst case of 1:1.
+ */
+export declare function worstCaseScrimContrast(input: Readonly<{
+    foregroundHex: string;
+    scrimHex: string;
+    alpha: number;
+}>): number;
+/**
+ * The smallest scrim opacity, in hundredths, at which every foreground keeps
+ * `threshold` contrast over any pixel. `null` when even an opaque scrim fails,
+ * which means the foreground was never legible on the scrim colour itself.
+ */
+export declare function minimumScrimOpacity(input: Readonly<{
+    scrimHex: string;
+    foregroundHexes: readonly string[];
+    threshold: number;
+}>): number | null;

package/dist/_dts/theme-core/src/runtime/bridgeColourTokens.d.ts ADDED Viewed

@@ -0,0 +1,10 @@
+import type { ExpandedPalette } from '../palette/expandPalette';
+/**
+ * The SDK theme bridge's colour tokens: RGB channel triplets as CSS vars, the
+ * on-colours derived for them, and the same tokens as an opaque hex palette
+ * for the contrast-checked generators (buttons, block panels).
+ */
+export declare const RGB_CHANNELS_PATTERN: RegExp;
+export declare function hexToRgbChannels(hex: string): string;
+export declare function deriveConcreteBridgeOnTokens(tokens: Readonly<Record<string, string>>): Record<string, string>;
+export declare function buildBridgeButtonPalette(tokens: Readonly<Record<string, string>>): ExpandedPalette;