@latte-macchiat-io/latte-vanilla-components 0.0.298 → 0.0.300

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@latte-macchiat-io/latte-vanilla-components",
-  "version": "0.0.298",
+  "version": "0.0.300",
   "description": "Beautiful components for amazing projects, with a touch of Vanilla 🥤",
   "type": "module",
   "main": "./src/index.ts",

package/src/components/Heading/index.tsx

@@ -19,12 +19,12 @@ const levelToSize: Record<AllowedHeading, NonNullable<HeadingProps['size']>> = {
   h6: 'xs',
 };
 
-export const Heading = ({ as, size, align, className, children }: HeadingProps) => {
+export const Heading = ({ as, size, className, children }: HeadingProps) => {
   const Component = as;
   const resolvedSize = size ?? levelToSize[as];
 
   return (
-    <Component className={clsx(headingRecipe({ size: resolvedSize, align, as }), className)}>
+    <Component className={clsx(headingRecipe({ size: resolvedSize, as }), className)}>
       {parse(typeof children === 'string' ? children : '')}
     </Component>
   );

package/src/components/Heading/styles.css.ts

@@ -101,18 +101,11 @@ export const headingRecipe = recipe(
           },
         },
       },
-
-      align: {
-        left: { textAlign: 'left' },
-        center: { textAlign: 'center' },
-        right: { textAlign: 'right' },
-      },
     },
 
     defaultVariants: {
       as: 'h2',
       size: 'xl',
-      align: 'left',
     },
   },
   'heading'

package/src/components/NavSocial/styles.css.ts

@@ -22,12 +22,7 @@ export const navSocialRecipe = recipe(
   'nav-social'
 );
 
-export const navSocialLink = style(
-  {
-    padding: 10,
-  },
-  'nav-social-link'
-);
+export const navSocialLink = style({}, 'nav-social-link');
 
 globalStyle(`${navSocialLink} svg path`, {
   transition: themeContract.navSocial.transition,