diff --git a/.changeset/curvy-eels-tie.md b/.changeset/curvy-eels-tie.md new file mode 100644 index 0000000000..8230bb4e3e --- /dev/null +++ b/.changeset/curvy-eels-tie.md @@ -0,0 +1,6 @@ +--- +"@twilio-paste/customization": patch +"@twilio-paste/core": patch +--- + +[Customization] Minor change to customization tests to reflect updated prop change from 'variant' to 'variants' on CustomizationProvider. diff --git a/packages/paste-customization/__tests__/CustomizationProvider.test.tsx b/packages/paste-customization/__tests__/CustomizationProvider.test.tsx index 222cfb88a0..710ed640bb 100644 --- a/packages/paste-customization/__tests__/CustomizationProvider.test.tsx +++ b/packages/paste-customization/__tests__/CustomizationProvider.test.tsx @@ -105,13 +105,13 @@ describe("CustomizationProvider", () => { render( , ); expect(screen.getByTestId("elements-test").textContent).toEqual( - 'Elements: {"CARD":{"backgroundColor":"colorBackground","variant":{"padded":{"padding":"space20"}}}}', + 'Elements: {"CARD":{"backgroundColor":"colorBackground","variants":{"padded":{"padding":"space20"}}}}', ); }); }); diff --git a/packages/paste-customization/stories/customization.stories.tsx b/packages/paste-customization/stories/customization.stories.tsx index 3db496d90c..ec3c14ca8b 100644 --- a/packages/paste-customization/stories/customization.stories.tsx +++ b/packages/paste-customization/stories/customization.stories.tsx @@ -60,11 +60,11 @@ export const Provider: StoryFn = (_args, { parameters: { isTestEnvironment } }) fonts: { fontFamilyText: "cursive" }, }} elements={{ - CARD: { + BUTTON: { backgroundColor: "colorBackground", - variant: { - primary: { - backgroundColor: "colorBackgroundBody", + variants: { + destructive: { + backgroundColor: "colorBackgroundAvailable", }, }, },