@postal-music/icons 0.1.11 → 0.1.13

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.
Files changed (9) hide show
  1. package/dist/index.native.js +40 -43
  2. package/dist/index.native.js.map +1 -1
  3. package/dist/index.native.mjs +40 -43
  4. package/dist/index.native.mjs.map +1 -1
  5. package/package.json +1 -1
  6. package/src/icons/general/Recording02.native.tsx +12 -9
  7. package/src/icons/navigation/Grid01Icon.native.tsx +14 -8
  8. package/src/icons/navigation/Menu02Icon.native.tsx +16 -9
  9. package/src/icons/users/UserIcon.native.tsx +5 -8
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@postal-music/icons",
3
- "version": "0.1.11",
3
+ "version": "0.1.13",
4
4
  "description": "Shared design system for Postal — icons and tokens for React and React Native",
5
5
  "publishConfig": {
6
6
  "access": "public"
package/src/icons/general/Recording02.native.tsx CHANGED
@@ -3,20 +3,23 @@ import Svg, { Path } from "react-native-svg";
3
3
 
4
4
  type Recording02Props = {
5
5
  size?: number | string;
6
+ color?: string;
7
+ fill?: string;
8
+ strokeWidth?: number | string;
6
9
  };
7
10
 
8
- const Recording02Icon: React.FC<Recording02Props> = ({ size = 18 }) => {
11
+ const Recording02Icon: React.FC<Recording02Props> = ({
12
+ size = 18,
13
+ color = "#000000",
14
+ fill = "none",
15
+ strokeWidth = "1.6",
16
+ }) => {
9
17
  return (
10
- <Svg
11
- width={size}
12
- height={size}
13
- viewBox="0 0 18 18"
14
- fill="none"
15
- >
18
+ <Svg width={size} height={size} viewBox="0 0 18 18" fill={fill}>
16
19
  <Path
17
20
  d="M2.25 7.5L2.25 10.5M5.625 8.25V9.75M9 4.5V13.5M12.375 2.25V15.75M15.75 7.5V10.5"
18
- stroke="currentColor"
19
- strokeWidth="1.6"
21
+ stroke={color}
22
+ strokeWidth={strokeWidth}
20
23
  strokeLinecap="round"
21
24
  strokeLinejoin="round"
22
25
  />
package/src/icons/navigation/Grid01Icon.native.tsx CHANGED
@@ -1,36 +1,42 @@
1
- import * as React from 'react';
2
- import Svg, { Path } from 'react-native-svg';
1
+ import * as React from "react";
2
+ import Svg, { Path } from "react-native-svg";
3
3
 
4
4
  type Grid01IconProps = {
5
5
  size?: number | string;
6
+ color?: string;
7
+ fill?: string;
6
8
  };
7
9
 
8
- const Grid01Icon = ({ size = 15 }: Grid01IconProps) => (
9
- <Svg width={size} height={size} viewBox="0 0 15 15" fill="none">
10
+ const Grid01Icon = ({
11
+ size = 15,
12
+ fill = "none",
13
+ color = "#000000",
14
+ }: Grid01IconProps) => (
15
+ <Svg width={size} height={size} viewBox="0 0 15 15" fill={fill}>
10
16
  <Path
11
17
  d="M5.25 1.875H2.875C2.52497 1.875 2.34995 1.875 2.21626 1.94312C2.09865 2.00304 2.00304 2.09865 1.94312 2.21626C1.875 2.34995 1.875 2.52497 1.875 2.875V5.25C1.875 5.60003 1.875 5.77505 1.94312 5.90874C2.00304 6.02635 2.09865 6.12196 2.21626 6.18188C2.34995 6.25 2.52497 6.25 2.875 6.25H5.25C5.60003 6.25 5.77505 6.25 5.90874 6.18188C6.02635 6.12196 6.12196 6.02635 6.18188 5.90874C6.25 5.77505 6.25 5.60003 6.25 5.25V2.875C6.25 2.52497 6.25 2.34995 6.18188 2.21626C6.12196 2.09865 6.02635 2.00304 5.90874 1.94312C5.77505 1.875 5.60003 1.875 5.25 1.875Z"
12
- stroke="currentColor"
18
+ stroke={color}
13
19
  strokeWidth="1.25"
14
20
  strokeLinecap="round"
15
21
  strokeLinejoin="round"
16
22
  />
17
23
  <Path
18
24
  d="M12.125 1.875H9.75C9.39997 1.875 9.22495 1.875 9.09126 1.94312C8.97365 2.00304 8.87804 2.09865 8.81812 2.21626C8.75 2.34995 8.75 2.52497 8.75 2.875V5.25C8.75 5.60003 8.75 5.77505 8.81812 5.90874C8.87804 6.02635 8.97365 6.12196 9.09126 6.18188C9.22495 6.25 9.39997 6.25 9.75 6.25H12.125C12.475 6.25 12.65 6.25 12.7837 6.18188C12.9013 6.12196 12.997 6.02635 13.0569 5.90874C13.125 5.77505 13.125 5.60003 13.125 5.25V2.875C13.125 2.52497 13.125 2.34995 13.0569 2.21626C12.997 2.09865 12.9013 2.00304 12.7837 1.94312C12.65 1.875 12.475 1.875 12.125 1.875Z"
19
- stroke="currentColor"
25
+ stroke={color}
20
26
  strokeWidth="1.25"
21
27
  strokeLinecap="round"
22
28
  strokeLinejoin="round"
23
29
  />
24
30
  <Path
25
31
  d="M12.125 8.75H9.75C9.39997 8.75 9.22495 8.75 9.09126 8.81812C8.97365 8.87804 8.87804 8.97365 8.81812 9.09126C8.75 9.22495 8.75 9.39997 8.75 9.75V12.125C8.75 12.475 8.75 12.65 8.81812 12.7837C8.87804 12.9013 8.97365 12.997 9.09126 13.0569C9.22495 13.125 9.39997 13.125 9.75 13.125H12.125C12.475 13.125 12.65 13.125 12.7837 13.0569C12.9013 12.997 12.997 12.9013 13.0569 12.7837C13.125 12.65 13.125 12.475 13.125 12.125V9.75C13.125 9.39997 13.125 9.22495 13.0569 9.09126C12.997 8.97365 12.9013 8.87804 12.7837 8.81812C12.65 8.75 12.475 8.75 12.125 8.75Z"
26
- stroke="currentColor"
32
+ stroke={color}
27
33
  strokeWidth="1.25"
28
34
  strokeLinecap="round"
29
35
  strokeLinejoin="round"
30
36
  />
31
37
  <Path
32
38
  d="M5.25 8.75H2.875C2.52497 8.75 2.34995 8.75 2.21626 8.81812C2.09865 8.87804 2.00304 8.97365 1.94312 9.09126C1.875 9.22495 1.875 9.39997 1.875 9.75V12.125C1.875 12.475 1.875 12.65 1.94312 12.7837C2.00304 12.9013 2.09865 12.997 2.21626 13.0569C2.34995 13.125 2.52497 13.125 2.875 13.125H5.25C5.60003 13.125 5.77505 13.125 5.90874 13.0569C6.02635 12.997 6.12196 12.9013 6.18188 12.7837C6.25 12.65 6.25 12.475 6.25 12.125V9.75C6.25 9.39997 6.25 9.22495 6.18188 9.09126C6.12196 8.97365 6.02635 8.87804 5.90874 8.81812C5.77505 8.75 5.60003 8.75 5.25 8.75Z"
33
- stroke="currentColor"
39
+ stroke={color}
34
40
  strokeWidth="1.25"
35
41
  strokeLinecap="round"
36
42
  strokeLinejoin="round"
package/src/icons/navigation/Menu02Icon.native.tsx CHANGED
@@ -1,24 +1,31 @@
1
- import * as React from 'react';
2
- import Svg, { Path } from 'react-native-svg';
1
+ import * as React from "react";
2
+ import Svg, { Path } from "react-native-svg";
3
3
 
4
4
  interface Menu02IconProps {
5
- width?: number;
6
- height?: number;
5
+ size?: number;
6
+ fill?: string;
7
+ color?: string;
8
+ strokeWidth?: number;
7
9
  }
8
10
 
9
- const Menu02Icon = ({ width = 18, height = 18 }: Menu02IconProps) => (
10
- <Svg width={width} height={height} viewBox="0 0 28 28" fill="none">
11
+ const Menu02Icon = ({
12
+ size = 18,
13
+ color = "#000000",
14
+ fill = "none",
15
+ strokeWidth = 2.25,
16
+ }: Menu02IconProps) => (
17
+ <Svg width={size} height={size} viewBox="0 0 28 28" fill={fill}>
11
18
  <Path
12
19
  d="M3.5 14H17.5M3.5 7H24.5M3.5 21H24.5"
13
- stroke="currentColor"
14
- strokeWidth="2.25"
20
+ stroke={color}
21
+ strokeWidth={strokeWidth}
15
22
  strokeLinecap="round"
16
23
  strokeLinejoin="round"
17
24
  />
18
25
  </Svg>
19
26
  );
20
27
 
21
- Menu02Icon.displayName = 'Menu02Icon';
28
+ Menu02Icon.displayName = "Menu02Icon";
22
29
 
23
30
  export { Menu02Icon };
24
31
  export default Menu02Icon;
package/src/icons/users/UserIcon.native.tsx CHANGED
@@ -1,25 +1,22 @@
1
1
  import React from "react";
2
- import Svg, { Path } from 'react-native-svg';
2
+ import Svg, { Path } from "react-native-svg";
3
3
 
4
4
  interface IconProps {
5
5
  width?: number;
6
6
  height?: number;
7
7
  color?: string;
8
8
  strokeWidth?: number;
9
+ fill?: string;
9
10
  size?: number;
10
11
  }
11
12
 
12
13
  const UserIcon: React.FC<IconProps> = ({
13
14
  size = 18,
14
- color = '#000000',
15
+ color = "#000000",
16
+ fill = "none",
15
17
  strokeWidth = 1.5,
16
18
  }) => (
17
- <Svg
18
- width={size}
19
- height={size}
20
- viewBox="0 0 18 18"
21
- fill="none"
22
- >
19
+ <Svg width={size} height={size} viewBox="0 0 18 18" fill={fill}>
23
20
  <Path
24
21
  d="M15 15.75C15 14.7033 15 14.18 14.8708 13.7541C14.58 12.7953 13.8297 12.045 12.8709 11.7542C12.445 11.625 11.9217 11.625 10.875 11.625H7.125C6.07833 11.625 5.55499 11.625 5.12914 11.7542C4.17034 12.045 3.42003 12.7953 3.12918 13.7541C3 14.18 3 14.7033 3 15.75M12.375 5.625C12.375 7.48896 10.864 9 9 9C7.13604 9 5.625 7.48896 5.625 5.625C5.625 3.76104 7.13604 2.25 9 2.25C10.864 2.25 12.375 3.76104 12.375 5.625Z"
25
22
  stroke={color}