Second button variant.

dev-launchers · Jul 3, 2023 · 0e0e738 · 0e0e738
1 parent 39206fe
commit 0e0e738
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 1 deletion.
diff --git a/packages/UI/src/components/atoms/NewButton/NewButton.stories.tsx b/packages/UI/src/components/atoms/NewButton/NewButton.stories.tsx
@@ -7,11 +7,19 @@ export default {
 } as ComponentMeta<typeof NewButton>;
 
 const NavLinkTemplate: ComponentStory<typeof NewButton> = (args) => (
-  <NewButton {...args}>Primary</NewButton>
+  <NewButton {...args}>{args.children}</NewButton>
 );
 
 export const Light = NavLinkTemplate.bind({});
 Light.args = {
   size: 'default',
   type: 'Primary',
+  children: 'Primary',
+};
+
+export const Dark = NavLinkTemplate.bind({});
+Dark.args = {
+  size: 'default',
+  type: 'Secondary',
+  children: 'Secondary',
 };
diff --git a/packages/UI/src/components/atoms/NewButton/NewButton.tsx b/packages/UI/src/components/atoms/NewButton/NewButton.tsx
@@ -7,6 +7,8 @@ const buttonStyles = tv({
     type: {
       Primary:
         'text-Grey-Scale-white font-normal capitalize leading-normal tracking-wider bg-Blue-blue-600 hover:bg-Blue-blue-700',
+      Secondary:
+        'text-Grey-Scale-white font-normal capitalize leading-normal tracking-wider bg-LightBlue-lightblue-650 hover:bg-LightBlue-lightblue-700',
     },
     size: {
       default: 'px-4 py-2',