Merge pull request #67 from Giveth/fix-ouline-button-typo

fix: outline button typo

package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@giveth/ui-design-system",
-	"version": "1.8.21",
+	"version": "1.8.22",
 	"files": [
 		"/lib"
 	],

src/components/buttons/OulineButton.tsx → src/components/buttons/OutlineButton.tsx

@@ -49,7 +49,7 @@ const ButtonContainer = styled.button<IButtonContainerProps>`
 	}
 `;
 
-export const OulineButton: FC<IButtonProps> = ({
+export const OutlineButton: FC<IButtonProps> = ({
 	label,
 	size = 'medium',
 	buttonType = 'secondary',

src/components/index.ts

@@ -23,11 +23,11 @@ export * from './typography/headlines/H6';
 export * from './typography/ButtonText';
 
 export * from './buttons/Button';
-export * from './buttons/OulineButton';
+export * from './buttons/OutlineButton';
 export * from './buttons/type';
 
 export * from './buttonLinks/ButtonLink';
-export * from './buttonLinks/OulineButtonLink';
+export * from './buttonLinks/OutlineButtonLink';
 
 export * from './layout/Container';
 export * from './layout/ContainerFluid';

src/stories/OutlineButton.stories.tsx

@@ -1,30 +1,30 @@
 import React from 'react';
 import { ComponentStory, ComponentMeta } from '@storybook/react';
 
-import { OulineButton } from '../components/buttons/OulineButton';
+import { OutlineButton } from '../components/buttons/OutlineButton';
 
 export default {
 	title: 'Example/Button',
-	component: OulineButton,
-} as ComponentMeta<typeof OulineButton>;
+	component: OutlineButton,
+} as ComponentMeta<typeof OutlineButton>;
 
-const Template: ComponentStory<typeof OulineButton> = args => (
-	<OulineButton {...args}>{args.label}</OulineButton>
+const Template: ComponentStory<typeof OutlineButton> = args => (
+	<OutlineButton {...args}>{args.label}</OutlineButton>
 );
 
-export const OulinePrimary = Template.bind({});
-OulinePrimary.args = {
+export const OutlinePrimary = Template.bind({});
+OutlinePrimary.args = {
 	buttonType: 'primary',
-	label: 'Ouline Primary',
+	label: 'Outline Primary',
 	size: 'medium',
 	disabled: false,
 	loading: false,
 };
 
-export const OulineSecondary = Template.bind({});
-OulineSecondary.args = {
+export const OutlineSecondary = Template.bind({});
+OutlineSecondary.args = {
 	buttonType: 'secondary',
-	label: 'Ouline Secondary',
+	label: 'Outline Secondary',
 	size: 'medium',
 	disabled: false,
 	loading: false,

src/stories/OutlineButtonLink.stories.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import { ComponentStory, ComponentMeta } from '@storybook/react';
 
-import { OutlineLinkButton } from '../components/buttonLinks/OulineButtonLink';
+import { OutlineLinkButton } from '../components/buttonLinks/OutlineButtonLink';
 
 export default {
 	title: 'Example/ButtonLink',
@@ -12,18 +12,18 @@ const Template: ComponentStory<typeof OutlineLinkButton> = args => (
 	<OutlineLinkButton {...args}>{args.label}</OutlineLinkButton>
 );
 
-export const OulinePrimary = Template.bind({});
-OulinePrimary.args = {
+export const OutlinePrimary = Template.bind({});
+OutlinePrimary.args = {
 	buttonType: 'primary',
-	label: 'Ouline Primary',
+	label: 'Outline Primary',
 	size: 'medium',
 	disabled: false,
 };
 
-export const OulineSecondary = Template.bind({});
-OulineSecondary.args = {
+export const OutlineSecondary = Template.bind({});
+OutlineSecondary.args = {
 	buttonType: 'secondary',
-	label: 'Ouline Secondary',
+	label: 'Outline Secondary',
 	size: 'medium',
 	disabled: false,
 };