@latte-macchiat-io/latte-vanilla-components 0.0.301 → 0.0.303

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@latte-macchiat-io/latte-vanilla-components",
3
- "version": "0.0.301",
3
+ "version": "0.0.303",
4
4
  "description": "Beautiful components for amazing projects, with a touch of Vanilla 🥤",
5
5
  "type": "module",
6
6
  "main": "./src/index.ts",
@@ -17,13 +17,13 @@ const icons = {
17
17
 
18
18
  // Social
19
19
  socialFacebook:
20
- 'M 22.2816,10.9924 C 22.2816,4.92145 17.3602,0 11.2892,0 5.21832,0 0.296875,4.92145 0.296875,10.9924 c 0,5.4865 4.019725,10.0342 9.274805,10.8588 V 14.1698 H 6.78065 V 10.9924 H 9.57168 V 8.57061 c 0,-2.75496 1.64112,-4.27672 4.15202,-4.27672 1.2023,0 2.4606,0.2147 2.4606,0.2147 v 2.70515 h -1.3861 c -1.3654,0 -1.7914,0.8474 -1.7914,1.71756 v 2.0611 h 3.0487 l -0.4874,3.1774 h -2.5613 v 7.6814 c 5.2551,-0.8246 9.2748,-5.3723 9.2748,-10.8588 z',
20
+ 'M 24 12 C 24 5.37258 18.6274 0 12 0 C 5.37258 0 0 5.37258 0 12 C 0 17.9895 4.3882 22.954 10.125 23.8542 V 15.4688 H 7.07812 V 12 H 10.125 V 9.35625 C 10.125 6.34875 11.9166 4.6875 14.6576 4.6875 C 15.9701 4.6875 17.3438 4.92188 17.3438 4.92188 V 7.875 H 15.8306 C 14.34 7.875 13.875 8.80008 13.875 9.75 V 12 H 17.2031 L 16.6711 15.4688 H 13.875 V 23.8542 C 19.6118 22.954 24 17.9895 24 12 Z',
21
21
  socialInstagram:
22
22
  'M7.8 2h8.4C19.4 2 22 4.6 22 7.8v8.4a5.8 5.8 0 0 1-5.8 5.8H7.8C4.6 22 2 19.4 2 16.2V7.8A5.8 5.8 0 0 1 7.8 2m-.2 2A3.6 3.6 0 0 0 4 7.6v8.8C4 18.39 5.61 20 7.6 20h8.8a3.6 3.6 0 0 0 3.6-3.6V7.6C20 5.61 18.39 4 16.4 4H7.6m9.65 1.5a1.25 1.25 0 0 1 1.25 1.25A1.25 1.25 0 0 1 17.25 8 1.25 1.25 0 0 1 16 6.75a1.25 1.25 0 0 1 1.25-1.25M12 7a5 5 0 0 1 5 5 5 5 0 0 1-5 5 5 5 0 0 1-5-5 5 5 0 0 1 5-5m0 2a3 3 0 0 0-3 3 3 3 0 0 0 3 3 3 3 0 0 0 3-3 3 3 0 0 0-3-3z',
23
23
  socialPinterest:
24
24
  'M9.04 21.54c.96.29 1.93.46 2.96.46a10 10 0 0 0 10-10A10 10 0 0 0 12 2 10 10 0 0 0 2 12c0 4.25 2.67 7.9 6.44 9.34-.09-.78-.18-2.07 0-2.96l1.15-4.94s-.29-.58-.29-1.5c0-1.38.86-2.41 1.84-2.41.86 0 1.26.63 1.26 1.44 0 .86-.57 2.09-.86 3.27-.17.98.52 1.84 1.52 1.84 1.78 0 3.16-1.9 3.16-4.58 0-2.4-1.72-4.04-4.19-4.04-2.82 0-4.48 2.1-4.48 4.31 0 .86.28 1.73.74 2.3.09.06.09.14.06.29l-.29 1.09c0 .17-.11.23-.28.11-1.28-.56-2.02-2.38-2.02-3.85 0-3.16 2.24-6.03 6.56-6.03 3.44 0 6.12 2.47 6.12 5.75 0 3.44-2.13 6.2-5.18 6.2-.97 0-1.92-.52-2.26-1.13l-.67 2.37c-.23.86-.86 2.01-1.29 2.7v-.03z',
25
25
  socialLinkedIn:
26
- 'M19 3a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h14m-.5 15.5v-5.3a3.26 3.26 0 0 0-3.26-3.26c-.85 0-1.84.52-2.32 1.3v-1.11h-2.79v8.37h2.79v-4.93c0-.77.62-1.4 1.39-1.4a1.4 1.4 0 0 1 1.4 1.4v4.93h2.79M6.88 8.56a1.68 1.68 0 0 0 1.68-1.68c0-.93-.75-1.69-1.68-1.69a1.69 1.69 0 0 0-1.69 1.69c0 .93.76 1.68 1.69 1.68m1.39 9.94v-8.37H5.5v8.37h2.77z',
26
+ 'M 22.2234 0 H 1.77187 C 0.792187 0 0 0.773438 0 1.72969 V 22.2656 C 0 23.2219 0.792187 24 1.77187 24 H 22.2234 C 23.2031 24 24 23.2219 24 22.2703 V 1.72969 C 24 0.773438 23.2031 0 22.2234 0 Z M 7.12031 20.4516 H 3.55781 V 8.99531 H 7.12031 V 20.4516 Z M 5.33906 7.43438 C 4.19531 7.43438 3.27188 6.51094 3.27188 5.37187 C 3.27188 4.23281 4.19531 3.30937 5.33906 3.30937 C 6.47813 3.30937 7.40156 4.23281 7.40156 5.37187 C 7.40156 6.50625 6.47813 7.43438 5.33906 7.43438 Z M 20.4516 20.4516 H 16.8937 V 14.8828 C 16.8937 13.5562 16.8703 11.8453 15.0422 11.8453 C 13.1906 11.8453 12.9094 13.2937 12.9094 14.7891 V 20.4516 H 9.35625 V 8.99531 H 12.7687 V 10.5609 H 12.8156 C 13.2891 9.66094 14.4516 8.70938 16.1813 8.70938 C 19.7859 8.70938 20.4516 11.0813 20.4516 14.1656 V 20.4516 Z',
27
27
  socialSpotify: '',
28
28
  socialTiktok:
29
29
  'M 17.0725 0 H 13.0278 V 16.3478 C 13.0278 18.2957 11.4722 19.8957 9.53626 19.8957 C 7.60034 19.8957 6.04469 18.2957 6.04469 16.3478 C 6.04469 14.4348 7.56577 12.8695 9.43257 12.8 V 8.69567 C 5.31872 8.7652 2 12.1391 2 16.3478 C 2 20.5913 5.38786 24 9.57085 24 C 13.7538 24 17.1416 20.5565 17.1416 16.3478 V 7.9652 C 18.6627 9.07827 20.5295 9.73913 22.5 9.77393 V 5.66957 C 19.4579 5.56522 17.0725 3.06087 17.0725 0 Z',
@@ -6,10 +6,11 @@ import { Icon } from '../Icon';
6
6
  import icons from '../Icon/path';
7
7
 
8
8
  export type NavSocialProps = React.HTMLAttributes<HTMLDivElement> & {
9
+ size: number;
9
10
  navSocial: { name: Social; link: string }[];
10
11
  };
11
12
 
12
- export const NavSocial = ({ navSocial, className }: NavSocialProps) => (
13
+ export const NavSocial = ({ size = 24, navSocial, className }: NavSocialProps) => (
13
14
  <div className={clsx(navSocialRecipe(), className)}>
14
15
  {navSocial?.map(({ name, link }, index) => {
15
16
  const capitalized = name[0].toUpperCase() + name.slice(1);
@@ -17,7 +18,7 @@ export const NavSocial = ({ navSocial, className }: NavSocialProps) => (
17
18
  return (
18
19
  <div key={`navSocialItem-${index}`} className={navSocialLink}>
19
20
  <a target="_blank" rel="noopener noreferrer" aria-label={name} href={link}>
20
- <Icon icon={`social${capitalized}` as keyof typeof icons} />
21
+ <Icon size={size} icon={`social${capitalized}` as keyof typeof icons} />
21
22
  </a>
22
23
  </div>
23
24
  );