diff --git a/.changeset/clean-doodles-thank.md b/.changeset/clean-doodles-thank.md new file mode 100644 index 00000000000..cc1e971e5c9 --- /dev/null +++ b/.changeset/clean-doodles-thank.md @@ -0,0 +1,6 @@ +--- +'@clerk/clerk-js': patch +'@clerk/types': patch +--- + +Exclude matrix variant of ``. diff --git a/packages/clerk-js/src/ui/components/PricingTable/PricingTable.tsx b/packages/clerk-js/src/ui/components/PricingTable/PricingTable.tsx index 5e62ebc2345..5aa819423b3 100644 --- a/packages/clerk-js/src/ui/components/PricingTable/PricingTable.tsx +++ b/packages/clerk-js/src/ui/components/PricingTable/PricingTable.tsx @@ -43,13 +43,13 @@ const PricingTable = (props: __experimental_PricingTableProps) => { return ( <> - {mode !== 'modal' && props.layout === 'matrix' ? ( + {mode !== 'modal' && (props as any).layout === 'matrix' ? ( ) : ( 0; diff --git a/packages/types/src/clerk.ts b/packages/types/src/clerk.ts index 6affedb10d5..0a35cc77a05 100644 --- a/packages/types/src/clerk.ts +++ b/packages/types/src/clerk.ts @@ -1561,23 +1561,17 @@ export type WaitlistProps = { export type WaitlistModalProps = WaitlistProps; type __experimental_PricingTableDefaultProps = { - layout?: 'default'; ctaPosition?: 'top' | 'bottom'; collapseFeatures?: boolean; }; -type __experimental_PricingTableMatrixProps = { - layout?: 'matrix'; - highlightPlan?: string; -}; - type __experimental_PricingTableBaseProps = { appearance?: PricingTableTheme; checkoutProps?: Pick<__experimental_CheckoutProps, 'appearance'>; }; export type __experimental_PricingTableProps = __experimental_PricingTableBaseProps & - (__experimental_PricingTableDefaultProps | __experimental_PricingTableMatrixProps); + __experimental_PricingTableDefaultProps; export type __experimental_CheckoutProps = { appearance?: CheckoutTheme;