From a57650e0e7006d5264178038fa87dd331aae8c13 Mon Sep 17 00:00:00 2001
From: chainchompa <chainchompa@gmail.com>
Date: Thu, 15 Aug 2024 16:37:19 -0400
Subject: [PATCH] added invokePurple to colors (#18)

---
 lib/components/button/button.stories.tsx | 2 +-
 lib/theme/colors.ts                      | 5 +++++
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/lib/components/button/button.stories.tsx b/lib/components/button/button.stories.tsx
index 148c34f..1c5106a 100644
--- a/lib/components/button/button.stories.tsx
+++ b/lib/components/button/button.stories.tsx
@@ -28,7 +28,7 @@ const meta: Meta<typeof Button> = {
 export default meta;
 type Story = StoryObj<typeof Button>;
 
-const colorSchemes = ['base', 'invokeYellow', 'invokeRed', 'invokeGreen', 'invokeBlue'] as const;
+const colorSchemes = ['base', 'invokeYellow', 'invokeRed', 'invokeGreen', 'invokeBlue', 'invokePurple'] as const;
 const variants = ['solid', 'outline', 'ghost', 'link'] as const;
 const sizes = ['xs', 'sm', 'md', 'lg'] as const;
 
diff --git a/lib/theme/colors.ts b/lib/theme/colors.ts
index b591453..4de9e79 100644
--- a/lib/theme/colors.ts
+++ b/lib/theme/colors.ts
@@ -45,6 +45,8 @@ export type ThemeColors = {
   invokeGreenAlpha: PaletteSteps;
   invokeBlue: PaletteSteps;
   invokeBlueAlpha: PaletteSteps;
+  invokePurple: PaletteSteps;
+  invokePurpleAlpha: PaletteSteps;
 };
 
 const brandColors = {
@@ -58,6 +60,7 @@ const brandColors = {
   invokeBlue: { H: 200, S: 76 },
   invokeGreen: { H: 110, S: 69 },
   invokeRed: { H: 16, S: 92 },
+  invokePurple: { H: 260, S: 58 },
 };
 
 export const getArbitraryBaseColor = (lightness: number) =>
@@ -84,4 +87,6 @@ export const colors: ThemeColors = {
   invokeGreenAlpha: generateColorPalette(brandColors.invokeGreen.H, brandColors.invokeGreen.S, true),
   invokeRed: generateColorPalette(brandColors.invokeRed.H, brandColors.invokeRed.S),
   invokeRedAlpha: generateColorPalette(brandColors.invokeRed.H, brandColors.invokeRed.S, true),
+  invokePurple: generateColorPalette(brandColors.invokePurple.H, brandColors.invokePurple.S),
+  invokePurpleAlpha: generateColorPalette(brandColors.invokePurple.H, brandColors.invokePurple.S, true),
 };