npm - @riverbankcms/sdk - Versions diffs - 0.108.0 → 0.111.0 - Mend

@riverbankcms/sdk 0.108.0 → 0.111.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 (278) hide show

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

@@ -89,7 +89,7 @@ export declare const mockThemes: {
                         colorToken?: string | null | undefined;
                     } | undefined;
                 };
-                scale: "compact" | "spacious" | "balanced" | "minorThird" | "majorThird" | "perfectFourth";
+                scale: "compact" | "balanced" | "spacious" | "minorThird" | "majorThird" | "perfectFourth";
                 proseLinkStyle?: {
                     colorToken?: string | undefined;
                     hoverColorToken?: string | undefined;
@@ -125,7 +125,7 @@ export declare const mockThemes: {
             };
             corners: "soft" | "square" | "rounded" | "pill";
             header: {
-                variant: "transparent" | "classic" | "centered" | "floating";
+                variant: "classic" | "centered" | "transparent" | "floating";
                 positioning: "fixed" | "static" | "sticky";
                 shrinkOnScroll: boolean;
                 maxWidth: "full" | "container";
@@ -179,7 +179,7 @@ export declare const mockThemes: {
                     } | null | undefined;
                     textColor?: string | null | undefined;
                 };
-                navStyle: "scale" | "solid" | "minimal" | "underline" | "underline-grow" | "capsule" | "frosted";
+                navStyle: "scale" | "minimal" | "underline" | "solid" | "underline-grow" | "capsule" | "frosted";
                 navWeight: "medium" | "bold" | "regular" | "semibold";
                 navContainer: {
                     type: "none" | "pill" | "glass";
@@ -275,7 +275,7 @@ export declare const mockThemes: {
                     letterSpacing?: "normal" | "wide" | "wider" | "widest" | undefined;
                     contrastTreatment?: "none" | "soft-glow" | undefined;
                     hoverColorToken?: string | null | undefined;
-                    paddingX?: "default" | "none" | "compact" | "spacious" | "tight" | "relaxed" | undefined;
+                    paddingX?: "default" | "none" | "compact" | "tight" | "relaxed" | "spacious" | undefined;
                     effects?: {
                         base?: {
                             effectId: string;
@@ -296,8 +296,8 @@ export declare const mockThemes: {
                     } | undefined;
                     name?: string | undefined;
                 } | undefined;
-                ctaGap?: "default" | "none" | "compact" | "spacious" | "tight" | "relaxed" | undefined;
-                ctaTreatment?: "default" | "outline" | "primary" | "secondary" | "ghost" | "inverted" | undefined;
+                ctaGap?: "default" | "none" | "compact" | "tight" | "relaxed" | "spacious" | undefined;
+                ctaTreatment?: "default" | "outline" | "primary" | "secondary" | "inverted" | "ghost" | undefined;
                 ctaVariant?: string | undefined;
                 dropdownStyle?: {
                     background: string;
@@ -366,7 +366,7 @@ export declare const mockThemes: {
                     } | null | undefined;
                     textColor?: string | null | undefined;
                 };
-                navStyle: "scale" | "solid" | "minimal" | "underline" | "underline-grow" | "capsule" | "frosted";
+                navStyle: "scale" | "minimal" | "underline" | "solid" | "underline-grow" | "capsule" | "frosted";
                 navWeight: "medium" | "bold" | "regular" | "semibold";
                 mode?: "blocks" | "default" | "none" | "default+blocks" | undefined;
                 showLogoText?: boolean | undefined;
@@ -383,7 +383,7 @@ export declare const mockThemes: {
                     letterSpacing?: "normal" | "wide" | "wider" | "widest" | undefined;
                     contrastTreatment?: "none" | "soft-glow" | undefined;
                     hoverColorToken?: string | null | undefined;
-                    paddingX?: "default" | "none" | "compact" | "spacious" | "tight" | "relaxed" | undefined;
+                    paddingX?: "default" | "none" | "compact" | "tight" | "relaxed" | "spacious" | undefined;
                     effects?: {
                         base?: {
                             effectId: string;
@@ -413,8 +413,8 @@ export declare const mockThemes: {
                 navLayout?: {
                     layout?: "inline" | "stack" | "inline-wrap" | undefined;
                     align?: "center" | "end" | "start" | "space-between" | undefined;
-                    gapX?: "default" | "none" | "compact" | "spacious" | "tight" | "relaxed" | undefined;
-                    gapY?: "default" | "none" | "compact" | "spacious" | "tight" | "relaxed" | undefined;
+                    gapX?: "default" | "none" | "compact" | "tight" | "relaxed" | "spacious" | undefined;
+                    gapY?: "default" | "none" | "compact" | "tight" | "relaxed" | "spacious" | undefined;
                     columns?: number | undefined;
                 } | undefined;
                 logo?: {
@@ -480,8 +480,8 @@ export declare const mockThemes: {
                     } | undefined;
                     textColor?: string | null | undefined;
                     textAlign?: "left" | "right" | "center" | undefined;
-                    paddingY?: "default" | "none" | "compact" | "spacious" | "tight" | "relaxed" | undefined;
-                    paddingX?: "default" | "none" | "compact" | "spacious" | "tight" | "relaxed" | undefined;
+                    paddingY?: "default" | "none" | "compact" | "tight" | "relaxed" | "spacious" | undefined;
+                    paddingX?: "default" | "none" | "compact" | "tight" | "relaxed" | "spacious" | undefined;
                     borderTop?: {
                         colorToken?: string | null | undefined;
                         width?: "medium" | "none" | "thin" | "thick" | undefined;
@@ -548,7 +548,7 @@ export declare const mockThemes: {
                     letterSpacing?: "tight" | "normal" | "loose" | undefined;
                     italic?: boolean | undefined;
                     paddingPreset?: "default" | "compact" | "spacious" | undefined;
-                    hoverColorToken?: string | undefined;
+                    hoverColorToken?: import("../buttons").OpaqueButtonColourToken | undefined;
                     gradientStyle?: "linear" | "radial" | "conic" | undefined;
                     gradientAngle?: number | undefined;
                     gradientSharpness?: "medium" | "hard" | "smooth" | undefined;
@@ -560,15 +560,16 @@ export declare const mockThemes: {
                     priority: 1 | 3 | 2;
                     background: {
                         type: "solid";
-                        colorToken: string;
+                        colorToken: import("../buttons").OpaqueButtonColourToken;
                     } | {
                         type: "gradient";
-                        stops: string[];
+                        stops: [import("../buttons").OpaqueButtonColourToken, import("../buttons").OpaqueButtonColourToken, ...import("../buttons").OpaqueButtonColourToken[]];
                         direction: "to-r" | "to-l" | "to-t" | "to-b" | "to-tr" | "to-tl" | "to-br" | "to-bl";
+                        foregroundToken: import("../buttons").OpaqueButtonColourToken;
                     } | {
-                        type: "transparent";
+                        type: "surface";
+                        role: "link";
                     };
-                    textColorToken: string;
                     borderRadius?: string | undefined;
                     shadow?: {
                         elevation: "medium" | "none" | "high" | "low";
@@ -578,26 +579,13 @@ export declare const mockThemes: {
                     } | undefined;
                     border?: {
                         widthClass: string;
-                        colorToken: string;
                     } | undefined;
-                    hoverBackgroundToken?: string | undefined;
+                    hoverBackgroundToken?: import("../buttons").OpaqueButtonColourToken | undefined;
                     effects?: {
-                        base?: {
-                            effectId: string;
-                            options?: Record<string, any> | undefined;
-                        }[] | undefined;
-                        hover?: {
-                            effectId: string;
-                            options?: Record<string, any> | undefined;
-                        }[] | undefined;
-                        active?: {
-                            effectId: string;
-                            options?: Record<string, any> | undefined;
-                        }[] | undefined;
-                        focus?: {
-                            effectId: string;
-                            options?: Record<string, any> | undefined;
-                        }[] | undefined;
+                        base?: import("../../../blocks/src/index").EffectApplication[] | undefined;
+                        hover?: import("../../../blocks/src/index").EffectApplication[] | undefined;
+                        active?: import("../../../blocks/src/index").EffectApplication[] | undefined;
+                        focus?: import("../../../blocks/src/index").EffectApplication[] | undefined;
                     } | undefined;
                     sizes?: {
                         sm?: {
@@ -619,7 +607,6 @@ export declare const mockThemes: {
                     } | undefined;
                     affordance?: {
                         iconId: string;
-                        colorToken?: string | undefined;
                     } | undefined;
                 }[];
                 sizes?: {
@@ -667,17 +654,17 @@ export declare const mockThemes: {
                     } | undefined;
                     corners?: "soft" | "square" | "rounded" | "pill" | undefined;
                     cornerRadii?: {
-                        topLeft?: "soft" | "square" | "rounded" | "pill" | "expressive" | undefined;
-                        topRight?: "soft" | "square" | "rounded" | "pill" | "expressive" | undefined;
-                        bottomLeft?: "soft" | "square" | "rounded" | "pill" | "expressive" | undefined;
-                        bottomRight?: "soft" | "square" | "rounded" | "pill" | "expressive" | undefined;
+                        topLeft?: "expressive" | "soft" | "square" | "rounded" | "pill" | undefined;
+                        topRight?: "expressive" | "soft" | "square" | "rounded" | "pill" | undefined;
+                        bottomLeft?: "expressive" | "soft" | "square" | "rounded" | "pill" | undefined;
+                        bottomRight?: "expressive" | "soft" | "square" | "rounded" | "pill" | undefined;
                     } | undefined;
                     border?: {
                         widthClass: string;
                         colorToken: string;
                     } | undefined;
                     accentEdge?: {
-                        edge: "bottom" | "left" | "right" | "top";
+                        edge: "left" | "right" | "bottom" | "top";
                         colorToken: string;
                         width: "medium" | "thin" | "thick" | "heavy";
                     } | undefined;
@@ -725,7 +712,7 @@ export declare const mockThemes: {
                     backgroundColorToken?: string | undefined;
                     triggerColorToken?: string | undefined;
                     accent?: {
-                        edge: "bottom" | "left" | "top";
+                        edge: "left" | "bottom" | "top";
                         colorToken: string;
                         thickness: "medium" | "thin" | "thick";
                     } | undefined;
@@ -1155,7 +1142,7 @@ export declare const mockThemes: {
                         colorToken?: string | null | undefined;
                     } | undefined;
                 };
-                scale: "compact" | "spacious" | "balanced" | "minorThird" | "majorThird" | "perfectFourth";
+                scale: "compact" | "balanced" | "spacious" | "minorThird" | "majorThird" | "perfectFourth";
                 proseLinkStyle?: {
                     colorToken?: string | undefined;
                     hoverColorToken?: string | undefined;
@@ -1191,7 +1178,7 @@ export declare const mockThemes: {
             };
             corners: "soft" | "square" | "rounded" | "pill";
             header: {
-                variant: "transparent" | "classic" | "centered" | "floating";
+                variant: "classic" | "centered" | "transparent" | "floating";
                 positioning: "fixed" | "static" | "sticky";
                 shrinkOnScroll: boolean;
                 maxWidth: "full" | "container";
@@ -1245,7 +1232,7 @@ export declare const mockThemes: {
                     } | null | undefined;
                     textColor?: string | null | undefined;
                 };
-                navStyle: "scale" | "solid" | "minimal" | "underline" | "underline-grow" | "capsule" | "frosted";
+                navStyle: "scale" | "minimal" | "underline" | "solid" | "underline-grow" | "capsule" | "frosted";
                 navWeight: "medium" | "bold" | "regular" | "semibold";
                 navContainer: {
                     type: "none" | "pill" | "glass";
@@ -1341,7 +1328,7 @@ export declare const mockThemes: {
                     letterSpacing?: "normal" | "wide" | "wider" | "widest" | undefined;
                     contrastTreatment?: "none" | "soft-glow" | undefined;
                     hoverColorToken?: string | null | undefined;
-                    paddingX?: "default" | "none" | "compact" | "spacious" | "tight" | "relaxed" | undefined;
+                    paddingX?: "default" | "none" | "compact" | "tight" | "relaxed" | "spacious" | undefined;
                     effects?: {
                         base?: {
                             effectId: string;
@@ -1362,8 +1349,8 @@ export declare const mockThemes: {
                     } | undefined;
                     name?: string | undefined;
                 } | undefined;
-                ctaGap?: "default" | "none" | "compact" | "spacious" | "tight" | "relaxed" | undefined;
-                ctaTreatment?: "default" | "outline" | "primary" | "secondary" | "ghost" | "inverted" | undefined;
+                ctaGap?: "default" | "none" | "compact" | "tight" | "relaxed" | "spacious" | undefined;
+                ctaTreatment?: "default" | "outline" | "primary" | "secondary" | "inverted" | "ghost" | undefined;
                 ctaVariant?: string | undefined;
                 dropdownStyle?: {
                     background: string;
@@ -1432,7 +1419,7 @@ export declare const mockThemes: {
                     } | null | undefined;
                     textColor?: string | null | undefined;
                 };
-                navStyle: "scale" | "solid" | "minimal" | "underline" | "underline-grow" | "capsule" | "frosted";
+                navStyle: "scale" | "minimal" | "underline" | "solid" | "underline-grow" | "capsule" | "frosted";
                 navWeight: "medium" | "bold" | "regular" | "semibold";
                 mode?: "blocks" | "default" | "none" | "default+blocks" | undefined;
                 showLogoText?: boolean | undefined;
@@ -1449,7 +1436,7 @@ export declare const mockThemes: {
                     letterSpacing?: "normal" | "wide" | "wider" | "widest" | undefined;
                     contrastTreatment?: "none" | "soft-glow" | undefined;
                     hoverColorToken?: string | null | undefined;
-                    paddingX?: "default" | "none" | "compact" | "spacious" | "tight" | "relaxed" | undefined;
+                    paddingX?: "default" | "none" | "compact" | "tight" | "relaxed" | "spacious" | undefined;
                     effects?: {
                         base?: {
                             effectId: string;
@@ -1479,8 +1466,8 @@ export declare const mockThemes: {
                 navLayout?: {
                     layout?: "inline" | "stack" | "inline-wrap" | undefined;
                     align?: "center" | "end" | "start" | "space-between" | undefined;
-                    gapX?: "default" | "none" | "compact" | "spacious" | "tight" | "relaxed" | undefined;
-                    gapY?: "default" | "none" | "compact" | "spacious" | "tight" | "relaxed" | undefined;
+                    gapX?: "default" | "none" | "compact" | "tight" | "relaxed" | "spacious" | undefined;
+                    gapY?: "default" | "none" | "compact" | "tight" | "relaxed" | "spacious" | undefined;
                     columns?: number | undefined;
                 } | undefined;
                 logo?: {
@@ -1546,8 +1533,8 @@ export declare const mockThemes: {
                     } | undefined;
                     textColor?: string | null | undefined;
                     textAlign?: "left" | "right" | "center" | undefined;
-                    paddingY?: "default" | "none" | "compact" | "spacious" | "tight" | "relaxed" | undefined;
-                    paddingX?: "default" | "none" | "compact" | "spacious" | "tight" | "relaxed" | undefined;
+                    paddingY?: "default" | "none" | "compact" | "tight" | "relaxed" | "spacious" | undefined;
+                    paddingX?: "default" | "none" | "compact" | "tight" | "relaxed" | "spacious" | undefined;
                     borderTop?: {
                         colorToken?: string | null | undefined;
                         width?: "medium" | "none" | "thin" | "thick" | undefined;
@@ -1614,7 +1601,7 @@ export declare const mockThemes: {
                     letterSpacing?: "tight" | "normal" | "loose" | undefined;
                     italic?: boolean | undefined;
                     paddingPreset?: "default" | "compact" | "spacious" | undefined;
-                    hoverColorToken?: string | undefined;
+                    hoverColorToken?: import("../buttons").OpaqueButtonColourToken | undefined;
                     gradientStyle?: "linear" | "radial" | "conic" | undefined;
                     gradientAngle?: number | undefined;
                     gradientSharpness?: "medium" | "hard" | "smooth" | undefined;
@@ -1626,15 +1613,16 @@ export declare const mockThemes: {
                     priority: 1 | 3 | 2;
                     background: {
                         type: "solid";
-                        colorToken: string;
+                        colorToken: import("../buttons").OpaqueButtonColourToken;
                     } | {
                         type: "gradient";
-                        stops: string[];
+                        stops: [import("../buttons").OpaqueButtonColourToken, import("../buttons").OpaqueButtonColourToken, ...import("../buttons").OpaqueButtonColourToken[]];
                         direction: "to-r" | "to-l" | "to-t" | "to-b" | "to-tr" | "to-tl" | "to-br" | "to-bl";
+                        foregroundToken: import("../buttons").OpaqueButtonColourToken;
                     } | {
-                        type: "transparent";
+                        type: "surface";
+                        role: "link";
                     };
-                    textColorToken: string;
                     borderRadius?: string | undefined;
                     shadow?: {
                         elevation: "medium" | "none" | "high" | "low";
@@ -1644,26 +1632,13 @@ export declare const mockThemes: {
                     } | undefined;
                     border?: {
                         widthClass: string;
-                        colorToken: string;
                     } | undefined;
-                    hoverBackgroundToken?: string | undefined;
+                    hoverBackgroundToken?: import("../buttons").OpaqueButtonColourToken | undefined;
                     effects?: {
-                        base?: {
-                            effectId: string;
-                            options?: Record<string, any> | undefined;
-                        }[] | undefined;
-                        hover?: {
-                            effectId: string;
-                            options?: Record<string, any> | undefined;
-                        }[] | undefined;
-                        active?: {
-                            effectId: string;
-                            options?: Record<string, any> | undefined;
-                        }[] | undefined;
-                        focus?: {
-                            effectId: string;
-                            options?: Record<string, any> | undefined;
-                        }[] | undefined;
+                        base?: import("../../../blocks/src/index").EffectApplication[] | undefined;
+                        hover?: import("../../../blocks/src/index").EffectApplication[] | undefined;
+                        active?: import("../../../blocks/src/index").EffectApplication[] | undefined;
+                        focus?: import("../../../blocks/src/index").EffectApplication[] | undefined;
                     } | undefined;
                     sizes?: {
                         sm?: {
@@ -1685,7 +1660,6 @@ export declare const mockThemes: {
                     } | undefined;
                     affordance?: {
                         iconId: string;
-                        colorToken?: string | undefined;
                     } | undefined;
                 }[];
                 sizes?: {
@@ -1733,17 +1707,17 @@ export declare const mockThemes: {
                     } | undefined;
                     corners?: "soft" | "square" | "rounded" | "pill" | undefined;
                     cornerRadii?: {
-                        topLeft?: "soft" | "square" | "rounded" | "pill" | "expressive" | undefined;
-                        topRight?: "soft" | "square" | "rounded" | "pill" | "expressive" | undefined;
-                        bottomLeft?: "soft" | "square" | "rounded" | "pill" | "expressive" | undefined;
-                        bottomRight?: "soft" | "square" | "rounded" | "pill" | "expressive" | undefined;
+                        topLeft?: "expressive" | "soft" | "square" | "rounded" | "pill" | undefined;
+                        topRight?: "expressive" | "soft" | "square" | "rounded" | "pill" | undefined;
+                        bottomLeft?: "expressive" | "soft" | "square" | "rounded" | "pill" | undefined;
+                        bottomRight?: "expressive" | "soft" | "square" | "rounded" | "pill" | undefined;
                     } | undefined;
                     border?: {
                         widthClass: string;
                         colorToken: string;
                     } | undefined;
                     accentEdge?: {
-                        edge: "bottom" | "left" | "right" | "top";
+                        edge: "left" | "right" | "bottom" | "top";
                         colorToken: string;
                         width: "medium" | "thin" | "thick" | "heavy";
                     } | undefined;
@@ -1791,7 +1765,7 @@ export declare const mockThemes: {
                     backgroundColorToken?: string | undefined;
                     triggerColorToken?: string | undefined;
                     accent?: {
-                        edge: "bottom" | "left" | "top";
+                        edge: "left" | "bottom" | "top";
                         colorToken: string;
                         thickness: "medium" | "thin" | "thick";
                     } | undefined;
@@ -2221,7 +2195,7 @@ export declare const mockThemes: {
                         colorToken?: string | null | undefined;
                     } | undefined;
                 };
-                scale: "compact" | "spacious" | "balanced" | "minorThird" | "majorThird" | "perfectFourth";
+                scale: "compact" | "balanced" | "spacious" | "minorThird" | "majorThird" | "perfectFourth";
                 proseLinkStyle?: {
                     colorToken?: string | undefined;
                     hoverColorToken?: string | undefined;
@@ -2257,7 +2231,7 @@ export declare const mockThemes: {
             };
             corners: "soft" | "square" | "rounded" | "pill";
             header: {
-                variant: "transparent" | "classic" | "centered" | "floating";
+                variant: "classic" | "centered" | "transparent" | "floating";
                 positioning: "fixed" | "static" | "sticky";
                 shrinkOnScroll: boolean;
                 maxWidth: "full" | "container";
@@ -2311,7 +2285,7 @@ export declare const mockThemes: {
                     } | null | undefined;
                     textColor?: string | null | undefined;
                 };
-                navStyle: "scale" | "solid" | "minimal" | "underline" | "underline-grow" | "capsule" | "frosted";
+                navStyle: "scale" | "minimal" | "underline" | "solid" | "underline-grow" | "capsule" | "frosted";
                 navWeight: "medium" | "bold" | "regular" | "semibold";
                 navContainer: {
                     type: "none" | "pill" | "glass";
@@ -2407,7 +2381,7 @@ export declare const mockThemes: {
                     letterSpacing?: "normal" | "wide" | "wider" | "widest" | undefined;
                     contrastTreatment?: "none" | "soft-glow" | undefined;
                     hoverColorToken?: string | null | undefined;
-                    paddingX?: "default" | "none" | "compact" | "spacious" | "tight" | "relaxed" | undefined;
+                    paddingX?: "default" | "none" | "compact" | "tight" | "relaxed" | "spacious" | undefined;
                     effects?: {
                         base?: {
                             effectId: string;
@@ -2428,8 +2402,8 @@ export declare const mockThemes: {
                     } | undefined;
                     name?: string | undefined;
                 } | undefined;
-                ctaGap?: "default" | "none" | "compact" | "spacious" | "tight" | "relaxed" | undefined;
-                ctaTreatment?: "default" | "outline" | "primary" | "secondary" | "ghost" | "inverted" | undefined;
+                ctaGap?: "default" | "none" | "compact" | "tight" | "relaxed" | "spacious" | undefined;
+                ctaTreatment?: "default" | "outline" | "primary" | "secondary" | "inverted" | "ghost" | undefined;
                 ctaVariant?: string | undefined;
                 dropdownStyle?: {
                     background: string;
@@ -2498,7 +2472,7 @@ export declare const mockThemes: {
                     } | null | undefined;
                     textColor?: string | null | undefined;
                 };
-                navStyle: "scale" | "solid" | "minimal" | "underline" | "underline-grow" | "capsule" | "frosted";
+                navStyle: "scale" | "minimal" | "underline" | "solid" | "underline-grow" | "capsule" | "frosted";
                 navWeight: "medium" | "bold" | "regular" | "semibold";
                 mode?: "blocks" | "default" | "none" | "default+blocks" | undefined;
                 showLogoText?: boolean | undefined;
@@ -2515,7 +2489,7 @@ export declare const mockThemes: {
                     letterSpacing?: "normal" | "wide" | "wider" | "widest" | undefined;
                     contrastTreatment?: "none" | "soft-glow" | undefined;
                     hoverColorToken?: string | null | undefined;
-                    paddingX?: "default" | "none" | "compact" | "spacious" | "tight" | "relaxed" | undefined;
+                    paddingX?: "default" | "none" | "compact" | "tight" | "relaxed" | "spacious" | undefined;
                     effects?: {
                         base?: {
                             effectId: string;
@@ -2545,8 +2519,8 @@ export declare const mockThemes: {
                 navLayout?: {
                     layout?: "inline" | "stack" | "inline-wrap" | undefined;
                     align?: "center" | "end" | "start" | "space-between" | undefined;
-                    gapX?: "default" | "none" | "compact" | "spacious" | "tight" | "relaxed" | undefined;
-                    gapY?: "default" | "none" | "compact" | "spacious" | "tight" | "relaxed" | undefined;
+                    gapX?: "default" | "none" | "compact" | "tight" | "relaxed" | "spacious" | undefined;
+                    gapY?: "default" | "none" | "compact" | "tight" | "relaxed" | "spacious" | undefined;
                     columns?: number | undefined;
                 } | undefined;
                 logo?: {
@@ -2612,8 +2586,8 @@ export declare const mockThemes: {
                     } | undefined;
                     textColor?: string | null | undefined;
                     textAlign?: "left" | "right" | "center" | undefined;
-                    paddingY?: "default" | "none" | "compact" | "spacious" | "tight" | "relaxed" | undefined;
-                    paddingX?: "default" | "none" | "compact" | "spacious" | "tight" | "relaxed" | undefined;
+                    paddingY?: "default" | "none" | "compact" | "tight" | "relaxed" | "spacious" | undefined;
+                    paddingX?: "default" | "none" | "compact" | "tight" | "relaxed" | "spacious" | undefined;
                     borderTop?: {
                         colorToken?: string | null | undefined;
                         width?: "medium" | "none" | "thin" | "thick" | undefined;
@@ -2680,7 +2654,7 @@ export declare const mockThemes: {
                     letterSpacing?: "tight" | "normal" | "loose" | undefined;
                     italic?: boolean | undefined;
                     paddingPreset?: "default" | "compact" | "spacious" | undefined;
-                    hoverColorToken?: string | undefined;
+                    hoverColorToken?: import("../buttons").OpaqueButtonColourToken | undefined;
                     gradientStyle?: "linear" | "radial" | "conic" | undefined;
                     gradientAngle?: number | undefined;
                     gradientSharpness?: "medium" | "hard" | "smooth" | undefined;
@@ -2692,15 +2666,16 @@ export declare const mockThemes: {
                     priority: 1 | 3 | 2;
                     background: {
                         type: "solid";
-                        colorToken: string;
+                        colorToken: import("../buttons").OpaqueButtonColourToken;
                     } | {
                         type: "gradient";
-                        stops: string[];
+                        stops: [import("../buttons").OpaqueButtonColourToken, import("../buttons").OpaqueButtonColourToken, ...import("../buttons").OpaqueButtonColourToken[]];
                         direction: "to-r" | "to-l" | "to-t" | "to-b" | "to-tr" | "to-tl" | "to-br" | "to-bl";
+                        foregroundToken: import("../buttons").OpaqueButtonColourToken;
                     } | {
-                        type: "transparent";
+                        type: "surface";
+                        role: "link";
                     };
-                    textColorToken: string;
                     borderRadius?: string | undefined;
                     shadow?: {
                         elevation: "medium" | "none" | "high" | "low";
@@ -2710,26 +2685,13 @@ export declare const mockThemes: {
                     } | undefined;
                     border?: {
                         widthClass: string;
-                        colorToken: string;
                     } | undefined;
-                    hoverBackgroundToken?: string | undefined;
+                    hoverBackgroundToken?: import("../buttons").OpaqueButtonColourToken | undefined;
                     effects?: {
-                        base?: {
-                            effectId: string;
-                            options?: Record<string, any> | undefined;
-                        }[] | undefined;
-                        hover?: {
-                            effectId: string;
-                            options?: Record<string, any> | undefined;
-                        }[] | undefined;
-                        active?: {
-                            effectId: string;
-                            options?: Record<string, any> | undefined;
-                        }[] | undefined;
-                        focus?: {
-                            effectId: string;
-                            options?: Record<string, any> | undefined;
-                        }[] | undefined;
+                        base?: import("../../../blocks/src/index").EffectApplication[] | undefined;
+                        hover?: import("../../../blocks/src/index").EffectApplication[] | undefined;
+                        active?: import("../../../blocks/src/index").EffectApplication[] | undefined;
+                        focus?: import("../../../blocks/src/index").EffectApplication[] | undefined;
                     } | undefined;
                     sizes?: {
                         sm?: {
@@ -2751,7 +2713,6 @@ export declare const mockThemes: {
                     } | undefined;
                     affordance?: {
                         iconId: string;
-                        colorToken?: string | undefined;
                     } | undefined;
                 }[];
                 sizes?: {
@@ -2799,17 +2760,17 @@ export declare const mockThemes: {
                     } | undefined;
                     corners?: "soft" | "square" | "rounded" | "pill" | undefined;
                     cornerRadii?: {
-                        topLeft?: "soft" | "square" | "rounded" | "pill" | "expressive" | undefined;
-                        topRight?: "soft" | "square" | "rounded" | "pill" | "expressive" | undefined;
-                        bottomLeft?: "soft" | "square" | "rounded" | "pill" | "expressive" | undefined;
-                        bottomRight?: "soft" | "square" | "rounded" | "pill" | "expressive" | undefined;
+                        topLeft?: "expressive" | "soft" | "square" | "rounded" | "pill" | undefined;
+                        topRight?: "expressive" | "soft" | "square" | "rounded" | "pill" | undefined;
+                        bottomLeft?: "expressive" | "soft" | "square" | "rounded" | "pill" | undefined;
+                        bottomRight?: "expressive" | "soft" | "square" | "rounded" | "pill" | undefined;
                     } | undefined;
                     border?: {
                         widthClass: string;
                         colorToken: string;
                     } | undefined;
                     accentEdge?: {
-                        edge: "bottom" | "left" | "right" | "top";
+                        edge: "left" | "right" | "bottom" | "top";
                         colorToken: string;
                         width: "medium" | "thin" | "thick" | "heavy";
                     } | undefined;
@@ -2857,7 +2818,7 @@ export declare const mockThemes: {
                     backgroundColorToken?: string | undefined;
                     triggerColorToken?: string | undefined;
                     accent?: {
-                        edge: "bottom" | "left" | "top";
+                        edge: "left" | "bottom" | "top";
                         colorToken: string;
                         thickness: "medium" | "thin" | "thick";
                     } | undefined;

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

@@ -1,2 +1,2 @@
-import type { Theme } from "../schema";
+import type { Theme } from '../schema';
 export declare const modernMinimalTheme: Theme;

package/dist/_dts/theme-core/src/navigation/types.d.ts CHANGED Viewed

@@ -20,9 +20,9 @@ export declare const navLinkPaddingXSchema: z.ZodEnum<{
     default: "default";
     none: "none";
     compact: "compact";
-    spacious: "spacious";
     tight: "tight";
     relaxed: "relaxed";
+    spacious: "spacious";
 }>;
 /**
  * Border radius options for nav links
@@ -93,9 +93,9 @@ export declare const navLinkStyleSchema: z.ZodObject<{
         default: "default";
         none: "none";
         compact: "compact";
-        spacious: "spacious";
         tight: "tight";
         relaxed: "relaxed";
+        spacious: "spacious";
     }>>;
     borderRadius: z.ZodDefault<z.ZodEnum<{
         full: "full";

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

@@ -8,9 +8,9 @@
 import { z } from 'zod';
 import { type PaletteValueKey } from '../colors';
 import type { CuratedPaletteAuthoringKey, CuratedPaletteDefinition } from './types';
-export type { CuratedPaletteAuthoringKey, CuratedPaletteDefinition, HexColor, PaletteColorEntry, PaletteColors, PaletteMode, PaletteOverrides, PaletteTokenName, } from './types';
+export type { CuratedPaletteAuthoringKey, CuratedPaletteDefinition, HexColor, PaletteColorEntry, PaletteColors, PaletteMode, PartialPaletteColors, PaletteTokenName, } from './types';
 export type { PaletteValueKey } from '../colors';
-export { PALETTE_TOKEN_NAMES, asCuratedPaletteAuthoringKey, curatedPaletteAuthoringKeySchema, curatedPaletteSchema, defineCuratedPalette, hexColorSchema, paletteColorsSchema, paletteModeSchema, paletteOverridesSchema, paletteTokenNameSchema, } from './types';
+export { PALETTE_TOKEN_NAMES, asCuratedPaletteAuthoringKey, curatedPaletteAuthoringKeySchema, curatedPaletteSchema, defineCuratedPalette, hexColorSchema, paletteColorsSchema, paletteModeSchema, partialPaletteColorsSchema, paletteTokenNameSchema, } from './types';
 declare const knownCuratedPaletteValueKeyBrand: unique symbol;
 /** A canonical value key admitted to this module's curated catalogue. */
 export type KnownCuratedPaletteValueKey = PaletteValueKey & {