Merge branch 'release/1.14.0'

marceloglacial · Jul 26, 2024 · 7716988 · 7716988
2 parents 739b421 + a69ff61
commit 7716988
Show file tree

Hide file tree

Showing 3 changed files with 37 additions and 4 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
     "name": "@marceloglacial/brinca-ui",
-    "version": "1.13.0",
+    "version": "1.14.0",
     "author": "Marcelo Glacial",
     "type": "module",
     "repository": {

diff --git a/src/components/Button/Button.stories.tsx b/src/components/Button/Button.stories.tsx
@@ -29,3 +29,36 @@ FullWidth.args = {
     children: 'Button Full',
     full: true,
 }
+
+export const Sizes = () => {
+    return (
+        <div className='grid gap-4'>
+            <div className='flex items-center gap-4'>
+                <div>
+                    <Button size='sm'>Small</Button>
+                </div>
+                <div>
+                    <Button size='md'>Medium</Button>
+                </div>
+                <div>
+                    <Button size='lg'>Large</Button>
+                </div>
+            </div>
+            <div className='flex items-center gap-4'>
+                <div>
+                    <Button variant='secondary' size='sm'>
+                        Small
+                    </Button>
+                </div>
+                <div>
+                    <Button variant='secondary'>Medium</Button>
+                </div>
+                <div>
+                    <Button variant='secondary' size='lg'>
+                        Large
+                    </Button>
+                </div>
+            </div>
+        </div>
+    )
+}
diff --git a/src/components/Button/ButtonStyles.ts b/src/components/Button/ButtonStyles.ts
@@ -1,12 +1,12 @@
 const styles = {
-    button: `button inline-block text-center py-2 lg:py-3 px-8 lg:px-10 rounded-full transition-all border-2 border-green-600 font-normal whitespace-nowrap`,
+    button: `button inline-block text-center rounded-full transition-all border-2 border-green-600 font-normal whitespace-nowrap`,
     primary: `button--primary bg-green-600 text-white hover:bg-white hover:text-green-600`,
     secondary: `button--secondary text-green-600 hover:bg-green-600 hover:text-white`,
     disabled: `button--disabled text-gray-400 border-gray-300 bg-gray-50 cursor-not-allowed hover:text-gray-400 hover:border-gray-300 hover:bg-gray-50`,
     full: `button--full-width w-full`,
     size: {
-        sm: `py-1 px-6 lg:py-1 lg:px-6`,
-        md: ``,
+        sm: `py-1 px-4 `,
+        md: `py-2 lg:py-3 px-8 lg:px-10`,
         lg: `py-3 px-10 lg:py-4 lg:px-12`,
     },
 }